.scroll-scrub{--ss-progress:0;position:relative;isolation:isolate;color:var(--ss-ink);background:var(--ss-bg)}.scroll-scrub__stage{position:sticky;top:0;z-index:0;width:100%;height:100svh;overflow:hidden;background:var(--ss-bg)}.scroll-scrub__media,.scroll-scrub__layer,.scroll-scrub__picture,.scroll-scrub__poster,.scroll-scrub__video{position:absolute;inset:0;width:100%;height:100%}.scroll-scrub__media{z-index:0}.scroll-scrub__layer{margin:0;overflow:hidden;opacity:0}.scroll-scrub__layer:first-child{opacity:1}.scroll-scrub__poster,.scroll-scrub__video{display:block;object-fit:cover;object-position:var(--ss-object-position)}.scroll-scrub__poster{z-index:2}.scroll-scrub__video{z-index:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}.scroll-scrub__progress{position:absolute;z-index:5;bottom:0;left:0;right:0;height:2px;background:#ffffff20;pointer-events:none}.scroll-scrub__progress span{display:block;width:100%;height:100%;background:var(--ss-accent);transform:scaleX(var(--ss-progress));transform-origin:left center}.scroll-scrub__route{position:absolute;z-index:6;top:2rem;right:3rem;display:flex;gap:.25rem}.scroll-scrub__route-button{min-height:44px;border:0;background:none;color:var(--ss-muted);padding:12px}.scroll-scrub__route-button[aria-current]{color:var(--ss-ink)}.scroll-scrub__story{position:relative;z-index:3;margin-top:-100svh;pointer-events:none}.scroll-scrub__chapter,.scroll-scrub__connector-band{position:relative}.scroll-scrub__chapter-pin{position:sticky;top:0;display:flex;align-items:center;height:100svh;pointer-events:none}.scroll-scrub__copy{position:relative;pointer-events:auto;width:100%}.scroll-scrub[data-static=true] .scroll-scrub__chapter{min-height:100svh!important}@media(max-width:860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}}@media(prefers-reduced-motion:reduce){.scroll-scrub__chapter{min-height:100svh!important}.scroll-scrub__connector-band{display:none}}

/* Recommendation within the existing monochrome design. */
.studio-offer.sales-recommended{border-color:#a4aaa4}.sales-recommended .studio-offer-head small{font-weight:700}

/* Hero: one brand mark in navigation, headline as the focal point. */
.studio-hero-content #hero-title{font-size:clamp(40px,5.4vw,76px);font-weight:700;line-height:1.13;letter-spacing:.065em;color:#fff;text-shadow:0 2px 16px #0006;margin-top:24px}
@media(max-width:600px){.studio-hero-content #hero-title{font-size:clamp(30px,8.5vw,46px);letter-spacing:.055em}}


/* Autonomous real-footage hero: no scroll seeking or pinned chapters. */
.studio-motion-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#101212;color:#f4f5f2;padding:150px 0 120px}
.studio-motion-media{position:absolute;inset:0;z-index:-2;pointer-events:none}
.studio-motion-media img,.studio-motion-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.studio-motion-media video[hidden]{display:none}
.studio-motion-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,12,16,.78),rgba(5,12,16,.58) 48%,rgba(5,12,16,.32)),linear-gradient(0deg,rgba(5,12,16,.50),transparent 35%)}
.studio-motion-content{width:100%}
.studio-motion-hero .studio-hero-content{position:relative;opacity:1!important;transform:none!important;will-change:auto;margin-top:0;margin-bottom:0}
.studio-motion-hero .studio-hero-foot{bottom:28px;flex-wrap:wrap}
.studio-motion-toggle{border:1px solid #ffffff80;border-radius:999px;background:#10121280;color:#fff;padding:10px 16px;min-height:44px;font:inherit;font-size:12px;cursor:pointer}
.studio-motion-toggle:disabled{visibility:hidden;pointer-events:none}
.studio-motion-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:600px){.studio-motion-hero{padding-top:120px;padding-bottom:145px;min-height:100svh}.studio-motion-hero .studio-hero-content{margin:0 25px;max-width:calc(100% - 50px)}.studio-motion-hero .studio-hero-foot{gap:12px;bottom:24px}.studio-motion-hero .studio-hero-foot>p{display:none}.studio-motion-media img,.studio-motion-media video{object-position:50% 50%}}

@media(max-width:600px){.studio-motion-hero:after{background:linear-gradient(90deg,rgba(5,12,16,.72),rgba(5,12,16,.52)),linear-gradient(0deg,rgba(5,12,16,.45),transparent 40%)}}

/* Explicit stacking: footage 0, dark veil 1, readable content 2. */
.studio-scroll-hero.studio-motion-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;overflow:hidden}
.studio-motion-hero>.studio-motion-media{position:absolute;inset:0;z-index:0;pointer-events:none}
.studio-motion-hero>.studio-motion-media>img,.studio-motion-hero>.studio-motion-media>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.studio-motion-hero>.studio-motion-media>video[hidden]{display:none}
.studio-scroll-hero.studio-motion-hero::after{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;opacity:1;background:linear-gradient(90deg,rgba(0,0,0,.20),transparent 75%),rgba(0,0,0,.58)}
.studio-motion-hero>.studio-motion-content{position:relative;z-index:2;width:100%;min-width:0}
.studio-motion-hero>.studio-hero-foot{position:absolute;z-index:3}
.studio-motion-hero .studio-hero-content{opacity:1!important;transform:none!important}
.studio-motion-hero #hero-title{color:#fff;font-weight:700;text-shadow:0 2px 12px #0006}