/* One composition for the studio's inner pages; Home keeps its cinematic entrance. */
.inner-hero-page{--hero-blue:#163aa7;--hero-white:#f8faff;--hero-muted:#dce5fa}
.inner-hero-page .studio-hero{
 position:relative;isolation:isolate;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;
 gap:clamp(28px,4vw,72px);min-height:min(820px,94svh);
 padding:calc(var(--site-header-height,104px) + 54px) max(6%,calc((100vw - 1680px)/2)) 68px;
 background:var(--hero-blue);color:var(--hero-white);overflow:clip;
}
.studio-hero-copy{position:relative;z-index:1;min-width:0;padding-bottom:12px}
.inner-hero-page .studio-hero-kicker{margin:0 0 28px;font:400 16px/1.5 var(--font-text);color:var(--hero-muted)}
.inner-hero-page .studio-hero h1{margin:0;font:300 clamp(64px,6.8vw,108px)/1.02 var(--font-display);letter-spacing:-.035em;text-wrap:initial;color:inherit;max-width:none}
.inner-hero-page .studio-hero .studio-hero-deck{margin:30px 0 28px;font:400 clamp(19px,1.4vw,23px)/1.6 var(--font-text);color:var(--hero-muted);max-width:36ch}
.studio-hero-link{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:48px;padding:10px 0;border-bottom:1px solid #ffffff75;font:400 17px/1.4 var(--font-text);color:inherit;text-decoration:none}
.studio-hero-link [aria-hidden="true"]{font-size:25px;line-height:1;transition:transform .2s ease}
.studio-hero-link:hover [aria-hidden="true"]{transform:translateY(3px)}
.studio-hero-link:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.studio-hero-art{position:relative;isolation:isolate;margin:0;width:100%;min-width:0}
.studio-hero-art::before{content:"";position:absolute;inset:4% -10% -4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% 55%,#779bf733,transparent 68%)}
.studio-hero-art img{display:block;width:110%;max-width:none;height:auto;margin-left:-5%;transform:translate3d(0,var(--art-shift,0px),0)}
.inner-hero-page .studio-hero--contact{min-height:580px;padding-bottom:52px}
.studio-hero--contact .studio-hero-art{max-width:660px;justify-self:center}
.studio-hero--contact .studio-hero-art img{width:100%;margin:0}
.service-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 max(6%,calc((100vw - 1680px)/2)) 36px;background:var(--hero-blue);color:var(--hero-white);scroll-margin-top:calc(var(--site-header-height,100px) + 20px)}
.service-directory a{position:relative;display:flex;align-items:center;min-height:116px;padding:22px 50px 22px 0;border-top:1px solid #ffffff55;font:400 17px/1.5 var(--font-text);color:inherit}
.service-directory a+a{padding-left:28px}
.service-directory a span{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:25px;font-weight:300}
.service-directory a:focus-visible{outline:2px solid white;outline-offset:-5px}
.service-directory a:hover{background:#ffffff07;text-decoration:none}
.inner-hero-page .service-chapter{scroll-margin-top:var(--site-header-height,100px)}
.inner-hero-page .studio-principles,.inner-hero-page #approach-title{scroll-margin-top:calc(var(--site-header-height,100px) + 24px)}
.inner-hero-page .studio-contact{min-height:0;padding-top:76px;scroll-margin-top:var(--site-header-height,100px)}
.inner-hero-page .studio-contact-intro h2{font:300 clamp(42px,4vw,64px)/1.05 var(--font-display);letter-spacing:-.025em;margin:0 0 24px}
@media(max-width:1100px) and (min-width:801px){
 .inner-hero-page .studio-hero{gap:22px;grid-template-columns:1fr 1fr;min-height:710px;padding-top:calc(var(--site-header-height,100px) + 42px)}
 .inner-hero-page .studio-hero h1{font-size:70px}
 .inner-hero-page .studio-hero .studio-hero-deck{font-size:19px}
 .service-directory a{font-size:16px;padding-right:32px}
 .service-directory a+a{padding-left:18px}
 .service-directory a span{right:8px}
}
@media(max-width:800px){
 .inner-hero-page .studio-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:calc(var(--site-header-height,84px) + 34px) 6% 34px}
 .studio-hero-copy{padding:0}
 .inner-hero-page .studio-hero-kicker{font-size:15px;margin-bottom:20px}
 .inner-hero-page .studio-hero h1{font-size:clamp(52px,9.5vw,76px);line-height:1.02}
 .inner-hero-page .studio-hero .studio-hero-deck{font-size:19px;line-height:1.6;margin:22px 0 18px;max-width:38ch}
 .studio-hero-link{font-size:17px;gap:40px}
 .studio-hero-art{max-width:640px;justify-self:center}
 .studio-hero-art img{width:100%;margin:0}
 .inner-hero-page .studio-hero--contact{min-height:0;padding-bottom:30px}
 .studio-hero--contact .studio-hero-art{width:min(80%,360px)}
 .service-directory{grid-template-columns:1fr;padding:0 6% 24px}
 .service-directory a{font-size:16px;min-height:104px;padding:18px 32px 18px 0}
 .service-directory a+a{padding-left:0}
 .service-directory a:nth-child(even){padding-left:0}
 .service-directory a span{right:6px;font-size:22px}
 .inner-hero-page .studio-contact{padding:50px 6%;gap:32px}
}
@media(max-width:380px){.service-directory{grid-template-columns:1fr}.service-directory a,.service-directory a:nth-child(even){min-height:74px;padding-left:0}}
@media(prefers-reduced-motion:reduce){.studio-hero-art img{transform:none!important}.studio-hero-link [aria-hidden="true"]{transition:none;transform:none!important}}
@media(forced-colors:active){.inner-hero-page .studio-hero,.service-directory{background:Canvas;color:CanvasText}.inner-hero-page .studio-hero-kicker,.inner-hero-page .studio-hero .studio-hero-deck{color:CanvasText}.studio-hero-art::before{display:none}.studio-hero-link,.service-directory a{border-color:LinkText;color:LinkText}}