/* M/ 0.37 — native scroll, expressive entrances, quiet controls. */
.motion-interlude{position:relative;overflow:clip;padding:3.5rem 0;background:var(--ink);border-block:1px solid #354033;isolation:isolate}
.interlude-row{display:flex;align-items:center;gap:.3em;width:max-content;white-space:nowrap;font:600 clamp(4.5rem,10vw,10rem)/.95 var(--font-display);letter-spacing:-.025em}
.interlude-row:first-child{margin-left:-.6em;color:var(--paper)}
.interlude-row:last-of-type{margin-left:-2.8em;color:var(--signal)}
.interlude-row i{font-style:normal;-webkit-text-stroke:1px var(--paper);color:transparent}
.interlude-row:last-of-type i{-webkit-text-stroke-color:var(--signal)}
.interlude-row b{font-weight:400;font-size:.55em;color:var(--signal);padding-inline:.25em}
.interlude-row:last-of-type b{color:var(--paper)}
.interlude-caption{position:relative;display:block;margin:2rem var(--gutter) 0;color:var(--muted);font-size:.75rem}
.choreography-line{display:block;overflow:clip;padding-bottom:.1em;margin-bottom:-.1em}
.choreography-line>span{display:block}
.circuit-case h3 .choreography-line,.circuit-case h3 .choreography-line>span{color:var(--paper)}
.projects-section .featured-project .case-media{transform:none;opacity:1}
.case-media>.evidence-figure{transform-origin:50% 55%}
.influence-film{padding-block:3rem}
.influence-film img,.influence-film figure:nth-child(2) img{height:250px}
.collaboration-section{overflow:clip}
.collaboration-row{position:relative}
.collaboration-row:after{content:'';position:absolute;inset:0 0 auto;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;pointer-events:none}
html.motion-ready[data-motion=full] .project-detail h3 .choreography-line>span{transform:translate3d(calc((1 - var(--arrival,1))*var(--motion-side,1)*-90px),calc((1 - var(--arrival,1))*85%),0) rotate(calc((1 - var(--arrival,1))*-3deg))}
html.motion-ready[data-motion=full] .project-detail h3 .choreography-line:nth-child(2)>span{transform:translate3d(calc((1 - var(--arrival,1))*var(--motion-side,1)*90px),calc((1 - var(--arrival,1))*100%),0)}
html.motion-ready[data-motion=full] .case-media>.evidence-figure{transform:translate3d(calc((1 - var(--arrival,1))*var(--motion-side,1)*90px),calc((1 - var(--arrival,1))*95px - var(--departure,0)*45px),0) rotate(calc(((1 - var(--arrival,1))*5 - var(--departure,0)*3)*var(--motion-side,1)*1deg)) scale(calc(1 - (1 - var(--arrival,1))*.12))}
html.motion-ready[data-motion=full] [data-motion=title] .kinetic-line>span{transform:translate3d(calc((1 - var(--arrival,1))*-65px),calc((1 - var(--arrival,1))*105%),0) rotate(calc((1 - var(--arrival,1))*-2deg))}
html.motion-ready[data-motion=full] [data-motion=title] .kinetic-line:nth-child(2)>span{transform:translate3d(calc((1 - var(--arrival,1))*95px),calc((1 - var(--arrival,1))*125%),0)}
html.motion-ready[data-motion=full] .circuit-case-heading h3 .choreography-line>span{transform:translateX(calc((1 - var(--arrival,1))*-150px))}
html.motion-ready[data-motion=full] .circuit-case-heading h3 .choreography-line:nth-child(2)>span{transform:translateX(calc((1 - var(--arrival,1))*160px))}
html.motion-ready[data-motion=full] .circuit-capture-window{transform:perspective(1400px) rotateX(calc((1 - var(--arrival,1))*12deg)) scale(calc(.88 + var(--arrival,1)*.12));transform-origin:50% 70%}
html.motion-ready[data-motion=full] .interlude-row:first-child{transform:translateX(calc((var(--passage,.5) - .5)*-38vw)) rotate(-2deg)}
html.motion-ready[data-motion=full] .interlude-row:last-of-type{transform:translateX(calc((var(--passage,.5) - .5)*38vw)) rotate(-2deg)}
html.motion-ready[data-motion=full] .influence-film figure:nth-child(1){transform:translate3d(calc(var(--drift,0px)*-.3),calc(var(--drift,0px)*-1.35),0) rotate(calc((var(--passage,.5) - .5)*-9deg))}
html.motion-ready[data-motion=full] .influence-film figure:nth-child(2){transform:translate3d(0,calc(var(--drift,0px)*1.6),0) rotate(calc((var(--passage,.5) - .5)*7deg))}
html.motion-ready[data-motion=full] .influence-film figure:nth-child(3){transform:translate3d(calc(var(--drift,0px)*.3),calc(var(--drift,0px)*-1.1),0) rotate(calc((var(--passage,.5) - .5)*10deg))}
html.motion-ready[data-motion=full] .collaboration-row h3{transform:translateX(calc((1 - var(--arrival,1))*-100px));opacity:calc(.35 + var(--arrival,1)*.65)}
html.motion-ready[data-motion=full] .collaboration-row:nth-child(2) h3{transform:translateX(calc((1 - var(--arrival,1))*100px))}
html.motion-ready[data-motion=full] .collaboration-row:after{transform:scaleX(var(--arrival,1))}
html.motion-ready[data-motion=full] .contact-section h2{transform:none}
@media(min-width:1101px) and (min-height:801px){
 html.motion-ready[data-motion=full] .decision-story--compact .story-workbench{transform:perspective(1300px) translateX(calc((1 - var(--arrival,1))*-65px)) rotateY(calc((1 - var(--arrival,1))*-12deg)) rotateX(calc((1 - var(--arrival,1))*5deg));transform-origin:left center}
}
@media(max-width:760px){
 .motion-interlude{padding-block:2rem}
 .interlude-row{font-size:clamp(3.8rem,17vw,7rem)}
 .interlude-caption{font-size:.75rem;margin-top:1.5rem}
 .influence-film{padding-block:1.6rem}
 .influence-film img,.influence-film figure:nth-child(2) img{height:150px}
 html.motion-ready[data-motion=full] .case-media>.evidence-figure{transform:translate3d(calc((1 - var(--arrival,1))*var(--motion-side,1)*26px),calc((1 - var(--arrival,1))*45px),0) rotate(calc((1 - var(--arrival,1))*var(--motion-side,1)*3deg)) scale(calc(.94 + var(--arrival,1)*.06))}
 html.motion-ready[data-motion=full] .collaboration-row h3{transform:translateX(calc((1 - var(--arrival,1))*-35px))}
 html.motion-ready[data-motion=full] .collaboration-row:nth-child(2) h3{transform:translateX(calc((1 - var(--arrival,1))*35px))}
}
html.motion-ready[data-motion=full] .story-workbench:has(:focus-visible){transform:none}
html[data-motion=reduced] .interlude-row{transform:none}
html[data-motion=reduced] .collaboration-row:after{transform:none;opacity:.3}