/* Night Answer / The shift. All animation stays behind live, readable copy. */
.cinematic-page{--cinema-ink:#07121e}
.cinematic-page>.header{height:94px;position:relative;z-index:10;border-bottom-color:#ffffff16;color:var(--cream)}
.cinematic-page:before{content:'';position:absolute;inset:0 0 auto;height:95px;background:var(--cinema-ink);z-index:-1}
.cinematic-page>.header .brand img{opacity:.95}
.cinematic-page>.header .button-navy{background:#ffffff09;border-color:#ffffff35;color:var(--cream)}
.cinematic-page>.header .button-navy:hover{background:#ffffff17}
.cinema-hero{--night:1;--scene-scale:1;--film-progress:1;--record:1;--bloom:0;position:relative;isolation:isolate;display:block;padding:0;min-height:770px;overflow:hidden;background:var(--cinema-ink);color:var(--cream)}
.cinema-media{position:absolute;inset:0;transform:scale(var(--scene-scale));transform-origin:73% 54%;pointer-events:none;will-change:transform}
.cinema-media>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%}
.cinema-night{opacity:var(--night);will-change:opacity}
.cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,18,30,.94) 0%,rgba(7,18,30,.72) 27%,rgba(7,18,30,.34) 46%,rgba(7,18,30,.02) 65%),linear-gradient(0deg,rgba(7,18,30,.96) 0%,rgba(7,18,30,0) 27%,rgba(7,18,30,0) 80%,rgba(7,18,30,.24) 100%)}
.cinema-bloom{position:absolute;left:63%;top:20%;width:17%;height:23%;background:radial-gradient(ellipse,#ffe0a266,transparent 67%);mix-blend-mode:screen;opacity:var(--bloom);pointer-events:none}
.cinema-wrap{position:relative;padding-top:94px;padding-bottom:150px}
.cinema-hero .hero-copy{max-width:610px}
.cinema-hero .eyebrow{font-size:10px;letter-spacing:.14em;color:#e8d1af;margin-bottom:25px}
.cinema-hero h1{font-size:clamp(55px,5.1vw,77px);line-height:1.07;letter-spacing:-.055em}
.cinema-hero h1 span{white-space:nowrap}
.cinema-hero h1 span:first-child{font-weight:500}
.cinema-hero h1 span:last-child{font-weight:750;color:#fffaf1}
.cinema-hero .hero-intro{font-size:17px;line-height:1.7;color:#d4d7dc;max-width:452px;margin-top:25px}
.cinema-offer-group{display:flex;align-items:flex-end;gap:25px;margin-top:26px}
.cinema-hero .hero-offer{margin-top:0;gap:12px}
.cinema-hero .hero-offer strong{font-size:68px;letter-spacing:-.075em;font-weight:750}
.cinema-hero .hero-offer span{font-size:17px;font-weight:550;color:#f2eadb}
.cinema-hero .hero-offer-line{font-size:12px;color:#f1c77f;margin:0 0 6px;line-height:1.5;border-left:1px solid #e0a84a60;padding-left:24px;font-weight:650}
.cinema-hero .hero-annual{margin-top:13px;font-size:12px;color:#b6c0c9}
.cinema-hero .hero-annual strong{color:#d5dce3;font-weight:650}
.cinema-hero .hero-actions{margin-top:26px;gap:24px}
.cinema-hero .hero-actions .button{min-width:220px}
.cinema-hero .text-link{font-size:12px;color:#f3ebdd;border-color:#f3ebdd55;gap:12px}
.cinema-hero .action-note{font-size:11px;color:#aebbc8;margin-top:13px}
.cinema-hero .personalized{color:#eac992}
.shift-time{position:absolute;right:max(6.7%,calc((100% - 1248px)/2));top:41px;text-align:right;z-index:2;color:#fffaf0;text-shadow:0 2px 14px #0009}
.shift-time>span{display:block;font-size:10px;letter-spacing:.2em;font-weight:750}
.shift-time>div{display:flex;justify-content:flex-end;align-items:baseline;gap:7px;line-height:1.2;margin-top:5px}
#shift-clock{font-size:49px;font-weight:400;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.shift-time small{font-size:12px;font-weight:500}
.shift-time p{font-size:10px;margin-top:6px;color:#e8e7e1}
.cinema-record{position:absolute;bottom:112px;right:max(6.7%,calc((100% - 1248px)/2));z-index:2;background:linear-gradient(120deg,#10212be8,#11212ade);border:1px solid #f0ca8c40;border-radius:9px;padding:18px 49px 19px 21px;box-shadow:0 10px 35px #0003;backdrop-filter:blur(16px);opacity:var(--record);transform:translateY(calc((1 - var(--record))*8px));max-width:370px}
.cinema-record>div{display:flex;align-items:center;gap:8px;color:#e0bd81}
.cinema-record .mini-label{font-size:8px;letter-spacing:.1em}
.cinema-record strong{font-size:17px;line-height:1.5;display:block;letter-spacing:-.025em;margin-top:8px;font-weight:650}
.cinema-record p{font-size:10px;margin-top:5px;color:#c0c9d0}
.record-check{position:absolute;right:19px;top:44px;font-size:17px;color:#efc67e}
.cinema-footer{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}
.cinema-footer>p{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.035em;color:#bdc9d3}
.film-controls{display:flex;align-items:center;gap:18px}
.film-controls button{border:0;background:none;color:#d0d9df;font-size:10px;padding:9px 3px;min-height:44px;display:flex;align-items:center;gap:9px}
.film-controls button:hover{color:var(--amber)}
.film-controls button [data-film-icon]{font-size:18px}
.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e0a84a18}
.cinema-progress span{height:100%;display:block;background:#e0a84a;transform:scaleX(var(--film-progress));transform-origin:left;opacity:.6}
.cinematic-page .utility-strip{border-top:0}
@media(min-width:1680px){.cinema-hero{min-height:850px}.cinema-wrap{padding-top:126px}.cinema-media>img{object-position:center 52%}.shift-time{top:65px}}
@media(max-width:1100px) and (min-width:701px){.cinema-hero{min-height:700px}.cinema-wrap{padding-top:93px}.cinema-hero h1{font-size:54px}.cinema-hero .hero-copy{max-width:470px}.cinema-hero .hero-intro{max-width:355px;font-size:16px}.cinema-hero .hero-offer strong{font-size:61px}.cinema-offer-group{gap:16px;flex-wrap:wrap}.cinema-hero .hero-offer-line{padding-left:16px}.cinema-media>img{object-position:59% center}.cinema-record{right:35px;max-width:295px;bottom:93px;padding:14px 35px 16px 17px}.cinema-record strong{font-size:14px}.cinema-record p{font-size:9px}.cinema-shade{background:linear-gradient(90deg,#07121eef 0%,#07121eb0 34%,#07121e30 65%),linear-gradient(0deg,#07121e 0%,#07121e00 35%)}.shift-time{right:40px;top:32px}}
@media(max-width:700px){
 .cinematic-page>.header{height:72px;width:calc(100% - 40px)}
 .cinematic-page:before{height:73px}
 .cinematic-page>.header .brand img{width:159px;height:43px}
 .cinematic-page>.header .menu-toggle{display:flex;color:var(--cream);border-color:#ffffff35}
 .cinematic-page>.header nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0b1a2b;border:1px solid #ffffff25;padding:24px;box-shadow:0 20px 30px #0006}
 .cinematic-page>.header nav.is-open,.cinematic-page>.header nav[data-open=true]{display:flex;flex-direction:column;align-items:stretch;gap:22px}
 .cinematic-page>.header nav>a:not(.button){font-size:14px}
 .cinematic-page>.header nav .button{font-size:13px}
 .cinema-hero{min-height:0;display:block;padding:0}
 .cinema-media{height:320px;transform-origin:75% 44%}
 .cinema-media>img{object-fit:cover;object-position:78% center}
 .cinema-shade{height:340px;background:linear-gradient(0deg,#07121e 0%,#07121ef5 10%,#07121e2b 45%,#07121e00 74%),linear-gradient(90deg,#07121e80,#07121e00 58%)}
 .cinema-wrap{padding-top:218px;padding-bottom:83px;width:calc(100% - 40px)}
 .cinema-hero .hero-copy{max-width:490px;margin:auto}
 .cinema-hero .eyebrow{font-size:10px;letter-spacing:.055em;margin-bottom:16px;gap:9px}
 .cinema-hero .eyebrow .rule{width:17px}
 .cinema-hero h1{font-size:clamp(36px,10.2vw,58px);line-height:1.06;letter-spacing:-.057em}
 .cinema-hero .hero-intro{font-size:14px;line-height:1.65;margin-top:16px;max-width:420px}
 .cinema-offer-group{margin-top:20px;gap:17px;align-items:center}
 .cinema-hero .hero-offer{gap:9px}
 .cinema-hero .hero-offer strong{font-size:57px}
 .cinema-hero .hero-offer span{font-size:13px;max-width:54px;line-height:1.3}
 .cinema-hero .hero-offer-line{font-size:12px;padding-left:17px;margin:0;max-width:105px}
 .cinema-hero .hero-annual{font-size:12px;line-height:1.6;margin-top:9px}
 .cinema-hero .hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px;gap:9px}
 .cinema-hero .hero-actions .button{min-height:54px;font-size:14px;width:100%;padding:13px 19px;gap:13px}
 .cinema-hero .hero-actions .button>span:last-child{margin-left:auto}
 .cinema-hero .text-link{font-size:12px;justify-self:center;padding:8px 0}
 .cinema-hero .action-note{font-size:10px;text-align:center;margin-top:11px}
 .shift-time{top:17px;right:auto;left:21px;text-align:left}
 .shift-time>span{font-size:8px;letter-spacing:.14em}
 .shift-time>div{justify-content:flex-start;gap:5px;margin-top:3px}
 #shift-clock{font-size:33px}
 .shift-time small{font-size:10px}
 .shift-time p{font-size:8px;max-width:86px;line-height:1.5}
 .cinema-record{top:132px;bottom:auto;left:auto;right:20px;max-width:235px;padding:11px 27px 12px 13px;border-radius:6px}
 .cinema-record .mini-label{font-size:6px}
 .cinema-record strong{font-size:12px;margin-top:4px}
 .cinema-record p{font-size:8px;margin-top:3px}
 .record-check{font-size:12px;right:12px;top:31px}
 .cinema-record .status-dot{width:4px;height:4px}
 .cinema-footer{bottom:16px;width:calc(100% - 40px);justify-content:center}
 .cinema-footer>p{display:none}
 .film-controls{gap:25px}
 .film-controls button{font-size:9px;color:#b3c1cc}
 .cinematic-page .mobile-action{background:#07121e;border-color:#fff2;color:var(--cream)}
 .cinematic-page .mobile-action>a:first-child{background:var(--amber);color:var(--navy)}
}
@media(max-width:360px){.cinema-wrap{padding-top:207px}.cinema-hero h1{font-size:34px}.cinema-hero .eyebrow{font-size:9px;letter-spacing:.01em}.cinema-hero .hero-intro{font-size:13px}.cinema-hero .hero-offer strong{font-size:53px}.cinema-offer-group{gap:14px}.cinema-hero .hero-offer-line{padding-left:14px;font-size:11px}.cinema-record{right:15px;max-width:209px;top:126px}.cinema-record p{display:none}.cinematic-page .mobile-action{gap:10px;padding-inline:15px}.cinematic-page .mobile-action>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinema-media,.cinema-night{will-change:auto}}
@media print{.cinema-hero{color:var(--navy);background:white}.cinema-media,.cinema-shade,.shift-time,.cinema-record,.cinema-footer,.cinema-progress{display:none}.cinema-wrap{padding:30px 0}.cinema-hero h1 span:last-child,.cinema-hero .hero-intro,.cinema-hero .hero-annual,.cinema-hero .hero-offer span{color:var(--navy)}}