
.direction-runway{position:relative;height:280svh;background:var(--surface,#fff);color:var(--text,#000);isolation:isolate}.direction-stage{position:sticky;top:var(--stage-top,68px);height:calc(100svh - var(--stage-top,68px));overflow:hidden;background:var(--surface,#fff);color:var(--text,#000)}.aperture-canvas{display:block;width:100%;height:100%;overflow:hidden}.aperture-film>div,.aperture-film video{display:block;width:100%;height:100%;max-width:none}.direction-film{display:block;width:100%;height:100%;object-fit:cover}.aperture-arrival{position:absolute;left:4%;bottom:15%;color:#fff;opacity:0;pointer-events:none}.aperture-arrival>span{font-size:10px;font-weight:700;letter-spacing:.08em}.aperture-arrival strong{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(80px,13vw,240px);line-height:.85;margin-top:20px;letter-spacing:-.04em}.direction-cue{position:absolute;bottom:21%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;font-size:9px;font-weight:700;letter-spacing:.07em;white-space:nowrap;pointer-events:none}.direction-cue>span:last-child{font-size:23px;font-weight:400}.direction-bottom{position:absolute;z-index:4;bottom:28px;left:3.2%;right:3.2%;display:flex;justify-content:space-between;gap:20px;align-items:end;font-size:9px;font-weight:700;letter-spacing:.055em}.direction-bottom>div{display:flex;gap:26px;align-items:center}.direction-bottom button,.direction-bottom a{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:12px 0}.direction-counter{position:absolute;top:25px;right:3.2%;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.direction-runway[data-phase=arrival]:not([data-direction=solid]) .direction-bottom,.direction-runway[data-phase=arrival]:not([data-direction=solid]) .direction-counter{color:#fff}.reality-brand{position:absolute;width:88%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.reality-heading{position:absolute;left:4%;top:7%;opacity:0}.reality-heading>span{font-size:9px;font-weight:700;letter-spacing:.05em}.reality-heading h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(48px,7.5vw,140px);letter-spacing:-.04em;line-height:.84;margin:24px 0 0}.reality-render,.reality-live{position:absolute;margin:0;opacity:0}.reality-render img{display:block;width:100%;height:auto}.reality-live video{height:100%;width:100%;object-fit:cover}.reality-render figcaption,.reality-live figcaption{display:block;font-size:9px;font-weight:700;letter-spacing:.05em;padding-top:14px}.reality-live figcaption{position:absolute;top:100%;left:0}.direction-runway[data-direction=solid]{background:#ecece8;color:#151613}.direction-runway[data-direction=solid] .direction-stage{background:#ecece8;color:#151613}.solid-object{position:absolute;width:88%;aspect-ratio:1812.29/750.26;left:50%;top:47%;transform-style:preserve-3d}.solid-layer{position:absolute;inset:0;backface-visibility:hidden;transform-style:preserve-3d}.solid-layer svg{display:block;width:100%;height:100%;overflow:visible}.solid-light{position:absolute;inset:-50%;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#f8f8f0 20%,#c8cac4 60%);opacity:.85}.solid-shadow{position:absolute;top:76%;left:50%;width:76%;filter:blur(15px);opacity:.14;transform:translate(-50%,-50%) scale(.8,.14)}.solid-shadow svg{width:100%;height:auto}.solid-caption{position:absolute;top:28px;left:3.2%;font-size:9px;font-weight:700;letter-spacing:.07em}.direction-review-link{position:fixed;bottom:9px;left:50%;transform:translateX(-50%);z-index:60;padding:11px 15px;background:var(--surface);color:var(--text);font-size:8px;font-weight:700;letter-spacing:.04em;box-shadow:0 2px 20px #0001}.has-direction-preview .work{position:relative}.direction-reduced{height:calc(100svh - var(--stage-top,68px))}.direction-reduced .direction-stage{position:relative;top:0}.direction-reduced .direction-cue{display:none}[hidden]{display:none!important}
@media(max-width:620px){.direction-stage{top:var(--stage-top,58px);height:calc(100svh - var(--stage-top,58px))}.direction-bottom{left:5%;right:5%;bottom:20px;font-size:8px;gap:12px}.direction-bottom>div{gap:15px}.direction-label{max-width:35%;line-height:1.5}.direction-cue{bottom:28%;font-size:8px;gap:15px}.direction-counter{font-size:8px;top:20px;right:5%}.reality-heading{left:5%;top:7%}.reality-heading h2{font-size:14vw;margin-top:18px}.reality-brand{width:91%}.reality-render figcaption,.reality-live figcaption{font-size:8px;padding-top:9px}.solid-caption{left:5%;font-size:8px}.solid-object{width:95%;top:46%}.solid-shadow{top:65%}.direction-review-link{bottom:4px;font-size:7px;white-space:nowrap}.direction-reduced{height:calc(100svh - var(--stage-top,58px))}}
@media(prefers-reduced-motion:reduce){.direction-runway{height:calc(100svh - var(--stage-top,68px))}.direction-stage{position:relative;top:0}.direction-cue{display:none}.direction-film{animation:none!important;transition:none!important}}

.direction-reduced .direction-pause{display:none}

@media(max-width:620px){.reality-heading{max-width:75%}.reality-heading h2{font-size:12vw;max-width:100%}}
/* Keep the review controls readable at every transition phase. */
.direction-bottom>span{background:var(--surface,#fff);color:var(--text,#111);padding:8px 10px}.direction-bottom>div{background:var(--surface,#fff);color:var(--text,#111);padding:0 10px}.direction-counter{background:var(--surface,#fff);color:var(--text,#111)!important;padding:6px 8px}.direction-runway[data-direction=solid] .direction-bottom>span,.direction-runway[data-direction=solid] .direction-bottom>div,.direction-runway[data-direction=solid] .direction-counter{background:transparent;color:#151613}
