/* SARCO: immersive project stories and an open, editorial grid. */
:root{--paper:#fff;--ink:#17191c;--muted:#64676a;--line:#d6d7d8;--soft:#f2f3f3;--navy:#131619;--gutter:clamp(24px,4.4vw,88px)}
h1,h2,h3,h4{font-weight:400;letter-spacing:-.055em}h2{line-height:1.05}.container{max-width:2200px}.eyebrow{font-weight:500;letter-spacing:.09em}.eyebrow .small-line{display:none}.text-link{font-size:14px;padding-block:12px;gap:40px}.button{background:#17191c}.button:hover{background:#315b7c}.round-arrow{border-radius:0;border:0}.site-header{height:110px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border:0}.site-header.is-home{position:absolute;inset:0 0 auto;width:100%;color:#fff;background:transparent}.brand-logo{height:76px;mix-blend-mode:normal;background:#fff;padding:5px;width:auto}.brand .brand-description{border:0;padding-left:6px;font-size:9px;letter-spacing:.11em;line-height:1.7}.desktop-nav{gap:30px}.nav-link{font-size:14px;font-weight:400}.nav-link:after{background:currentColor}.header-contact{display:none}.header-actions{gap:24px}.language-switch button{color:inherit;opacity:.6;font-size:11px;min-width:28px;min-height:44px}.language-switch button.active{color:inherit;opacity:1}.menu-toggle{display:flex;width:44px;height:44px}.menu-toggle span{background:currentColor;width:27px}.site-header.is-home .menu-toggle{color:#fff}.mobile-nav{position:fixed;inset:0;z-index:45;padding:140px var(--gutter) 45px;background:#131619;color:#fff;overflow:auto}.mobile-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;align-content:center}.mobile-nav a{font-size:clamp(30px,5vw,78px);padding:18px 0;border-color:#373b3f;line-height:1.3;font-weight:400}.mobile-nav a svg{width:30px;height:30px}.mobile-nav .mobile-nav-note{grid-column:1/-1;margin-top:35px;color:#aeb6bd}.menu-open{overflow:hidden}.menu-open .site-header{position:fixed;inset:0 0 auto;width:100%;color:white;background:#131619}.menu-open .desktop-nav{visibility:hidden}.menu-open .language-switch button{color:#fff}.menu-open .menu-toggle{color:white}.hero{height:100svh;min-height:720px;max-height:1200px;width:100%;background:#141c24}.hero-media img{animation:projectArrival 1.3s ease both}.hero-media:after{background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.77),rgba(0,0,0,.06) 75%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 70%)}.hero-content{top:auto;bottom:50px;left:var(--gutter);right:var(--gutter);display:block}.hero-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.11em;margin-bottom:22px}.hero-kicker span{padding:0 12px;opacity:.55}.hero h1{font-size:clamp(72px,9vw,148px);line-height:.98;max-width:12ch;margin:0 0 22px;font-weight:400;letter-spacing:-.065em;text-wrap:balance}.hero-location{font-size:14px;color:#e3e4e5}.hero-bottom{margin-top:40px;padding-top:22px;align-items:center;border-color:#ffffff50}.hero-bottom .text-link{border:0;color:#fff;font-size:15px}.hero-scroll{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.04em}.hero-scroll svg{width:17px;height:17px}.hero-controls{gap:12px}.hero-controls .icon-button{height:46px;width:46px;border-radius:0;border-color:#ffffff65}.hero-progress{height:5px}.hero-progress button:before{background:#ffffff25}.hero-progress button.active:before{background:#fff}.design-intro{padding-block:110px 130px}.intro-label{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#62676c}.design-intro h2{font-size:clamp(50px,7vw,112px);margin-top:65px;max-width:18ch;line-height:1.04}.intro-summary{display:flex;justify-content:space-between;gap:60px;margin:55px 0 0 33.333%;align-items:flex-end}.intro-summary p{font-size:18px;line-height:1.65;max-width:44ch;color:#555a5f}.intro-summary .text-link{flex-shrink:0}.selected{padding-block:20px 110px}.section-heading{margin-bottom:60px}.section-heading h2{font-size:clamp(40px,4.7vw,76px);line-height:1.08}.section-heading .eyebrow{margin-bottom:26px}.selected .projects-grid{gap:64px 35px}.selected .project-card:nth-child(even){padding-top:0}.selected .project-card:first-child{grid-column:1/-1}.selected .project-card:first-child .project-image{aspect-ratio:2.05}.selected .project-card:nth-child(n+2) .project-image{aspect-ratio:1.4}.project-image{background:#e4e5e7}.project-image .project-badge{font-size:10px;background:#fff;padding:8px 12px;letter-spacing:.06em}.project-image .card-arrow{width:52px;height:52px;border-radius:0}.project-caption{padding-top:20px}.project-caption h3{font-size:clamp(25px,2.4vw,37px);font-weight:400}.project-subcaption{font-size:12px;margin-top:9px}.project-number{display:none}.practice-feature{position:relative;min-height:640px;height:85svh;max-height:1000px;isolation:isolate;color:#fff;background:#131619;overflow:hidden}.practice-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.practice-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000a,#0002),linear-gradient(0deg,#0007,transparent)}.practice-feature-content{height:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding-block:70px}.practice-feature h2{font-size:clamp(48px,6vw,96px);margin:35px 0 25px;max-width:17ch}.practice-feature p{font-size:15px;line-height:1.8;max-width:42ch;color:#f1f1f1}.practice-feature .text-link{margin-top:26px}.feature-caption{font-size:11px;position:absolute;bottom:32px;right:var(--gutter)}.expertise-home{background:#131619;padding-block:115px;gap:10vw}.expertise-home h2{font-size:clamp(46px,5.4vw,86px);line-height:1.04}.expertise-home p{color:#b9bec3;font-size:16px}.service-row{border-color:#464b50;padding:25px 0}.service-row .service-title{font-size:clamp(22px,2.1vw,33px)}.service-row:last-child{border-color:#464b50}.service-row .service-no{color:#abb4bc}.journal-home{padding-block:115px}.journal-grid{gap:32px}.journal-card h3{font-size:clamp(23px,2vw,31px);line-height:1.25}.journal-meta{font-size:10px;margin-block:20px 16px}.journal-image{aspect-ratio:1.38;margin:0}.journal-arrow{padding-top:5px}.conversation{padding-block:90px;grid-template-columns:1fr 100px}.conversation h2{font-size:clamp(42px,6vw,96px);line-height:1.05}.conversation .round-arrow{width:100px;height:100px}.conversation .round-arrow svg{width:64px;height:64px}.site-footer{background:#131619;padding-top:70px}.footer-logo{padding:7px}.footer-wordmark{font-size:clamp(100px,25vw,440px);line-height:.85;letter-spacing:-.085em;font-weight:500;margin-block:75px 40px;color:#fff}.footer-bottom{border-color:#42474d}.page-header{padding-block:70px 60px}.page-header h1{font-size:clamp(60px,8.6vw,140px);font-weight:400;line-height:1.02}.page-header .page-label{border:0}.page-header-description{font-size:18px;line-height:1.7}.archive-controls{border-bottom:1px solid var(--line)}.filter-tab{border-radius:0;padding:11px 17px;font-size:12px}.filter-tab.active{background:#17191c;color:#fff}.archive-grid{gap:50px 30px}.archive-grid .project-image{aspect-ratio:1.2}.archive-grid .project-caption h3{font-size:26px}.project-heading h1{font-size:clamp(55px,7.5vw,120px)}.detail-hero{height:80svh;max-height:1000px}.project-overview{padding-block:85px}.gallery-grid{gap:25px}.gallery-zoom{border-radius:0}.studio-hero{aspect-ratio:2.05}.studio-intro h2{font-size:clamp(40px,4.8vw,76px)}.founder-section,.process-section,.office-panel{background:#171b20}.contact-form{background:#f0f1f2}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field label{font-size:12px}.fade-in{animation:none}@keyframes projectArrival{from{opacity:.6;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.hero{height:100svh;max-height:1200px}.hero-content{left:var(--gutter);right:var(--gutter)}.hero h1{font-size:148px}}
@media(max-width:1100px){.desktop-nav{gap:20px}.brand .brand-description{display:none}.intro-summary{margin-left:20%;flex-wrap:wrap;gap:28px}.expertise-home{gap:6vw}.header-actions{gap:16px}}
@media(max-width:980px){.site-header{height:94px}.brand-logo{height:65px}.hero{height:100svh;min-height:660px}.hero h1{font-size:clamp(65px,10vw,104px)}.hero-content{top:auto;bottom:38px;left:var(--gutter);right:var(--gutter)}.hero-scroll{display:none}.design-intro{padding-block:75px 85px}.design-intro h2{margin-top:45px}.selected .project-card:nth-child(even){padding-top:0}.selected{padding-bottom:80px}.expertise-home{padding-block:80px}.practice-feature{height:75svh;min-height:580px}.page-header-description{font-size:16px}.journal-home{padding-block:80px}.archive-grid .project-caption h3{font-size:23px}}
@media(max-width:700px){:root{--gutter:24px}.site-header{height:88px;gap:12px}.brand-logo{height:60px;padding:4px}.header-actions{gap:12px}.language-switch{gap:3px}.language-switch button{min-width:25px}.menu-toggle{width:42px}.mobile-nav{padding:115px 24px 35px}.mobile-nav.is-open{display:block}.mobile-nav a{font-size:34px;padding:14px 0}.mobile-nav a svg{width:23px;height:23px}.mobile-nav .mobile-nav-note{font-size:9px;line-height:1.8}.hero{height:100svh;min-height:620px;max-height:1000px}.hero-content{top:auto;bottom:32px;left:24px;right:24px}.hero h1{font-size:clamp(60px,13vw,88px);max-width:11ch;margin-bottom:20px;line-height:1.02}.hero-kicker{font-size:9px;margin-bottom:20px;line-height:1.7}.hero-kicker span{padding-inline:6px}.hero-location{font-size:12px}.hero-bottom{margin-top:30px;padding-top:16px;gap:12px;align-items:center}.hero-bottom .text-link{font-size:12px;gap:18px}.hero-controls{gap:6px}.hero-controls .icon-button{height:40px;width:40px}.hero-controls .icon-button svg{width:17px;height:17px}.hero-controls .slide-count{font-size:9px;margin-right:4px}.hero-media:after{background:linear-gradient(0deg,#000c,#0001 80%),linear-gradient(180deg,#0006,transparent 28%)}.intro-label{display:block}.intro-label>span{display:block;margin-top:12px;font-size:10px}.intro-label .eyebrow{font-size:10px}.design-intro{padding-block:60px 65px}.design-intro h2{font-size:clamp(43px,9vw,63px);margin-top:35px}.intro-summary{display:block;margin:30px 0 0}.intro-summary p{font-size:15px;line-height:1.8}.intro-summary .text-link{margin-top:22px;font-size:13px}.selected{padding-bottom:60px}.section-heading{margin-bottom:30px;display:block}.section-heading h2{font-size:39px}.section-heading .eyebrow{margin-bottom:20px}.section-heading .text-link{margin-top:24px}.selected .projects-grid{grid-template-columns:1fr;gap:35px}.selected .project-card:first-child .project-image{aspect-ratio:1.12}.selected .project-card:nth-child(n+2) .project-image{aspect-ratio:1.3}.project-caption h3{font-size:25px}.project-subcaption{font-size:11px}.project-image .project-badge{font-size:9px;top:15px;left:15px}.project-image .card-arrow{height:39px;width:39px}.practice-feature{height:76svh;min-height:560px;max-height:850px}.practice-feature h2{font-size:45px;line-height:1.08;margin-top:25px}.practice-feature p{font-size:14px;max-width:34ch}.practice-feature-content{padding-block:60px 90px}.feature-caption{left:24px;right:24px;bottom:26px;font-size:10px}.expertise-home{padding-block:65px;grid-template-columns:1fr;gap:35px}.expertise-home h2{font-size:48px;margin-block:25px}.expertise-home p{font-size:14px}.service-row{grid-template-columns:26px 1fr 20px;gap:12px;padding-block:22px}.service-row .service-title{font-size:24px}.journal-home{padding-block:60px}.journal-grid{grid-template-columns:1fr;gap:38px}.journal-card h3{font-size:27px}.journal-meta{font-size:10px}.conversation{padding-block:55px;grid-template-columns:1fr 50px;gap:12px}.conversation h2{font-size:37px}.conversation h2 br{display:none}.conversation .round-arrow{height:50px;width:50px}.conversation .round-arrow svg{width:40px;height:40px}.site-footer{padding-block:50px 25px}.footer-wordmark{font-size:28vw;margin-block:50px 30px}.footer-bottom{font-size:9px}.footer-column a,.footer-column address{font-size:12px}.page-header{padding-block:40px}.page-header h1{font-size:clamp(49px,12vw,72px)}.page-header-description{font-size:15px}.archive-filters{flex-wrap:wrap;gap:6px}.filter-tab{font-size:11px;padding:9px 12px}.archive-grid{grid-template-columns:1fr;gap:32px}.archive-grid .project-image{aspect-ratio:1.35}.archive-grid .project-caption h3{font-size:26px}.archive-grid .project-subcaption{font-size:11px}.archive-grid .project-image .project-badge{font-size:9px;top:15px;left:15px;padding:6px 9px}.archive-grid .card-arrow{width:39px;height:39px;bottom:15px;right:15px}.project-heading h1{font-size:49px}.detail-hero{height:65svh;max-height:650px;min-height:360px}.project-overview{padding-block:45px}.gallery-grid{gap:13px}.studio-hero{aspect-ratio:1.25}.studio-intro h2{font-size:39px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-grid{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.hero-media img{animation:none}html{scroll-behavior:auto}}