/* Home: room to watch each scene, with a separate composition for portrait screens. */
@media(prefers-reduced-motion:no-preference){
 body[data-page="home"].opening-film-ready .camera-journey{height:620svh}
}
body[data-page="home"] .duo-scene .duo-image{inset:0;height:100%}
body[data-page="home"] .duo-scene .duo-image video{object-fit:cover}
body[data-page="home"] .duo-scene .duo-grade{background:linear-gradient(180deg,#0005,transparent 25%,transparent 55%,#0009 85%,#000b)}
body[data-page="home"] #brand-marks.closing-brands{height:clamp(280px,25vw,380px);margin-top:40px;margin-bottom:45px}
body[data-page="home"] #brand-marks .brand-star{transform:translate(-50%,-50%) scale(var(--star-scale,1));opacity:var(--star-opacity,1)}

@media(orientation:portrait){
 body[data-page="home"].opening-film-ready .camera-journey .duo-stage,
 body[data-page="home"].opening-film-ready .camera-journey .fashion-stage{height:100svh;min-height:0}
 body[data-page="home"] .duo-scene .duo-image{inset:0;height:100%;width:100%}
 body[data-page="home"] .duo-scene .duo-image video{display:block;object-fit:cover;object-position:var(--duo-object-x,42%) 50%}
 body[data-page="home"] .fashion-stage video,
 body[data-page="home"] .fashion-stage .fashion-light-entry{object-fit:cover;object-position:56% 50%}
 body[data-page="home"] .duo-scene .duo-names{top:max(86px,calc(env(safe-area-inset-top) + 68px));left:6vw;right:6vw;display:flex;flex-wrap:wrap;gap:12px 20px;font-size:8px;line-height:1.7;letter-spacing:.1em}
 body[data-page="home"] .duo-scene .duo-names span{display:block}
 body[data-page="home"] .duo-scene .duo-names i{display:block;font-size:7px}
 body[data-page="home"] .duo-scene .duo-editorial{top:auto;bottom:18%;left:6vw;right:6vw;width:88vw}
 body[data-page="home"] .duo-scene #duo-title{font-size:6.5vw;line-height:1.12;margin:18px 0 0}
 body[data-page="home"] .duo-scene .duo-studio-label{font-size:8px;letter-spacing:.12em}
 body[data-page="home"] .duo-bottom-credits{left:6vw;right:6vw;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));gap:18px;align-items:flex-end}
 body[data-page="home"] .duo-bottom-credits .duo-sponsors{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:none}
 body[data-page="home"] .duo-bottom-credits .duo-sponsors p{font-size:6px}
 body[data-page="home"] .duo-bottom-credits .duo-about{font-size:8px;letter-spacing:.1em;min-height:44px}
 body[data-page="home"] .fashion-shade{background:linear-gradient(#0004,transparent 30%,#0002 55%,#000b 100%)}
 body[data-page="home"] .fashion-manifesto{justify-content:flex-end;padding:0 7vw 14svh}
 body[data-page="home"] .fashion-manifesto h2>span:first-child{font-size:2.6vw;letter-spacing:.12em}
 body[data-page="home"] .fashion-manifesto .fashion-produced{font-size:11.5vw;letter-spacing:0}
 body[data-page="home"] .fashion-disciplines{font-size:8px;line-height:1.7}
 body[data-page="home"] .fashion-vision-label{top:max(92px,calc(env(safe-area-inset-top) + 72px));left:7vw;font-size:8px;letter-spacing:.22em}
 body[data-page="home"] .fashion-viewfinder .frame-top{top:10%}
 body[data-page="home"] .fashion-viewfinder .frame-bottom{bottom:6%}
 body[data-page="home"] .duo-play{top:140px;left:6vw}
 body[data-page="home"] .fashion-play{bottom:max(22px,env(safe-area-inset-bottom));left:7vw}
 /* The supplied Canon artwork has baked-in typography: keep it whole, above the copy. */
 body[data-page="home"] #canon-feature{padding:45px 6vw 60px}
 body[data-page="home"] #canon-feature .press-home-grid{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:auto;min-height:0;padding:0;overflow:visible;gap:0}
 body[data-page="home"] #canon-feature .press-home-image{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:2048/1156;margin:0 0 30px}
 body[data-page="home"] #canon-feature .press-home-image img{object-fit:contain;object-position:center;width:100%;height:100%}
 body[data-page="home"] #canon-feature .press-home-grid::after{display:none}
 body[data-page="home"] #canon-feature .press-home-copy{width:100%;max-width:35rem;text-shadow:none}
 body[data-page="home"] #canon-feature .press-home-copy h2{font-size:clamp(40px,11vw,80px);line-height:1}
 body[data-page="home"] #canon-feature .press-home-copy .kyosei-summary{font-size:15px;line-height:1.65}
 body[data-page="home"] #canon-feature .press-home-copy .kyosei-kicker{font-size:8px;line-height:1.7}
 body[data-page="home"] #canon-feature .kyosei-frame-canon{position:relative;inset:auto;width:68px;margin:0 0 25px}
}

/* Three generous, moving orbits replace the compressed phone logo grid. */
@media(max-width:700px){
 body[data-page="home"] #brand-marks.closing-brands{position:relative;inset:auto;width:auto;height:auto;min-height:0;margin:30px 5vw 35px;padding:20px 0 0;overflow:hidden}
 body[data-page="home"] #brand-marks.closing-brands .duo-orbit-heading{position:relative;inset:auto;transform:none;text-align:center;white-space:normal}
 body[data-page="home"] #brand-marks .duo-orbit-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:.15em;border-radius:0;padding:10px 0;background:none}
 body[data-page="home"] #brand-marks.closing-brands .brand-orbit-field{display:block;height:540px;width:100%;padding:0;margin:8px 0 0;overflow:hidden;mask-image:none}
 body[data-page="home"] #brand-marks.closing-brands .brand-star{position:absolute;left:var(--star-x);top:var(--star-y);width:76px!important;height:40px!important;transform:translate(-50%,-50%) scale(var(--star-scale,1));opacity:var(--star-opacity,1)}
 body[data-page="home"] #brand-marks.closing-brands .brand-star img{width:76px!important;max-width:76px!important;height:34px!important;max-height:34px!important;object-fit:contain}
 body[data-page="home"] #brand-marks .brand-vogue{font-size:20px}
 body[data-page="home"] #brand-marks .brand-name{font-size:12px}
 body[data-page="home"] #brand-marks .brand-name--funktion-one{font-size:10px}
 body[data-page="home"] #brand-marks .brand-orbit-lines{display:block;opacity:.65}
 body[data-page="home"] #brand-marks .brand-orbit-lines ellipse{display:none}
 body[data-page="home"] #brand-marks .brand-orbit-lines path{opacity:.16}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"].opening-film-ready .camera-journey{height:auto}
 body[data-page="home"] #brand-marks.closing-brands{height:auto;padding:35px 0}
 body[data-page="home"] #brand-marks.closing-brands .duo-orbit-heading{position:static;transform:none}
 body[data-page="home"] #brand-marks.closing-brands .brand-orbit-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:28px 12px;padding:30px 0;overflow:visible}
 body[data-page="home"] #brand-marks.closing-brands .brand-star{position:static;justify-self:center;transform:none!important;opacity:1!important}
 body[data-page="home"] #brand-marks .brand-orbit-lines{display:none}
 body[data-page="home"] .duo-scene .duo-image{position:absolute}
}