:root{--clr-green:#154C3E;--clr-green-dark:#294438;--clr-green-mid:#2C5A45;--clr-green-sage:#ADC698;--clr-sage-light:#d9e3c8;--clr-ocra:#CF7E09;--clr-bordeaux:#51291E;--clr-bordeaux-hover:#3a1c14;--clr-bordeaux-deep:#301014;--clr-terracotta-old:#7C3C1F;--clr-cream:#fef9f2;--clr-beige:#efe8dd;--clr-surface:#e8e4df;--clr-surface-muted:#d8d0cc;--clr-text:#333333;--clr-text-muted:#555555;--clr-white:#ffffff;--clr-black:#000000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--clr-text);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{background-color:var(--clr-cream);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-toggle{display:none;border:none;background:transparent;width:42px;height:42px;border-radius:8px;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background-color:var(--clr-green);transition:transform 0.2s ease,opacity 0.2s ease}.logo-link{display:inline-flex;align-items:center;gap:0.75rem;text-decoration:none}.logo{width:44px;height:44px;border-radius:10px;object-fit:cover}.logo-text-wrap{display:flex;flex-direction:column;line-height:1.1;font-family:"Bricolage Grotesque",sans-serif}.logo-brand{color:var(--clr-green);font-size:1.45rem;font-weight:700;letter-spacing:0.01em}.logo-tagline{color:var(--clr-bordeaux-deep);font-size:0.86rem;font-weight:200;max-width:350px}.nav-menu{display:flex;list-style:none;gap:1.2rem}.nav-item-with-submenu{position:relative}.nav-item-with-submenu::after{content:'';position:absolute;left:0;top:100%;width:220px;height:0.6rem}.nav-submenu{display:none;position:absolute;top:calc(100% + 0.35rem);left:0;background:var(--clr-cream);border:1px solid var(--clr-beige);list-style:none;flex-direction:column;gap:0.2rem;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,0.12);min-width:180px;padding:0.35rem}.nav-item-with-submenu:hover .nav-submenu,.nav-item-with-submenu:focus-within .nav-submenu{display:flex}.nav-submenu li{padding:0}.nav-submenu a{display:block;padding:0.5rem 0.7rem;text-decoration:none;color:var(--clr-green-dark);font-weight:400;font-size:0.9rem;white-space:nowrap;text-transform:uppercase;letter-spacing:0.015em;border-radius:7px;border:1px solid transparent;background-color:transparent;transition:color 0.2s,background-color 0.2s,border-color 0.2s}.nav-submenu a:hover,.nav-submenu a:focus-visible{background-color:var(--clr-green);color:var(--clr-cream);border-color:var(--clr-green);outline:none;transform:none}.nav-menu a{font-family:'Lato',sans-serif;display:inline-block;padding:0.35rem 0.55rem;border-radius:6px;text-decoration:none;color:var(--clr-green-dark);font-weight:400;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.015em;border:1px solid transparent;transition:color 0.2s,background-color 0.2s,border-color 0.2s,transform 0.2s}.nav-item-with-submenu>a::after{content:'▾';display:inline-block;margin-left:0.4rem;font-size:0.8rem;color:currentColor}.nav-menu a:hover,.nav-menu a:focus-visible{color:var(--clr-cream);background-color:var(--clr-green);border-color:var(--clr-green);outline:none;transform:translateY(-1px)}.hero{background:var(--clr-green);color:var(--clr-cream);padding:4rem 2rem;min-height:600px;display:flex;align-items:center;justify-content:center;scroll-margin-top:120px}.hero-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%}.hero-content{max-width:900px;padding-block:2rem}.hero-content h1{font-family:"Bricolage Grotesque",sans-serif;font-size:3rem;margin-bottom:2.8rem;font-weight:400;line-height:1.3;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,0.18)}.hero-content p{font-size:1.25rem;margin-bottom:1.2rem;line-height:1.8;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.highlight{color:var(--clr-ocra);font-weight:500}.hero .highlight{text-shadow:0 1px 2px rgba(0,0,0,0.28)}.hero-buttons{display:flex;gap:1.5rem;margin-top:2.8rem;justify-content:center}.btn-primary{display:inline-block;background-color:var(--clr-bordeaux);color:var(--clr-cream);padding:0.875rem 2rem;border-radius:5px;text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;border:2px solid var(--clr-bordeaux);cursor:pointer;transition:all 0.3s;font-size:0.9rem}.btn-primary:hover{background-color:var(--clr-bordeaux-hover);border-color:var(--clr-bordeaux-hover);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.2)}.btn-secondary{display:inline-block;background-color:transparent;color:var(--clr-cream);padding:0.875rem 2rem;border-radius:5px;text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;border:2px solid var(--clr-bordeaux);cursor:pointer;transition:all 0.3s;font-size:0.9rem}.btn-secondary:hover{background-color:var(--clr-bordeaux-hover);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.2)}.services{padding:4rem 2rem;background-color:var(--clr-cream);scroll-margin-top:120px}.services h2{width:fit-content;margin-inline:auto;text-align:center;font-family:"Bricolage Grotesque",sans-serif;font-size:2.2rem;font-weight:500;line-height:1.2;letter-spacing:0.01em;margin-bottom:3rem;color:var(--clr-green-mid)}.services .container{display:flex;flex-direction:column;gap:2rem}.services .container h2{grid-column:1}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem}.services-row{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;min-height:auto;transition:none;flex:initial;scroll-snap-align:none}.services-row:hover{transform:none;box-shadow:none}.services-row.reverse{background:transparent;border:none}.service-content{order:1;flex:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.service-content h3{color:var(--clr-green);margin-bottom:1rem;font-size:1.25rem;text-transform:uppercase;letter-spacing:0.5px;font-weight:700}.service-content p{color:var(--clr-text);margin-bottom:0.5rem;line-height:1.8;font-weight:400}.service-content p strong{color:var(--clr-green);font-weight:600}.service-content .highlight{color:var(--clr-ocra);font-weight:700}.service-content a{color:var(--clr-green);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:0.14em;font-weight:600;transition:color 0.2s ease}.service-content a:hover{color:var(--clr-ocra)}.service-content ul{margin-left:1.25rem;color:var(--clr-text)}.service-btn{display:inline-flex;align-items:center;gap:0.5rem;margin-top:0.5rem;padding:0;background-color:transparent;color:var(--clr-green);text-decoration:none;font-weight:600;border:none;border-radius:0;text-transform:none;font-size:0.95rem;transition:color 0.3s,gap 0.3s;cursor:pointer;text-align:left;align-self:flex-start}.service-btn::after{content:'→'}.service-btn:hover{background-color:transparent;color:var(--clr-ocra);transform:none;box-shadow:none}.service-detail-intro{background:var(--clr-surface);padding:1.5rem;border-left:4px solid var(--clr-green);margin-bottom:2.5rem}.service-detail-intro p{font-size:1.1rem;color:var(--clr-text);line-height:1.8}.service-cta{text-align:center;background:var(--clr-surface);padding:2.5rem;border-radius:8px}.service-cta h2{font-size:1.6rem;color:var(--clr-green);margin-bottom:1.5rem}.service-page-hero{background:linear-gradient( 160deg,color-mix(in srgb,var(--clr-green) 94%,black 6%) 0%,color-mix(in srgb,var(--clr-green-mid) 86%,black 14%) 100% );color:var(--clr-cream);padding:5.2rem 2rem 5rem}.service-page-hero-inner{max-width:900px;margin:0 auto;text-align:center}.service-page-hero h1{font-family:"Bricolage Grotesque",sans-serif;font-size:2.35rem;line-height:1.2;font-weight:500;margin-bottom:1.35rem;color:var(--clr-cream)}.service-page-hero p{margin:0 auto 2rem;max-width:760px;font-size:1.08rem;line-height:1.85;color:color-mix(in srgb,var(--clr-cream) 94%,var(--clr-sage-light) 6%)}.service-page-section{padding:4rem 2rem;background:var(--clr-cream)}.service-page-section-alt{background:color-mix(in srgb,var(--clr-surface) 60%,var(--clr-cream) 40%)}.service-page-section h2{width:fit-content;margin-inline:auto;text-align:center;font-family:"Bricolage Grotesque",sans-serif;font-size:2.2rem;font-weight:500;line-height:1.2;letter-spacing:0.01em;margin-bottom:2.2rem;color:var(--clr-green-mid)}.sw-summary{max-width:980px;margin:0 auto 2.1rem}.sw-summary .service-detail-intro{margin-bottom:0}.sw-offer-list{list-style:none;margin:0 auto;padding:0;max-width:980px}.sw-offer-list li{position:relative;padding:0.35rem 0 0.35rem 1.2rem;line-height:1.8;color:var(--clr-text)}.sw-offer-list li::before{content:'>';position:absolute;left:0;top:0.34rem;color:var(--clr-green-mid);font-weight:700}.sw-offer-list strong{color:var(--clr-green-mid)}.sw-method-list{--method-line:color-mix(in srgb,var(--clr-green-mid) 24%,var(--clr-cream) 76%);list-style:none;padding:0;margin:0 auto;max-width:920px;position:relative}.sw-method-list::before{content:'';position:absolute;left:1rem;top:1.2rem;bottom:1.2rem;width:2px;background:var(--method-line);border-radius:999px}.sw-method-list li{position:relative;display:grid;grid-template-columns:2rem 1fr;align-items:start;column-gap:1rem;padding:0.9rem 0}.sw-step-number{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--clr-green-mid);color:var(--clr-cream);font-weight:700;font-size:0.95rem;z-index:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--clr-cream) 84%,var(--clr-surface) 16%)}.sw-method-list h3{margin:0 0 0.35rem;color:var(--clr-bordeaux-deep);font-size:1.05rem}.sw-method-list p{margin:0;color:var(--clr-text);line-height:1.75}.sw-tech-section{background:var(--clr-green)}.sw-tech-section h2{color:var(--clr-cream)}.sw-tech-section .service-detail-intro{background:color-mix(in srgb,var(--clr-cream) 90%,var(--clr-sage-light) 10%)}.sw-tech-circles{list-style:none;padding:0;margin:0 auto;max-width:940px;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.sw-tech-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.4rem;width:120px;height:120px;text-align:center;padding:0.7rem;border-radius:50%;color:var(--clr-text);text-decoration:none;border:1px solid transparent;background:color-mix(in srgb,var(--clr-cream) 78%,var(--clr-sage-light) 22%);box-shadow:0 6px 12px rgba(0,0,0,0.08);transition:transform 0.2s ease,border-color 0.2s ease,background-color 0.2s ease}.sw-tech-circle:hover,.sw-tech-circle:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--clr-green-mid) 28%,transparent);background:color-mix(in srgb,var(--clr-cream) 70%,var(--clr-sage-light) 30%);outline:none}.sw-tech-circle img,.about-tech-list img{width:28px;height:28px;display:block;filter:brightness(0) saturate(100%) invert(23%) sepia(58%) saturate(860%) hue-rotate(128deg) brightness(92%) contrast(95%)}.sw-tech-circle span{font-weight:600;font-size:0.9rem;line-height:1.2}.sw-projects-list{max-width:900px;margin:0 auto;display:grid;gap:2rem}.sw-project-card{display:grid;grid-template-columns:140px 1fr;gap:1.2rem;align-items:center;background:var(--clr-surface);border:1px solid color-mix(in srgb,var(--clr-green-mid) 16%,var(--clr-cream) 84%);border-radius:12px;padding:1rem;box-shadow:0 6px 14px rgba(0,0,0,0.07)}.sw-project-logo-link{display:inline-flex;justify-content:center;align-items:center}.sw-project-logo-link img{width:140px;height:140px;object-fit:contain}.sw-project-body h3{margin-bottom:0.5rem;color:var(--clr-green-mid);font-size:1.2rem}.sw-project-body p{margin:0 0 0.55rem;line-height:1.7;color:var(--clr-text)}.sw-project-link{color:var(--clr-green-mid);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.14em;font-weight:700}.sw-project-link:hover{color:var(--clr-terracotta-old)}.about-page{padding:0 2rem 3rem;background:var(--clr-cream)}.about-hero{display:grid;grid-template-columns:1fr 340px;gap:3.2rem;align-items:start;margin-bottom:2.5rem;position:relative;isolation:isolate;padding:5.2rem 0 4.4rem}.about-hero::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--clr-green);box-shadow:inset 0 14px 24px -24px rgba(0,0,0,0.25),inset 0 -16px 26px -26px rgba(0,0,0,0.28)}.about-hero .highlight{color:var(--clr-ocra);text-shadow:0 1px 2px rgba(0,0,0,0.28)}.about-photo-wrap{background:transparent;border-radius:0;padding:0;border:none}.about-photo{width:100%;aspect-ratio:4 / 5;overflow:hidden;background:transparent;box-shadow:none}.about-photo-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 6%;opacity:0.93}.about-summary h1{font-family:"Bricolage Grotesque",sans-serif;font-size:2.35rem;color:var(--clr-white);margin-bottom:1.25rem;font-weight:500;line-height:1.2;letter-spacing:0.01em;text-align:center}.about-summary p{color:rgba(255,255,255,0.95);font-size:1.08rem;line-height:1.85;margin-bottom:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,0.12)}.about-section{position:relative;isolation:isolate;background:transparent;border:none;border-radius:0;padding:4rem 0;margin-bottom:0;box-shadow:none}.about-section::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--clr-cream)}.about-section>*{max-width:1200px;margin-inline:auto;padding-inline:2rem}.about-section h2{font-family:"Bricolage Grotesque",sans-serif;color:var(--clr-green-mid);font-size:2.2rem;width:fit-content;margin-inline:auto;text-align:center;margin-bottom:3rem;font-weight:500;line-height:1.2;letter-spacing:0.01em}.about-section p{color:var(--clr-text);line-height:1.8;margin-bottom:1rem}.about-list{--timeline-progress:0;--timeline-x:1.1rem;--timeline-cap:1.94rem;--timeline-dot-size:0.92rem;--timeline-dot-half:0.46rem;--timeline-dot-left:-1.81rem;list-style:none;padding:0;padding-left:2.45rem;position:relative}.about-list::before{content:'';position:absolute;left:var(--timeline-x);top:var(--timeline-cap);bottom:var(--timeline-cap);width:2px;background:color-mix(in srgb,var(--clr-green-mid) 30%,var(--clr-surface) 70%);border-radius:999px}.about-list::after{content:'';position:absolute;left:var(--timeline-x);top:var(--timeline-cap);width:2px;height:calc(100% - var(--timeline-cap) - var(--timeline-cap));border-radius:999px;background:linear-gradient( to bottom,color-mix(in srgb,var(--clr-bordeaux) 90%,var(--clr-ocra) 10%) 0%,var(--clr-ocra) 52%,var(--clr-green) 100% );transform-origin:top;transform:scaleY(var(--timeline-progress));transition:transform 0.12s linear}.about-list li{position:relative;padding:1.35rem 0;padding-left:0.75rem;border-bottom:none}.about-list li::before{content:'';position:absolute;left:var(--timeline-dot-left);top:calc(var(--timeline-cap) - var(--timeline-dot-half));width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:50%;background:var(--clr-surface-muted);border:2px solid var(--clr-cream);box-shadow:0 0 0 1px color-mix(in srgb,var(--clr-green-mid) 40%,transparent);transition:background-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease}.about-list li.is-active::before{background:var(--clr-ocra);transform:scale(1.08);box-shadow:0 0 0 1px var(--clr-ocra),0 0 0 6px color-mix(in srgb,var(--clr-ocra) 16%,transparent)}.about-list li:last-child{border-bottom:none}.about-list strong{color:var(--clr-bordeaux-deep);display:block;margin-bottom:0.35rem;font-size:1.05rem}.about-list p{margin:0;font-size:1.03rem}.about-inline-link{color:var(--clr-green-mid);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.14em;transition:color 0.2s ease}.about-inline-link:hover,.about-inline-link:focus-visible{color:var(--clr-terracotta-old);outline:none}.about-story{position:relative;padding-block:4rem}.about-story::after{content:'';position:absolute;left:calc(50% - 50vw);width:100vw;bottom:0;height:120px;pointer-events:none;background:linear-gradient( to bottom,rgba(44,90,69,0) 0%,rgba(44,90,69,0.07) 52%,rgba(44,90,69,0.2) 100% )}.about-story h2,.about-story p{color:var(--clr-text)}.about-story h2{color:var(--clr-green-mid)}.about-education{padding-top:4rem;padding-bottom:4.2rem}.about-education .about-list li{border-bottom:none}.about-tech-stack{position:relative;isolation:isolate;padding-top:3.4rem;padding-bottom:3.8rem}.about-tech-stack::before{content:'';position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:0;bottom:0;background:var(--clr-green);box-shadow:inset 0 14px 24px -24px rgba(0,0,0,0.25),inset 0 -16px 26px -26px rgba(0,0,0,0.28)}.about-tech-stack h2{color:var(--clr-cream)}.about-tech-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.about-tech-group{background:color-mix(in srgb,var(--clr-cream) 82%,var(--clr-sage-light) 18%);border:1px solid color-mix(in srgb,var(--clr-green-mid) 20%,var(--clr-beige) 80%);border-radius:12px;padding:1.1rem;box-shadow:0 6px 14px rgba(0,0,0,0.08)}.about-tech-group h3{color:var(--clr-green-mid);margin-bottom:0.8rem;font-size:1.05rem;font-weight:700;text-align:center}.about-tech-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.7rem}.about-tech-list a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.45rem;width:100%;min-height:88px;text-align:center;padding:0.7rem 0.5rem;border-radius:8px;color:var(--clr-text);text-decoration:none;border:1px solid transparent;transition:transform 0.2s ease,color 0.2s ease,border-color 0.2s ease,background-color 0.2s ease}.about-tech-list a:hover,.about-tech-list a:focus-visible{color:var(--clr-green-mid);background:color-mix(in srgb,var(--clr-cream) 70%,var(--clr-sage-light) 30%);border-color:color-mix(in srgb,var(--clr-green-mid) 28%,transparent);transform:translateY(-1px);outline:none}.about-tech-list span{font-weight:600;font-size:0.96rem}.about-cta{margin-top:0}.about-cta.contact{border-radius:12px;padding:4rem 2rem 4.3rem;margin-top:0;position:relative}.about-cta.contact h2{margin-bottom:2.8rem}.about-cta.contact .contact-content{gap:2.8rem}@media (max-width:768px){.service-page-hero{padding:4.4rem 1.2rem 4rem}.service-page-hero h1{font-size:1.9rem}.service-page-section{padding:3.2rem 1.2rem}.service-page-section h2{font-size:1.85rem;margin-bottom:1.7rem}.sw-method-list li{grid-template-columns:1.9rem 1fr;column-gap:0.8rem}.sw-step-number{width:1.9rem;height:1.9rem}.sw-project-card{grid-template-columns:1fr;text-align:center}.sw-project-logo-link{justify-self:center}.sw-tech-circle{width:108px;height:108px}}.projects{padding:4rem 2rem;scroll-margin-top:120px;background:var(--clr-green);box-shadow:inset 0 14px 24px -24px rgba(0,0,0,0.25),inset 0 -16px 26px -26px rgba(0,0,0,0.28)}.projects h2{width:fit-content;margin-inline:auto;text-align:center;font-family:"Bricolage Grotesque",sans-serif;font-size:2.2rem;font-weight:500;line-height:1.2;letter-spacing:0.01em;margin-bottom:4.5rem;color:var(--clr-white);text-shadow:none}.projects-carousel-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0.9rem}.projects-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.projects-carousel::-webkit-scrollbar{display:none}.projects-grid{display:flex;flex-wrap:nowrap;gap:1.6rem;padding:60px 0 0.8rem;width:100%}.projects-nav{width:42px;height:42px;border-radius:999px;border:1px solid color-mix(in srgb,var(--clr-bordeaux) 42%,var(--clr-cream) 58%);background:color-mix(in srgb,var(--clr-cream) 72%,var(--clr-sage-light) 28%);color:var(--clr-bordeaux-deep);font-size:1.55rem;line-height:1;cursor:pointer;transition:background-color 0.2s,transform 0.2s,opacity 0.2s}.projects-nav:hover:not(:disabled){background:color-mix(in srgb,var(--clr-sage-light) 62%,var(--clr-cream) 38%);transform:translateY(-1px)}.projects-nav:focus-visible{outline:2px solid var(--clr-bordeaux);outline-offset:2px}.projects-nav:disabled{opacity:0.35;cursor:not-allowed}.projects-carousel-wrap.is-static .projects-nav{visibility:hidden;pointer-events:none}.projects-dots{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap;grid-column:1 / -1}.projects-dot{width:16px;height:16px;border-radius:50%;background:rgba(10,84,79,0.3);border:none;cursor:pointer;transition:background-color 0.3s,transform 0.3s,box-shadow 0.3s;padding:0}.projects-dot:hover{background:rgba(10,84,79,0.5);transform:scale(1.2)}.projects-dot:focus-visible{outline:2px solid var(--clr-bordeaux);outline-offset:2px}.projects-dot.active{background:var(--clr-green);transform:scale(1.25);box-shadow:0 0 12px rgba(10,84,79,0.5)}.project-card{flex:0 0 100%;max-width:100%;background:color-mix(in srgb,var(--clr-cream) 88%,var(--clr-sage-light) 12%);border-radius:12px;overflow:visible;box-shadow:0 8px 16px rgba(0,0,0,0.15);transition:transform 0.3s,box-shadow 0.3s;position:relative;padding-top:82px;min-height:340px;display:flex;flex-direction:column;scroll-snap-align:start}@media (min-width:1200px){.project-card{flex-basis:calc((100% - 1.6rem) / 2);max-width:calc((100% - 1.6rem) / 2)}}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.25)}.project-client-logo{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:140px;height:140px;border-radius:50%;background:var(--clr-cream);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.12);overflow:hidden}.project-client-logo-link{text-decoration:none;cursor:pointer;outline-offset:2px}.project-client-logo-link:hover,.project-client-logo-link:focus-visible{box-shadow:0 6px 16px rgba(0,0,0,0.2);outline-color:color-mix(in srgb,var(--clr-green) 55%,transparent)}.project-client-logo img{width:100%;height:100%;object-fit:contain;padding:1rem}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-card h3{color:var(--clr-green);font-size:1.3rem;margin-bottom:0.75rem;font-weight:600;text-align:center}.project-card p{color:var(--clr-text-muted);line-height:1.7;margin-bottom:1rem;flex:1;font-size:0.95rem}.project-site-cta{margin-bottom:1rem;color:var(--clr-green-mid);font-weight:500;flex:0}.project-site-link{display:inline-flex;align-items:center;gap:0.35rem;color:var(--clr-green);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.14em;transition:color 0.2s ease,transform 0.2s ease}.project-site-link::after{content:'↗';font-size:0.9em}.project-site-link:hover,.project-site-link:focus-visible{color:var(--clr-terracotta-old);transform:translateY(-1px);outline:none}.project-tech{display:flex;gap:0.9rem;flex-wrap:wrap;justify-content:center;margin-top:auto}.tech-badge-sm{width:42px;height:42px;padding:0;background:transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--clr-green);transition:transform 0.2s ease,opacity 0.2s ease}.tech-badge-sm img{width:28px;height:28px;display:block;filter:brightness(0) saturate(100%) invert(23%) sepia(58%) saturate(860%) hue-rotate(128deg) brightness(92%) contrast(95%)}.tech-badge-sm:hover{transform:translateY(-1px) scale(1.06);opacity:0.95}.contact{scroll-margin-top:120px;padding:4rem 2rem;background-color:var(--clr-cream);box-shadow:inset 0 12px 20px -24px rgba(0,0,0,0.22)}.contact h2{width:fit-content;margin-inline:auto;text-align:center;font-family:"Bricolage Grotesque",sans-serif;font-size:2.2rem;font-weight:500;line-height:1.2;letter-spacing:0.01em;margin-bottom:2rem;color:var(--clr-green-mid)}.contact-content{display:flex;align-items:center;justify-content:center;gap:2rem}.contact-email{font-size:1.25rem;color:var(--clr-text);margin:0;font-weight:500}.footer{background:linear-gradient( to bottom,#b8906e 0%,#c9a98a 4%,#dbbf9e 10%,#e8d5be 20%,#f0e4d4 34%,var(--clr-cream) 58% );color:var(--clr-bordeaux);padding-top:0;box-shadow:inset 0 8px 20px -4px rgba(50,18,8,0.38),inset 0 2px 6px -1px rgba(81,41,30,0.55)}.footer-main{max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,0.85fr);gap:3rem;align-items:start;padding:2rem 2rem 1.2rem}.footer-block{display:flex;flex-direction:column;gap:0.6rem}.footer-brand{gap:0.9rem}.footer-brand-link{display:inline-flex;align-items:center;gap:0.75rem;text-decoration:none}.footer-brand-text{display:flex;flex-direction:column;line-height:1.15}.footer-brand-name{font-family:"Bricolage Grotesque",sans-serif;color:var(--clr-bordeaux-deep);font-size:1.3rem;font-weight:600}.footer-brand-id{color:var(--clr-bordeaux);font-size:0.95rem;letter-spacing:0.02em;max-width:20rem}.footer-sitemap{display:flex;flex-direction:column;gap:0.4rem;padding-top:0.2rem}.footer-sitemap a{color:var(--clr-bordeaux);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:0.14em;font-weight:500;font-size:0.95rem;transition:color 0.2s ease}.footer-sitemap a:hover{color:var(--clr-bordeaux-deep);text-decoration:underline}.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.3rem}.footer-contact-list li{color:var(--clr-bordeaux);line-height:1.5;font-size:0.95rem}.footer-contact-list a{color:var(--clr-bordeaux-deep);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:0.14em}.footer-contact-list a:hover{color:var(--clr-bordeaux)}.footer-cta{margin-top:0.8rem;align-self:flex-start;display:inline-flex;align-items:center;gap:0.45rem;padding:0.1rem 0;border:none;border-bottom:1.5px solid var(--clr-bordeaux);background:transparent;color:var(--clr-bordeaux-deep);font-size:0.98rem;font-weight:600;letter-spacing:0.01em;text-transform:none;box-shadow:none;transition:color 0.2s,border-color 0.2s,transform 0.2s;border-radius:0px}.footer-cta::after{content:'→'}.footer-cta:hover{background:transparent;border-color:var(--clr-bordeaux-deep);box-shadow:none;color:var(--clr-bordeaux-deep);transform:translateX(3px)}.footer-bottom{width:100%;margin-top:0;border-top:1px solid color-mix(in srgb,var(--clr-bordeaux) 65%,var(--clr-cream) 35%);text-align:center;padding:1rem 2rem;color:var(--clr-bordeaux-deep)}.footer-bottom p{max-width:1200px;margin:0 auto}@media (max-width:950px){.navbar-container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0.5rem}.logo-link{justify-content:flex-start}.logo-brand{font-size:1.45rem}.logo-tagline{display:block;font-size:0.84rem}.nav-toggle{display:inline-block;justify-self:end}.nav-toggle:hover,.nav-toggle:focus-visible{background-color:var(--clr-beige);outline:none}.nav-menu{display:none;grid-column:1 / -1;width:100%;flex-direction:column;gap:0.4rem;text-align:left;margin-top:0.35rem;padding-top:0.35rem;border-top:1px solid var(--clr-beige)}.nav-menu.is-open{display:flex}.nav-menu a{width:100%;padding:0.55rem 0.4rem}.nav-submenu{display:flex;position:static;background:transparent;box-shadow:none;border-radius:0;border:none;min-width:0;width:max-content;max-width:100%;padding:0.2rem 0 0.2rem 0.9rem}.nav-submenu a{padding:0.45rem 0.4rem;font-size:0.95rem}.nav-item-with-submenu>a::after{content:'';margin-left:0}.nav-item-with-submenu::after{content:none}}@media (max-width:768px){.navbar-container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0.5rem}.logo-link{justify-content:flex-start}.logo-brand{font-size:1.45rem}.logo-tagline{display:block;font-size:0.84rem}.nav-toggle{display:inline-block;justify-self:end}.nav-toggle:hover,.nav-toggle:focus-visible{background-color:var(--clr-beige);outline:none}.nav-menu{display:none;grid-column:1 / -1;width:100%;flex-direction:column;gap:0.4rem;text-align:left;margin-top:0.35rem;padding-top:0.35rem;border-top:1px solid var(--clr-beige)}.nav-menu.is-open{display:flex}.nav-menu a{width:100%;padding:0.55rem 0.4rem}.nav-submenu{display:flex;position:static;background:transparent;box-shadow:none;border-radius:0;min-width:0;width:max-content;max-width:100%;padding:0.2rem 0 0.2rem 0.9rem}.nav-submenu a{padding:0.45rem 0.4rem;font-size:0.95rem}.nav-item-with-submenu>a::after{content:'';margin-left:0}.hero-container{grid-template-columns:1fr}.hero-content h1{font-size:2.5rem;margin-bottom:3.5rem}.hero-buttons{flex-direction:column;margin-top:3.5rem}.services h2,.projects h2,.contact h2{font-size:2rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.services-row,.services-row.reverse{grid-template-columns:1fr;flex-basis:100%;min-height:auto;padding-bottom:1.5rem;border-bottom:1px solid var(--clr-black)}.services-row:last-child,.services-row.reverse:last-child{border-bottom:none;padding-bottom:0}.container{padding:0}.projects-grid{gap:1.25rem;padding-top:56px}.project-card{flex-basis:100%;max-width:100%}.projects-carousel{width:100%;scroll-padding:0 2rem}.projects-grid{gap:0;padding:60px 0 0 0;width:100%}.projects-nav{display:none}.projects-dots{margin-top:1.5rem}.contact-content{flex-direction:column;align-items:center;text-align:center}.contact-email{order:1}.contact-content .btn-primary{order:2}.about-hero{grid-template-columns:1fr;gap:1.5rem;padding:3.2rem 0 2.4rem}.about-summary h1{font-size:2rem}.about-section{padding:3rem 0}.about-section>*{padding-inline:1.4rem}.about-section h2{font-size:2rem;margin-bottom:2.2rem}.about-tech-groups{grid-template-columns:1fr;gap:1.3rem}.about-tech-list{grid-template-columns:repeat(3,minmax(0,1fr))}.about-education{padding-top:3rem;padding-bottom:3.2rem}.about-list{--timeline-x:1.02rem;--timeline-cap:1.84rem;--timeline-dot-left:-1.48rem;padding-left:2.05rem}.about-story::after{height:92px}.about-cta.contact{padding:3rem 1.4rem 3.2rem}.footer{padding-top:0}.footer-main{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.4rem 1.2rem}.footer-brand{margin-top:1rem}.footer-cta{display:none}.footer-sitemap{display:none}}@media (max-width:520px){.hero-buttons{width:100%;align-items:stretch}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;text-align:center;justify-content:center}}@media (max-width:520px){.projects{padding-inline:0rem;padding:4rem 0}.projects-carousel{padding-inline:0rem}.projects-carousel-wrap{gap:0rem}}