/* Futuristic identity. The home is immersive; long-form pages retain a quiet reading surface. */
:root{--studio-accent:#c9f86a;--future-black:#10120f;--future-surface:#1a1e17;--future-text:#f1f3e9;--future-muted:#b3bbac;--future-line:#373e30;--studio-display:'Space Grotesk','DM Sans',Arial,sans-serif}
.studio h1,.studio h2,.studio h3,.footer-invitation,.footer-wordmark{font-family:var(--studio-display)}
.studio-header{background:var(--future-black);color:var(--future-text);border-color:var(--future-line)}
.studio-header-inner{min-height:88px;max-width:1600px;padding-inline:5%}
.brand-symbol{color:var(--studio-accent)}
.studio-header-cta{border-color:#59614e}.studio-header-cta:hover{color:var(--future-black);border-color:var(--studio-accent)}
@media(max-width:360px){.studio .studio-header-inner{gap:8px;padding-inline:4%}.studio .studio-header-cta{font-size:10px;padding-inline:10px;gap:8px}.studio .studio-brand{font-size:18px}}
.studio-header :focus-visible{outline-color:var(--studio-accent)}
.studio-menu nav{background:var(--future-black);border-color:var(--future-line)}
.studio-menu nav a{border-color:var(--future-line)}
.studio-home{--studio-paper:var(--future-black);--studio-ink:var(--future-text);--studio-muted:var(--future-muted);--studio-line:var(--future-line);--studio-dark:var(--future-black)}
.studio-home :focus-visible{outline-color:var(--studio-accent)}
.studio-home .studio-button,.studio-home .button{background:var(--studio-accent);color:var(--future-black);border-color:var(--studio-accent);font-weight:600}
.studio-home .studio-button:hover,.studio-home .button:hover{background:var(--future-text);color:var(--future-black);border-color:var(--future-text)}
.studio-home ::selection,.studio .skip{background:var(--studio-accent);color:var(--future-black)}
.studio-home .section-kicker{color:var(--studio-accent);font-size:10px;letter-spacing:.16em}
.studio-home .studio-section{padding-block:130px}
.studio-hero{max-width:1600px;padding:0 5%;position:relative;isolation:isolate}
.hero-topline{padding:30px 0 8px;font-size:10px;letter-spacing:.16em}
.hero-topline>span:first-child{display:flex;align-items:center;gap:10px}
.signal-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--studio-accent)}
.hero-topline>span:last-child{font-size:11px}
.studio-hero-grid{grid-template-columns:1.1fr 1fr;min-height:660px;padding:42px 0 46px;gap:0}
.studio-hero h1{font-size:clamp(72px,7.6vw,116px);line-height:.98;letter-spacing:-.072em;margin:0 0 30px}
.studio-hero h1>span{color:var(--studio-accent)}
.studio-hero-copy>p{font-size:16px;line-height:1.75;max-width:420px;margin-bottom:30px}
.hero-actions{gap:26px}.hero-actions .studio-text-link{font-size:12px;gap:12px}
.hero-exhibit{height:600px;perspective:1400px;margin-left:-7%;align-self:center}
.hero-bottom{font-size:9px;padding-block:23px;letter-spacing:.04em}
.hero-bottom>a{font-size:9px}.hero-bottom .motion-toggle{font-size:10px;color:var(--studio-muted)}
.discipline-strip{border-block:1px solid var(--studio-line);overflow:hidden;padding:24px 0;background:#151911}
.project-showcase{background:#10120f;color:var(--future-text);padding-top:124px;padding-bottom:75px}
.studio-section-heading{margin-bottom:65px}.studio-section-heading h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.065em}
.project-showcase .section-kicker{margin-bottom:28px}.light-link{color:var(--future-text)}
.work-image{border-radius:5px;position:relative}.work-image:after{content:'';position:absolute;inset:0;border:1px solid #ffffff16;border-radius:inherit;pointer-events:none}
.project-showcase .work-image{background:#242c23;padding:44px 30px}.project-showcase .work-moura .work-image{background:#342b27}
.work-image img{box-shadow:0 22px 28px #0003}.work-open{background:var(--studio-accent);color:#10120f!important}
.project-showcase .work-meta p,.project-showcase .project-status{color:var(--future-muted)}
.showcase-end{color:var(--future-muted);border:0}.showcase-end a{color:inherit;text-decoration:none}
.studio-services{border-top:1px solid var(--studio-line)}
.studio-home .studio-section h2{font-size:clamp(43px,5.2vw,75px);letter-spacing:-.065em}
.studio-home .muted-heading{color:#a4ae98}
.studio-home .section-intro{max-width:600px;font-size:18px;line-height:1.8}
.studio-home .service-row summary:hover{background:#1c2317}
.studio-home .service-row summary{padding-block:34px}
.studio-home .service-number{color:var(--studio-accent)}
.studio-home .service-expand{color:var(--studio-accent)}
.studio-home .process-steps li>span{color:var(--studio-accent)}
.studio-home .process-steps li{padding-block:40px}
.studio-home .plan-feature{background:var(--studio-accent);color:#15200a;min-height:395px;border-radius:4px;position:relative;overflow:hidden}
.studio-home .plan-feature:before{content:'✳';position:absolute;right:-20px;bottom:70px;font-size:250px;line-height:1;color:#b0e149;pointer-events:none;transform:rotate(-15deg)}
.studio-home .plan-feature>*{position:relative}.studio-home .plan-feature h3{font-size:48px;letter-spacing:-.06em}
.studio-home .plan-feature-bottom{border-color:#698a32}.studio-home .plans-title .studio-text-link{margin-top:12px}
.home-commercial-note{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:26px 0;border-block:1px solid var(--studio-line);color:var(--studio-muted);font-size:13px;line-height:1.8}
.home-commercial-note p{margin:0;max-width:580px}.home-commercial-note strong{color:var(--studio-ink);font-weight:500}.home-commercial-note a{font-size:12px;white-space:nowrap;text-underline-offset:5px}
.studio-home .studio-journal{background:#1b2116;border-block:1px solid var(--studio-line);max-width:none;padding-inline:max(5.5%,calc((100vw - 1280px)/2))}
.studio-home .journal-object{background:#c9f86a;color:#182010!important;box-shadow:15px 15px 0 #3c4b2b;border-radius:3px}
.journal-object strong{font-family:var(--studio-display)}
.journal-secondary{display:block;font-size:12px;margin-top:24px;text-decoration:none;color:var(--studio-muted)!important}
.studio-home .studio-faq h2{font-size:clamp(36px,4vw,58px)}
.studio .studio-footer{background:#10120f;color:var(--future-text);border-top:1px solid #373e30;padding-top:100px}
.footer-wordmark{color:var(--studio-accent);font-size:clamp(45px,12.7vw,181px);letter-spacing:-.085em}
.footer-invitation{letter-spacing:-.07em}.studio-footer-label{color:var(--studio-accent)}
.footer-directory-grid strong{color:var(--studio-accent)}
@media(min-width:1600px){.studio-hero-grid{min-height:760px}.hero-exhibit{height:640px}.studio-hero h1{font-size:126px}}
@media(max-width:1100px){.studio-hero-grid{min-height:600px}.studio-hero h1{font-size:82px}.hero-exhibit{height:500px;margin-left:-12%}.hero-actions{gap:15px}.hero-actions .studio-text-link{font-size:11px}.studio-home .studio-section{padding-block:100px}}
@media(max-width:800px){.studio-header-inner{min-height:80px}.studio-hero h1{font-size:65px}.studio-hero-grid{min-height:550px;grid-template-columns:1.15fr 1fr}.hero-exhibit{height:435px}.studio-hero-copy>p{font-size:14px;max-width:325px}.hero-actions{display:block}.hero-actions .studio-text-link{margin-top:10px}.hero-bottom{font-size:8px}.hero-bottom>a{font-size:8px;gap:9px}.project-showcase{padding-top:90px}.home-commercial-note{align-items:start;flex-direction:column;gap:15px}.studio-home .studio-section{padding-block:85px}.studio-home .plan-feature h3{font-size:36px}}
@media(max-width:620px){.studio-header-inner{min-height:76px}.studio-hero{padding-inline:6%}.hero-topline{padding-top:24px;font-size:8px;letter-spacing:.1em}.studio-hero-grid{grid-template-columns:1fr;padding-top:25px;gap:0;padding-bottom:30px}.studio-hero h1{font-size:clamp(55px,14.6vw,88px);line-height:.98;margin-bottom:24px}.studio-hero-copy>p{font-size:15px;max-width:365px;line-height:1.7;margin-bottom:25px}.hero-actions{display:flex;gap:20px;flex-wrap:wrap}.hero-actions .studio-text-link{margin-top:0;font-size:11px}.hero-exhibit{height:355px;margin:10px -4% 0;width:108%;max-width:none}.hero-bottom{padding-block:19px;gap:16px;font-size:7px}.hero-bottom>a{font-size:0}.hero-bottom>a>span{width:32px;height:32px;font-size:16px}.hero-bottom .motion-toggle{font-size:9px}.discipline-strip{padding:19px 0}.project-showcase{padding-top:72px}.studio-section-heading{display:block;margin-bottom:35px}.studio-section-heading h2{font-size:43px}.studio-section-heading .studio-text-link{margin-top:23px;font-size:12px}.project-showcase .work-image{padding:28px 20px}.work-meta{gap:12px}.work-meta>span{max-width:85px}.showcase-end{flex-direction:column;align-items:start;gap:14px}.showcase-end a{font-size:11px}.studio-home .studio-section{padding-block:75px}.studio-home .studio-section h2{font-size:43px}.studio-home .section-kicker{font-size:8px;letter-spacing:.14em}.studio-home .section-intro{font-size:16px}.studio-home .service-row summary{padding-block:27px}.studio-home .service-row h3{font-size:23px}.studio-home .process-steps li{padding-block:30px}.studio-home .plan-feature{min-height:340px}.studio-home .plan-feature h3{font-size:43px}.home-commercial-note{font-size:12px;padding-block:23px;gap:15px}.home-commercial-note a{font-size:11px}.studio-home .studio-journal{padding-inline:6%}.studio-home .studio-faq h2{font-size:37px}.studio .studio-footer{padding-top:70px}.footer-invitation{font-size:46px}}

/* Real work is the hero: layered browser previews, with visitor-controlled selection. */
.studio-home .studio-hero-grid{grid-template-columns:1.05fr 1fr;gap:4%}
.studio-home .hero-exhibit{height:auto;min-height:0;margin-left:0;width:100%;max-width:none}
.project-exhibit{position:relative;perspective:1400px;padding-top:10px}
.exhibit-heading{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;color:var(--future-muted);margin-bottom:28px}
.exhibit-heading>span:first-child{color:var(--studio-accent)}
.project-stage{position:relative;aspect-ratio:1.04;transform-style:preserve-3d;isolation:isolate}
.project-screen{display:block;position:absolute;width:93%;left:2%;top:3%;text-decoration:none;background:#1b2118;border:1px solid #56634a;border-radius:9px;box-shadow:0 24px 55px -20px #050803bb;transform-origin:center;transition:transform .65s var(--studio-ease),opacity .65s var(--studio-ease);backface-visibility:hidden}
.project-screen[data-rank="0"]{z-index:3;transform:translate3d(0,28px,25px) rotateX(5deg) rotateY(-10deg) rotateZ(-3deg);opacity:1}
.project-screen[data-rank="1"]{z-index:2;transform:translate3d(27px,7px,-65px) rotateX(5deg) rotateY(-10deg) rotateZ(3deg);opacity:.5;pointer-events:none}
.project-screen[data-rank="2"]{z-index:1;transform:translate3d(13px,-18px,-130px) rotateX(5deg) rotateY(-10deg) rotateZ(9deg);opacity:.26;pointer-events:none}
.screen-toolbar{height:33px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #46533b;font-size:9px;color:#bfc9b6}
.screen-toolbar>span:nth-child(2){margin:auto}.screen-toolbar>span:last-child{font-size:16px;color:var(--studio-accent)}
.screen-dots{display:flex;gap:4px}.screen-dots i{width:4px;height:4px;border:1px solid #93a180;border-radius:50%}
.project-screen img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:contain;object-position:center;background:#10140e}
.screen-caption{display:flex;align-items:center;gap:12px;padding:15px 17px;min-height:52px}
.screen-caption strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.screen-caption small{font-size:8px;color:var(--future-muted);margin-left:auto}.screen-caption>span{font-size:21px;color:var(--studio-accent)}
.exhibit-controls{position:relative;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--future-line);padding-top:18px}
.exhibit-controls button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 0;background:none;border:0;border-bottom:1px solid transparent;color:var(--future-muted);font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}
.exhibit-controls button>span{font-size:8px;color:#89977c}.exhibit-controls button[aria-pressed=true]{color:var(--studio-accent);border-color:var(--studio-accent)}.exhibit-controls button:hover{color:var(--future-text)}
.exhibit-hint{margin:18px 0 0;font-size:10px;color:var(--future-muted);text-align:right}
/* Two identical, full-width groups make the autonomous loop seamless. */
.discipline-track{display:flex;width:max-content;will-change:transform}
.discipline-group{display:flex;align-items:center;justify-content:space-around;flex:none;min-width:100vw;gap:40px;padding-right:40px}
.discipline-item{display:flex;align-items:center;gap:40px;white-space:nowrap;font-family:var(--studio-display);font-size:clamp(24px,3vw,43px);letter-spacing:-.04em;color:#bac6ad}
.discipline-star{font-size:38px;color:var(--studio-accent)}
html[data-motion=on] .discipline-track{animation:discipline-travel 32s linear infinite}
.discipline-strip:hover .discipline-track{animation-play-state:paused}
@keyframes discipline-travel{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Fiel is a full-size third project with its own composition. */
.work-fiel{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center;border-top:1px solid var(--future-line);padding-top:80px;margin-top:95px}
.work-fiel>.work-image{grid-column:2;grid-row:1}
.work-fiel .work-image{display:flex;align-items:center}
.work-fiel .work-image img{height:auto;object-fit:contain}
.project-showcase .work-fiel .work-image{background:#3b2d1d;aspect-ratio:1.3;padding:36px 26px}
.fiel-story{grid-column:1;grid-row:1}
.fiel-story h3{font-size:clamp(42px,5.3vw,76px);line-height:.97;letter-spacing:-.06em;margin:28px 0}
.fiel-story h3 a{text-decoration:none}
.fiel-story p{color:var(--future-muted);font-size:15px;line-height:1.8;max-width:360px;margin:0 0 23px}
.fiel-story .section-kicker{font-size:9px;margin:0}.fiel-story .studio-text-link{font-size:13px}
@media(max-width:1100px){.studio-home .studio-hero-grid{gap:3%}.studio-home .studio-hero h1{font-size:clamp(60px,7.9vw,82px)}.exhibit-heading{font-size:7px;margin-bottom:24px}.exhibit-heading>span:last-child{display:none}.project-stage{aspect-ratio:.98}.screen-caption{padding:12px;gap:8px}.screen-caption strong{font-size:14px}.screen-caption small{font-size:7px}.exhibit-controls{gap:6px}.exhibit-controls button{font-size:10px;gap:5px}.exhibit-hint{font-size:9px}.work-fiel{gap:6%;margin-top:75px;padding-top:65px}}
@media(max-width:800px){.project-stage{aspect-ratio:.88}.screen-caption small{display:none}.screen-toolbar{font-size:8px;padding:0 10px;height:28px}.screen-toolbar .screen-dots{display:none}.exhibit-controls button{font-size:9px;gap:4px}.exhibit-controls button>span{display:none}.work-fiel{grid-template-columns:1fr;gap:30px;padding-top:55px}.work-fiel>.work-image,.fiel-story{grid-column:auto;grid-row:auto}.work-fiel>.work-image{order:0}.fiel-story{order:1}.fiel-story h3{font-size:55px;margin:20px 0}.fiel-story h3 br{display:none}.fiel-story p{max-width:540px}}
@media(max-width:620px){.studio-home .studio-hero-grid{grid-template-columns:1fr;gap:48px}.studio-home .studio-hero h1{font-size:clamp(55px,14.6vw,88px)}.project-exhibit{padding-top:0}.exhibit-heading{margin-bottom:29px;font-size:8px}.exhibit-heading>span:last-child{display:block;font-size:6px}.project-stage{aspect-ratio:1.01}.project-screen{width:93%;left:1%}.project-screen[data-rank="0"]{transform:translate3d(0,20px,15px) rotateX(3deg) rotateY(-7deg) rotateZ(-3deg)}.project-screen[data-rank="1"]{transform:translate3d(16px,2px,-55px) rotateX(3deg) rotateY(-7deg) rotateZ(3deg)}.project-screen[data-rank="2"]{transform:translate3d(7px,-19px,-105px) rotateX(3deg) rotateY(-7deg) rotateZ(8deg)}.screen-caption{min-height:46px}.screen-caption strong{font-size:15px}.screen-caption small{display:block;font-size:7px}.screen-toolbar{height:28px;font-size:8px}.exhibit-controls{padding-top:12px}.exhibit-controls button{font-size:11px}.exhibit-controls button>span{display:inline;font-size:7px}.exhibit-hint{font-size:9px;margin-top:15px}.discipline-group,.discipline-item{gap:25px}.discipline-group{padding-right:25px}.discipline-item{font-size:25px}.discipline-star{font-size:25px}.work-fiel{padding-top:48px;margin-top:55px;gap:28px}.project-showcase .work-fiel .work-image{padding:26px 20px;aspect-ratio:1.22}.fiel-story h3{font-size:46px;letter-spacing:-.055em}.fiel-story p{font-size:14px}.fiel-story .section-kicker{font-size:8px}}
@media(prefers-reduced-motion:reduce){.discipline-track{animation:none!important}}
@media(max-width:620px){.project-stage{margin-bottom:20px}}

/* Approved identity: shared vector signature and responsive sizing. */
.studio-brand-image{display:block;width:180px;height:auto;max-width:none!important}
.studio-footer-brand{display:inline-block;margin-bottom:30px}
.studio-footer-brand img{display:block;width:220px;height:auto}
@media(max-width:620px){.studio-brand-image{width:144px}.studio-footer-brand img{width:180px}}
@media(max-width:360px){.studio-brand-image{width:125px}}