/* Desktop premieres only. Phone and tablet layouts keep their existing styles. */
@media (min-width:1024px){
 .u-feature-window{--feature-radius:16px;background:#090d12}
 .u-feature-track{background:#090d12}
 .u-feature-slide{--premiere-ink:9 13 18;height:clamp(440px,36vw,510px);background:rgb(var(--premiere-ink))}
 .u-feature-slide:before{display:none}
 .u-feature-doom{--premiere-ink:6 12 10}

 /* One sharp image, with its exposure falling gradually behind the typography. */
 .u-feature-art{top:0;right:0;width:82%;height:100%;object-fit:cover;object-position:var(--premiere-position,center);filter:none;mask-image:linear-gradient(90deg,transparent 0%,#00000014 8%,#0000004d 16%,#000000a3 25%,#000000eb 36%,#000 48%)}
 .u-feature-nokia{--premiere-position:right top}
 .u-feature-rumbling{--premiere-position:center 32%}
 .u-feature-rumbling .u-feature-art{width:76%}
 .u-feature-baseball{--premiere-position:center top}
 .u-feature-strange{--premiere-position:center 45%}
 .u-feature-shade{background:linear-gradient(90deg,rgb(var(--premiere-ink)) 0%,rgb(var(--premiere-ink)/.96) 17%,rgb(var(--premiere-ink)/.84) 27%,rgb(var(--premiere-ink)/.53) 38%,rgb(var(--premiere-ink)/.20) 49%,rgb(var(--premiere-ink)/.02) 63%,transparent 75%),linear-gradient(0deg,rgb(var(--premiere-ink)/.60) 0%,rgb(var(--premiere-ink)/.08) 28%,transparent 57%)}

 .u-feature-copy{left:clamp(36px,4.5vw,64px);bottom:clamp(42px,4.2vw,60px);width:40%;max-width:470px}
 .u-feature-copy>.u-studio-logo{width:156px;margin-bottom:28px;opacity:.90;filter:none}
 .u-feature-title{width:100%;max-width:420px;margin-bottom:18px}
 .u-nokia-wordmark{max-width:410px}
 .u-doom-wordmark{max-width:440px;margin-left:-10px;margin-bottom:11px}
 .u-feature-tagline{font-size:14px;font-weight:400;line-height:1.7;color:#aeb7c2;margin-bottom:26px}
 .u-feature-actions{gap:24px;flex-wrap:nowrap}
 .u-feature-actions .u-home-button{min-height:46px;padding:13px 20px;gap:26px;border:1px solid #eceef0;border-radius:6px;background:#eceef0;color:#121720;box-shadow:none;backdrop-filter:none;font-size:12px;font-weight:650;letter-spacing:0}
 .u-feature-actions .u-home-button:hover{background:#fff;border-color:#fff;transform:none}
 .u-feature-actions .u-home-button>.icon{width:15px;height:15px}
 .u-feature-actions .u-home-teaser{min-height:46px;gap:10px;font-size:12px;font-weight:500;color:#d8dde3}
 .u-feature-actions .u-home-teaser>.icon{width:29px;height:29px;padding:6px;border:1px solid #ffffff38;border-radius:50%}
 .u-feature-actions .u-home-teaser:hover{color:#fff}
 .u-feature-actions .u-home-teaser:hover>.icon{border-color:#ffffffa0;transform:none}
 .u-feature-year{font-size:12px;letter-spacing:.24em}
 .u-feature-side-note{right:30px;bottom:26px;color:#e0e4e9a6;font-size:7px;letter-spacing:.17em;line-height:1.6}

 /* A restrained chapter rail keeps the five films part of one collection. */
 .u-feature-controls{min-height:76px;padding:0 2px;gap:30px;align-items:center}
 .u-feature-select{flex:1;gap:0;counter-reset:premiere;align-items:stretch}
 .u-feature-select button{position:relative;flex:1;gap:10px;justify-content:flex-start;min-height:56px;padding:0 16px 0 0;border-bottom:1px solid #ffffff12;font-size:10px;font-weight:500;letter-spacing:.01em;color:#89939f}
 .u-feature-select button:before{counter-increment:premiere;content:counter(premiere,decimal-leading-zero);font-size:8px;font-weight:500;letter-spacing:.07em;color:#65707e}
 .u-feature-select button:after{content:'';position:absolute;bottom:-1px;left:0;right:22px;height:1px;background:#e6e9ee;opacity:0;transition:opacity .2s}
 .u-feature-select button[aria-pressed=true]{color:#f1f3f6}
 .u-feature-select button[aria-pressed=true]:before{color:#bcc4ce}
 .u-feature-select button[aria-pressed=true]:after{opacity:1}
 .u-feature-select button:hover{color:#f1f3f6}
 .u-feature-select .u-feature-dot{display:none}
 .u-feature-navigation{gap:8px}
 .u-feature-navigation button{width:38px;height:38px;padding:10px;border-color:#ffffff24;color:#c7ced7;background:transparent}
 .u-feature-navigation button:hover{background:#ffffff08;border-color:#ffffff70}
}
@media (min-width:1024px) and (max-width:1150px){
 .u-feature-copy{width:41%}
 .u-feature-rumbling{--premiere-position:left 32%}
 .u-feature-rumbling .u-feature-title{max-width:320px}
 .u-feature-copy>.u-studio-logo{width:142px;margin-bottom:24px}
 .u-feature-tagline{font-size:12px}
 .u-feature-actions{gap:16px}
 .u-feature-actions .u-home-button{gap:15px;padding-inline:16px}
 .u-feature-actions .u-home-teaser{font-size:11px;gap:7px}
 .u-feature-controls{gap:20px}
 .u-feature-select button{gap:7px;padding-right:8px;font-size:9px}
 .u-feature-navigation{gap:5px}
 .u-feature-navigation button{width:34px;height:34px;padding:8px}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){
 .u-feature-select button:after{transition:none}
}