/* One scroll timeline owns section geometry; no competing transition clocks. */
.service,.service-art,.service-art>*,.hero-film,.section-heading h2,.process-board,.portfolio-fan,.portfolio-fan img{transition:none}.service{border-radius:var(--corner,0px) var(--corner,0px) 0 0;box-shadow:0 -14px 60px #0b2c4520;backface-visibility:hidden}.service-content{transform:translateY(calc(var(--depth,0px) * -1));transform-origin:50% 50%}.service-art{perspective:1200px}.browser-board{box-shadow:0 18px 40px #06273525}.browser-board img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#e8e7df}.web-pair{align-items:start;padding:14px 14px 40px}.browser-board{padding:9px}.browser-board:first-child{margin-top:18px}.work-card:nth-child(-n+2){background:#dceaf0;aspect-ratio:1.15}.work-card:nth-child(-n+2)>img{object-fit:contain;object-position:50% 25%;height:100%;padding:12px 10px 48px}.work-card:nth-child(-n+2) .work-overlay{background:linear-gradient(transparent 50%,#0b2c45db)}.process-board img{object-fit:contain;background:#112c40}.baste-reveal .fx-expand-media img{object-fit:cover;object-position:50% 50%}.brand-trio,.creative-trio{box-shadow:0 15px 50px #07293b20}.service .service-heading{transform:translateY(calc(var(--art-y,0px) * -.12))}.portfolio-fan img{image-rendering:auto}.work-card img{backface-visibility:hidden}.process-copy{transition:opacity .25s ease}.scene-change{animation:scene .4s cubic-bezier(.2,.65,.25,1)}
@media(max-width:760px){.web-pair{grid-template-columns:1fr 1fr;padding:8px 8px 35px;gap:8px}.browser-board{padding:5px}.browser-board:first-child{margin-top:12px}.browser-board img{aspect-ratio:16/10;height:auto}.browser-top span{font-size:6px}.work-card:nth-child(-n+2)>img{padding:7px 6px 35px}.baste-reveal .fx-expand-media img{object-fit:cover;object-position:65% 50%}.service-content{transform:none}}
html.motion-reduced .service-content,html.motion-reduced .service .service-heading{transform:none!important}html.motion-reduced .service{border-radius:0}html.motion-reduced .scene-change{animation:none}
html{overflow-x:clip}

/* Keep the hero pinned long enough to see the complete sequence with a wheel or touch. */
.hero-track{height:230svh;min-height:1300px}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.frames-ready .hero-canvas{visibility:visible}.frames-ready video{visibility:hidden}.hero-film:has(video:not([src])){background:url('/ad-pilot-hero-poster.jpg') center/contain no-repeat}.hero-film.frames-ready{background:none!important}.hero-film video{animation:none}.hero-canvas{z-index:1}.baste-reveal{position:relative;height:200svh}.motion-enabled .baste-reveal .fx-expand-stage{position:sticky}.motion-enabled .baste-reveal .fx-apart{display:flex}.motion-reduced .hero-track{height:auto;min-height:0}.motion-reduced .baste-reveal{height:auto}.motion-reduced .baste-reveal .fx-expand-stage{position:relative}.motion-reduced .baste-reveal .fx-apart{display:none}.motion-reduced .hero-canvas{visibility:hidden}.motion-reduced .hero-film video{visibility:visible}.motion-reduced .ambient-toggle{display:block}.ambient-toggle{font-size:11px;padding:10px 14px;min-height:40px}.motion-reduced .service-heading{transform:none!important}.motion-reduced .page-progress{display:none}
html.motion-reduced .ambient-toggle{display:block}