/* V25 — a direct, native-scroll passage from the sky to the creative duo. */
body[data-page="home"].opening-film-ready .camera-journey{height:270svh}
.duo-scene .duo-stage{height:100svh;min-height:620px;display:block;background:#050505}
.opening-film-ready .camera-journey .duo-stage{min-height:0;opacity:1;clip-path:inset(var(--duo-reveal,100%) 0 0);transform:none}
.duo-scene .duo-image{position:absolute;inset:0 0 auto;height:79%;overflow:hidden}
.duo-scene .duo-image video{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:grayscale(1) contrast(1.06) brightness(.92)!important;transform:translateY(var(--duo-image-y,0px)) scale(1.035)}
.duo-scene .duo-grade{display:block;background:linear-gradient(180deg,#05050512 0%,transparent 35%,#05050520 48%,#050505c9 65%,#050505 79%)}
.duo-scene .duo-grain{display:block;background-image:url('assets/cinema-grain.svg');background-size:180px;opacity:.07;mix-blend-mode:screen}
.duo-scene .duo-names{top:92px;bottom:auto;left:3.5vw;right:3.5vw;font-size:clamp(8px,.7vw,12px);letter-spacing:.19em;opacity:1}
.duo-editorial{position:absolute;z-index:3;left:3.5vw;right:3.5vw;bottom:16%;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:2.5vw;align-items:end;opacity:var(--duo-editorial-opacity,1);transform:translateY(var(--duo-editorial-y,0px))}
.duo-scene #duo-title{position:static;margin:0;left:auto;right:auto;top:auto;bottom:auto;font-size:clamp(30px,4.65vw,100px);font-weight:500;line-height:1.02;letter-spacing:-.045em;opacity:1;transform:none}
.duo-scene #duo-title span{display:block;white-space:nowrap}
.duo-scene #duo-title .duo-outline{font-weight:400;color:transparent;-webkit-text-stroke:1px #eeece5}
.duo-description{padding-bottom:.3em}
.duo-description p{font-size:clamp(12px,1.02vw,19px);line-height:1.65;margin:0 0 24px;letter-spacing:.01em;color:#e9e7e1}
.duo-about{display:inline-flex;align-items:center;min-height:44px;padding:0 0 4px;border-bottom:1px solid #e9e7e16b;color:#efede6;font-size:clamp(9px,.75vw,13px);letter-spacing:.2em;text-decoration:none;transition:border-color .25s}
.duo-about:hover{border-color:#efede6}
.duo-about:focus-visible,.duo-play:focus-visible{outline:1px solid #efede6;outline-offset:6px}
.duo-editorial:focus-within{opacity:1;transform:none}
.duo-scene .duo-sponsors{position:absolute;z-index:3;bottom:0;left:3.5vw;right:3.5vw;height:9%;min-height:54px;padding:12px 0;background:none;border-top:1px solid #efede64d;border-bottom:0;display:flex;flex-direction:row;gap:36px}
.duo-scene .duo-sponsors p{font-size:6px;letter-spacing:.2em;color:#a09f99}
.duo-scene .duo-sponsors>div{gap:34px}
.duo-scene .duo-sponsors img{width:clamp(65px,5.3vw,100px);height:30px;opacity:.72}
.duo-scene .duo-play{top:130px;bottom:auto;left:3.5vw;padding:9px 13px;min-height:44px;background:#05050560}
body.is-duo-frame .rec-cursor-mark,body.is-duo-frame .rec-cursor-dot{background:#efeee9;box-shadow:none}
@media(max-width:700px){
 body[data-page="home"].opening-film-ready .camera-journey{height:260svh}
 .duo-scene .duo-stage{min-height:680px}
 .duo-scene .duo-image{top:10%;height:48%}
 .duo-scene .duo-image video{object-fit:contain;object-position:center;transform:none}
 .duo-scene .duo-grade{background:linear-gradient(180deg,transparent 32%,#05050520 43%,#050505 59%)}
 .duo-scene .duo-names{left:5vw;right:5vw;top:88px;font-size:7px;gap:12px;letter-spacing:.12em}
 .duo-scene .duo-names i{font-size:6px}
 .duo-editorial{left:5vw;right:5vw;bottom:15%;grid-template-columns:1fr;gap:23px}
 .duo-scene #duo-title{font-size:7.1vw;line-height:1.12;letter-spacing:-.045em}
 .duo-description p{font-size:12px;line-height:1.6;margin-bottom:9px}
 .duo-about{font-size:9px;min-height:44px}
 .duo-scene .duo-sponsors{left:5vw;right:5vw;gap:22px;height:9%;padding:8px 0}
 .duo-scene .duo-sponsors>div{gap:22px}
 .duo-scene .duo-play{left:5vw;top:140px}
}
/* Short landscape screens use normal flow so the headline and link stay reachable. */
@media(max-height:540px) and (min-width:701px){
 .duo-description p{font-size:11px;margin-bottom:8px}
 .duo-editorial{bottom:15%}
 .duo-scene .duo-names{top:76px;font-size:7px}
 .duo-scene .duo-sponsors{min-height:36px}
 .duo-scene .duo-sponsors img{height:23px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"].opening-film-ready .camera-journey{height:auto}
 .opening-film-ready .camera-journey .duo-stage{position:relative;height:100svh!important;min-height:620px!important;clip-path:none;opacity:1}
 .duo-scene .duo-image video{transform:none}
 .duo-editorial{opacity:1;transform:none}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .opening-film-ready .camera-journey .duo-stage{min-height:680px!important}
}
/* V26.1 — one typographic block, aligned with ONE VISION. */
.duo-scene .duo-editorial{grid-template-columns:1fr;gap:22px}
.duo-scene .duo-description{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0;font-family:var(--font)}
.duo-scene .duo-description .duo-studio{margin:0;color:#eeece5;font-family:var(--font);font-size:clamp(10px,.9vw,15px);font-weight:500;line-height:1.5;letter-spacing:.17em}
.duo-scene .duo-about{font-family:var(--font);font-weight:500;white-space:nowrap}
@media(max-width:700px){
 .duo-scene .duo-editorial{gap:18px}
 .duo-scene .duo-description{align-items:flex-start;flex-direction:column;gap:5px}
 .duo-scene .duo-description .duo-studio{font-size:9px;letter-spacing:.15em}
 .duo-scene .duo-about{font-size:8px}
}
