/* Motion tuning only. Scroll transformations are applied in the same frame. */
.home-page{isolation:isolate}
.ambient-light{position:fixed;left:-54vw;top:4vh;width:110vw;height:110vh;pointer-events:none;z-index:-1;contain:strict;background:radial-gradient(ellipse at 20% 48%,rgb(216 0 0 / .24),rgb(216 0 0 / .065) 38%,transparent 70%);opacity:.65;will-change:transform,opacity;transition:opacity .22s ease-out}
.home-page .hero-scene,.home-page .hero,.home-page .portfolio,.home-page .cinema-section,.home-page .finale-section{background:transparent}
.hero-photo,.hero-body,.hero-bottom,html[data-motion=full] .project-object{will-change:auto}
.hero.motion-near .hero-photo,.hero.motion-near .hero-body,.project-card.motion-near .project-object,.director-photos.motion-near .director-image,.director-photos.motion-near .director-secondary{will-change:transform,opacity}
html[data-motion=full] .service-icon{scale:calc(var(--icon-scroll-scale,1) * var(--icon-hover-scale,1));transition:translate .1s,rotate .1s,box-shadow .2s!important}
.service:hover .service-icon{--icon-hover-scale:1.035}
html[data-motion=full] .project-image-link,html[data-motion=full] .button,html[data-motion=full] .finale-cta{transition:transform .12s ease-out,box-shadow .2s!important}
.project-object,.hero-body,.hero-photo,.director-image,.director-secondary,.scene-heading,.creative-graph{transition-property:none}
.service-icon:before{transition:transform .3s ease-out,border-color .2s}
.message-typing i{animation-play-state:paused!important}
.message-typing-active .message-typing i{animation-play-state:running!important}
.message-row:focus-within .message-bubble,.message-row:focus-within .message-content{opacity:1!important;translate:none!important}
@media(max-width:700px){.ambient-light{opacity:.38;width:110vw;height:95vh}.site-header{backdrop-filter:blur(10px)}.project-format,.play-icon,.director-image figcaption{backdrop-filter:none}}
html[data-calm=true] .ambient-light{transition:none;will-change:auto}
html[data-calm=true] .message-typing{display:none!important}

/* Continuous portfolio: content determines row height; no pinned scroll runway. */
html[data-motion=full] .work-grid .project-card,
html[data-motion=full] .work-grid .project-card.wide,
html[data-motion=full] .work-grid:not(.is-filtered) .project-card:nth-child(3n){height:auto;min-height:0;padding:36px 0}
html[data-motion=full] .work-grid .project-card:first-of-type{padding-top:12px}
html[data-motion=full] .work-grid .project-pin{position:relative;top:auto;height:auto;min-height:0}
.portfolio-thread{transition:none!important}
.ui-glyph{width:1em;height:1em;display:inline-block;vertical-align:middle;flex-shrink:0}
.play-icon{color:#fff;z-index:4;background:#141414b8;padding:0}
.play-icon .ui-play{width:22px;height:22px}
.watch-label{z-index:4;pointer-events:none}
.cinema-controls button{display:inline-flex;align-items:center;gap:8px;min-height:44px}
@media(max-width:700px){
 .work-grid .project-object,.work-grid .project-card.wide .project-object{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:min(100%,280px);max-width:420px;margin-inline:auto}
 .work-grid .project-card.wide .project-object{width:100%}
 .work-grid .project-card,.work-grid:not(.is-filtered) .project-card:nth-child(3n){margin:0}
 .work-grid .project-caption,.work-grid .project-card.wide .project-caption{margin:0;grid-template-columns:38px minmax(0,1fr);gap:5px 12px;align-items:start}
 .work-grid .project-scene-number,.work-grid .project-card.wide .project-scene-number{font-size:36px;align-self:start;padding-top:3px}
 .work-grid .project-meta{margin:0;font-size:11px;line-height:1.5;letter-spacing:0}
 .work-grid .project-card h3,.work-grid .project-card.wide h3{font-size:24px!important;line-height:1.2;margin:0;min-width:0}
 .work-grid .project-card h3 a{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .work-grid .project-card h3 a>span{flex:0 0 32px;width:32px;height:32px;margin:0;font-size:16px}
 .work-grid .project-image-link{width:100%}
 .work-grid .project-image{width:100%;height:auto;max-height:none;aspect-ratio:9/16!important}
 .work-grid .project-card.wide .project-image-link{width:100%}
 .work-grid .project-card.wide .project-image{aspect-ratio:16/9!important}
 .work-grid .play-icon{width:44px;height:44px;right:14px;bottom:14px;opacity:1;visibility:visible}
 .work-grid .watch-label,.work-grid .project-image-link:hover .watch-label{display:block;opacity:1;font-size:8px;left:14px;bottom:31px}
 .cinema-section{height:auto;padding-top:56px}
 .cinema-sticky{position:relative;height:auto;min-height:0;padding:0 0 20px}
 .set-endline{margin-top:24px;margin-bottom:0;gap:12px}
 .set-endline strong{font-size:clamp(23px,6.5vw,28px);line-height:1.2}
 .services{padding-top:48px;padding-bottom:64px}
 .services .section-heading{margin:0}
 .services .section-heading>p{margin-top:20px}
}
html[data-motion=full] .feedback-editorial .message-thread .message-row .message-bubble{transition:border-color .35s ease,box-shadow .35s ease,opacity .55s,translate .55s var(--ease-cinema)!important}
.feedback-editorial .message-thread .message-row .message-bubble:hover,
.feedback-editorial .message-thread .message-row .message-bubble:focus-within{border-color:#ffffff75;box-shadow:inset 0 1px #ffffff18,0 15px 45px #0003,0 0 0 1px #ffffff12}
@media(max-width:700px){html[data-motion=full] .work-grid .project-card,html[data-motion=full] .work-grid .project-card.wide,html[data-motion=full] .work-grid:not(.is-filtered) .project-card:nth-child(3n){padding:26px 0}html[data-motion=full] .work-grid .project-card:first-of-type{padding-top:8px}}