/* Homepage film: a full-bleed stage with live, accessible editorial copy. */
.film-hero.luxury-hero{min-height:max(720px,calc(100svh - 84px));padding:110px clamp(32px,6vw,120px) 140px;text-align:left;justify-content:flex-start;background:#050606;isolation:isolate;overflow:hidden}
.film-hero.luxury-hero:before{inset:0;border:0;background:linear-gradient(90deg,rgba(4,6,5,.52),transparent 63%);z-index:-1;pointer-events:none}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;background:#050606}
.film-hero .hero-editorial{max-width:57%;text-shadow:0 2px 22px #0009}
.film-hero h1{font-size:clamp(80px,8.4vw,145px);line-height:.94}
.film-hero .hero-intro{color:#e1e1da;line-height:1.8}
.film-hero .luxury-button{text-shadow:none}
.film-hero .hero-footnote{left:clamp(32px,6vw,120px);right:clamp(32px,6vw,120px);bottom:43px;color:#c7c9bf;font-size:11px;letter-spacing:.1em}
.film-hero .hero-footnote a{margin-right:130px}
.hero-motion{position:absolute;right:clamp(32px,6vw,120px);bottom:34px;min-height:44px;padding:10px 0 10px 20px;border:0;background:transparent;color:#e7e8df;font:500 11px/1.4 Manrope,sans-serif;letter-spacing:.08em;cursor:pointer}
.hero-motion span{margin-left:10px}.hero-motion:focus-visible{outline:2px solid #c4aa76;outline-offset:6px}.hero-motion[hidden]{display:none}
@media(max-width:900px){
.film-hero.luxury-hero{min-height:800px;height:calc(100svh - 72px);margin-top:72px;padding:44px 24px 100px;align-items:stretch;text-align:center}
.film-hero.luxury-hero:before{background:linear-gradient(180deg,#0008,transparent 35%,transparent 68%,#000c)}
.film-hero .hero-editorial{max-width:none;width:100%;display:flex;flex-direction:column;align-items:center}
.film-hero .eyebrow{font-size:9px!important;letter-spacing:.22em;margin-bottom:20px}
.film-hero h1{font-size:clamp(66px,12vw,92px);line-height:.88;margin:0 0 20px}
.film-hero .hero-intro{margin:auto 0 20px;font-size:13px;line-height:1.65}
.film-hero .luxury-button{font-size:10px;padding:16px 22px}
.film-hero .hero-footnote{bottom:24px;left:24px;right:auto;align-items:flex-start;gap:6px;font-size:8px;text-align:left}
.film-hero .hero-footnote a{margin:0}.hero-motion{right:24px;bottom:22px;font-size:10px}
.hero-film{object-position:center}
}
@media(prefers-reduced-motion:reduce){.film-hero *{scroll-behavior:auto}}
