/* Motion structure measured against Springs on 29 September 2026.
   Pinned stages remain behind the next section; source order controls the overlap. */
main>section{position:relative}
.studio-opening,.craft-reveal,.vision-destination{display:none}
.motion-control{width:auto;min-width:44px;border-radius:30px;padding:0 15px;display:flex;align-items:center;gap:10px}
.motion-status{font-size:8px;letter-spacing:.03em;white-space:nowrap}
.motion-off .motion-control{background:var(--cream);color:var(--pine);border-color:var(--cream)}
.motion-enabled .studio-opening{display:block;position:absolute;left:var(--gutter);top:calc(var(--header-height) + 50px);z-index:3;pointer-events:none;text-shadow:0 2px 30px #162d24}
.studio-opening p{font:400 clamp(60px,6vw,96px)/.96 var(--serif);letter-spacing:-.04em;margin-top:25px}
.motion-enabled .craft-reveal,.motion-enabled .vision-destination{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.motion-enabled .craft-reveal{z-index:1}.motion-enabled .craft-word{z-index:2}.motion-enabled .craft-copy,.motion-enabled .craft-insert{z-index:3}
.motion-enabled .vision-destination{z-index:1}.motion-enabled .vision-shade{z-index:2}.motion-enabled .vision-heading,.motion-enabled .vision-caption,.motion-enabled .vision-note{z-index:3}
@media(min-width:901px){
 .motion-enabled .hero{z-index:1}
 .motion-enabled .studio-story{height:360svh;background:var(--pine)}
 .motion-enabled .studio-stage{position:relative;top:auto;display:block;height:100svh;min-height:0;overflow:hidden}
 .motion-enabled .studio-gallery{position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;gap:0}
 .motion-enabled .studio-gallery figure{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0;overflow:hidden}
 .motion-enabled .studio-gallery figure:nth-child(n+2){left:50%;width:50%}
 .motion-enabled .studio-gallery figure:nth-child(1){z-index:1}.motion-enabled .studio-gallery figure:nth-child(2){z-index:2}.motion-enabled .studio-gallery figure:nth-child(3){z-index:3}
 .motion-enabled .studio-gallery img{object-fit:cover;object-position:66% center;height:115%;max-height:none}
 .motion-enabled .studio-gallery figure:nth-child(n+2) img{object-position:center}
 .motion-enabled .studio-gallery figcaption{left:auto;right:30px;bottom:32px;background:var(--pine);color:var(--cream)}
 .motion-enabled .studio-copy{position:absolute;inset:0 auto auto 0;width:50%;height:100%;padding:120px 5vw 65px var(--gutter);display:flex;flex-direction:column;justify-content:center;z-index:2;pointer-events:auto}
 .motion-enabled .studio-copy h2{font-size:clamp(60px,6vw,100px)}
 .motion-enabled .services-story{height:300svh}.motion-enabled .services-stage{position:relative;top:auto;height:100svh;min-height:0}
 .motion-enabled .service-panel{background:transparent;min-height:0}.motion-enabled .service-art{overflow:hidden;height:100%}.motion-enabled .service-art>img{height:110%;object-fit:cover}
 .motion-enabled .service-description{background:var(--pine)}
 .motion-enabled .craft-story{height:320svh}.motion-enabled .craft-stage{position:relative;top:auto;height:100svh;min-height:0}
 .motion-enabled .vision{height:190svh}.motion-enabled .vision-stage{position:relative;top:auto;height:100svh;min-height:0}
 .motion-enabled .featured-story{height:420svh}.motion-enabled .featured-stage{position:relative;top:auto;height:100svh;min-height:0;overflow:hidden}
 .motion-enabled .feature-panel{height:100%;min-height:0}.motion-enabled .feature-art{max-width:none;aspect-ratio:auto}
 .motion-enabled .feature-art img{height:100%;object-fit:cover}
 .motion-enabled .dialogue-intro{min-height:0;height:100svh}
 .motion-enabled .film-story{height:150svh}.motion-enabled .film-stage{position:relative;top:auto;min-height:0;height:100svh}
}
@media(max-width:900px){
 .motion-enabled .studio-opening{display:none}
 .motion-enabled .craft-reveal,.motion-enabled .vision-destination{display:none}
 .motion-enabled .craft-story{height:auto}.motion-enabled .craft-stage{position:relative;top:auto}
 .motion-enabled .vision{height:auto}.motion-enabled .vision-stage{position:relative;top:auto}
}
@media(max-width:600px){.motion-control{padding:0 12px;gap:8px}.motion-status{font-size:7px}.scroll-cue{max-width:45%}.scroll-cue>span:last-child{max-width:100px}}
@media(min-width:901px) and (max-height:760px){
 .motion-enabled .studio-copy{padding-top:100px;padding-bottom:35px}.motion-enabled .studio-copy h2{font-size:65px;margin:20px 0}
 .motion-enabled .service-tabs{top:105px}.motion-enabled .service-tabs button{font-size:37px}
 .motion-enabled .service-description{padding-bottom:45px}.motion-enabled .service-description h2{font-size:43px;margin:20px 0}
 .motion-enabled .craft-copy{top:110px;padding:28px}.motion-enabled .craft-copy h2{font-size:65px;margin:22px 0}
 .motion-enabled .feature-copy h3{font-size:75px}.motion-enabled .feature-copy{bottom:100px}.motion-enabled .feature-controls{bottom:20px}
 .motion-enabled .film-copy h2{font-size:60px}
}
@media(min-width:901px){.motion-enabled .vision{height:260svh}}

@media(min-width:901px){.motion-enabled .studio-gallery figure:first-child::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,35,27,.65),transparent 72%)}}