.film-hero{color:#fff}
.film-stage{position:relative;height:calc(100svh - 2 * var(--inset) - 18px);min-height:640px;overflow:hidden;isolation:isolate;border-radius:44px;background:#343530}
.film-reels,.film-reels video,.film-shade{position:absolute;inset:0;width:100%;height:100%}
.film-reels video{max-width:none;object-fit:cover;opacity:0;transition:opacity .9s ease}
.film-reels video.is-active{opacity:1}
.film-reels img{position:absolute;inset:0;height:100%}
.film-shade{background:linear-gradient(90deg,#101b20a8 0%,#101b2070 28%,transparent 65%),linear-gradient(0deg,#101b20ae 0%,transparent 42%),linear-gradient(180deg,#101b204f,transparent 23%);pointer-events:none}
.film-top,.film-main,.film-side,.film-picker,.film-scroll{position:absolute;z-index:1}
.film-top{top:104px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;gap:20px;font:500 11px/1.3 var(--sans);letter-spacing:.22em}
.film-top span:first-child{display:flex;align-items:center;gap:16px}
.film-top i{width:30px;height:1px;background:#ffffff8c}
.film-main{left:5.5%;bottom:18%;max-width:54%}
.film-kicker{font:500 11px/1.5 var(--sans);letter-spacing:.24em;color:#fffbdc}
.film-main h1{margin:21px 0 32px;font:500 clamp(55px,6.2vw,112px)/1.18 var(--serif);letter-spacing:.025em;text-shadow:0 3px 24px #1020243d;text-wrap:pretty}
.film-link{display:inline-flex;align-items:center;gap:35px;padding:11px 0;border-bottom:1px solid #ffffffa8;font:500 14px/1.4 var(--sans);letter-spacing:.13em;transition:gap .3s}
.film-link:hover{gap:45px}
.film-side{top:46%;right:3%;writing-mode:vertical-rl;font:500 10px/1.3 var(--sans);letter-spacing:.25em}
.film-picker{right:5.5%;bottom:9%;display:grid;gap:10px;width:min(31%,330px)}
.film-picker button{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:14px;width:100%;padding:7px;border:1px solid #ffffff5c;border-radius:12px;background:#19232856;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;text-align:left;opacity:.68;transition:opacity .25s,background .25s,transform .25s}
.film-picker button:hover,.film-picker button.is-active{opacity:1;background:#1923288f}
.film-picker button.is-active{border-color:#ffffffd1;transform:translateX(-6px)}
.film-picker img{width:74px;height:55px;border-radius:7px;object-fit:cover}
.film-picker button>span{display:grid;gap:2px;min-width:0}
.film-picker small{font:500 9px/1.4 var(--sans);letter-spacing:.17em;color:#ffffffb8}
.film-picker strong{overflow:hidden;font:500 15px/1.3 var(--serif);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}
.film-picker i{display:block;width:100%;height:2px;margin-top:4px;background:#ffffff38}
.film-picker i::after{content:'';display:block;width:var(--film-progress,0%);height:100%;background:#fff}
.film-scroll{left:5.5%;bottom:5%;display:flex;align-items:center;gap:22px;font:500 10px/1.4 var(--sans);letter-spacing:.24em;color:#ffffffc9}
.film-scroll span{font-size:19px;line-height:1}
.home-film .intro{padding-block:clamp(64px,8vw,104px)}
.home-film .story-text{padding-block:clamp(50px,5.5vw,80px)}
@media(max-width:900px){
 .film-stage{height:calc(100svh - 2 * var(--inset) - 24px);min-height:620px;border-radius:30px}
 .film-reels video{object-position:50% center}
 .film-shade{background:linear-gradient(0deg,#101b20d6 0%,#101b2085 34%,transparent 69%),linear-gradient(180deg,#101b2066,transparent 24%)}
 .film-top{top:90px;left:7%;right:7%;font-size:9px;letter-spacing:.14em}
 .film-top span:last-child{display:none}
 .film-top i{width:20px}
 .film-main{left:7%;right:7%;bottom:205px;max-width:none}
 .film-stage.is-single .film-main{bottom:60px}
 .film-kicker{font-size:10px;letter-spacing:.17em}
 .film-main h1{margin:15px 0 18px;font-size:clamp(43px,11vw,66px);line-height:1.28}
 .film-link{gap:20px;padding:6px 0;font-size:12px}
 .film-side{display:none}
 .film-picker{left:7%;right:7%;bottom:38px;display:grid;grid-template-columns:repeat(var(--films,3),minmax(0,1fr));gap:6px;width:auto}
 .film-picker button{display:block;min-width:0;padding:5px;border-radius:9px;opacity:.85}
 .film-picker button.is-active{transform:none}
 .film-picker img{width:100%;height:58px;border-radius:5px}
 .film-picker button>span{padding:7px 2px 3px;gap:3px}
 .film-picker small{font-size:8px;letter-spacing:.05em}
 .film-picker strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
 .film-picker i{margin-top:5px}
 .film-scroll{display:none}
 .home-film .intro{padding-block:62px}
 .home-film .intro .kicker{margin-bottom:18px}
 .home-film .intro-lead{margin-bottom:20px;font-size:clamp(30px,7.8vw,39px)}
 .home-film .intro-bottom>p{font-size:14px;line-height:1.9}
 .home-film .numbers{margin-top:25px;padding-block:18px}
 .home-film .numbers strong{font-size:48px}
 .home-film .story-image{height:300px}
 .home-film .story-text{padding:38px 26px 42px}
 .home-film .story h3{margin:30px 0 20px}
 .home-film .story-signature{margin-top:30px;padding-top:20px}
 .home-film main{overflow:visible}
 .home-film .stay-scroller{overflow-anchor:none}
 .home-film .stay-stage{position:sticky;top:var(--header-h)}
 .home-film .stage-bg{background:center/cover no-repeat}
 .home-film .stage-top .region-tabs button,.home-film .stage-nav>button,.home-film .stage-card.is-all,.home-film .btn-glass{backdrop-filter:none;-webkit-backdrop-filter:none}
 .home-film .stage-bg span,.home-film .stage-bg span.is-in{transform:none;transition:opacity .45s ease}
 .home-film .stage-copy>*{animation:fade-in .3s ease both;animation-delay:0s}
 .home-film .stage-card{transition-duration:.45s}
}
@media(max-width:390px), (max-height:720px){
 .film-main{bottom:188px}
 .film-main h1{font-size:clamp(39px,10vw,52px)}
 .film-picker{bottom:22px}
 .film-picker img{height:48px}
}
@media(prefers-reduced-motion:reduce){.film-reels video,.film-picker button,.film-link{transition:none}}