:root{color-scheme:dark;--muted:#d7d7d7;--ink:#fff;--line:#ffffff45}
html{background:#090a0b}
.cinema-page{background:#090a0b;color:#fff}
.film-backdrop,.film-shade{position:fixed;inset:0;pointer-events:none}
.film-backdrop{background:#090a0b;z-index:-2}
.film-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center}
.film-backdrop video.monochrome{filter:grayscale(1)}
.film-shade{z-index:-1;background:linear-gradient(180deg,#0007 0%,#0005 20%,#0009 57%,#000b 100%)}
.cinema-page{isolation:isolate}
.page{max-width:none;min-height:100svh;padding:0 clamp(22px,4vw,64px)}
.header{border:0;min-height:92px;gap:20px;flex-shrink:0}
.brand{width:auto;max-width:none}
.brand-name{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.founder{font-size:10px;letter-spacing:.18em;color:#eee}
.instagram-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:#fff}.instagram-link:hover{color:#ef6068}
.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:24px 0 44px;text-align:center}
.story{width:100%}.sb-mark{display:block;width:49px;height:81px;object-fit:contain;filter:invert(1);margin:0 auto 26px}
.eyebrow{font-size:11px;letter-spacing:.3em;font-weight:750;margin:0 0 17px;color:#ef6068}
h1{font-size:clamp(31px,4vw,55px);font-weight:750;font-variation-settings:'wdth' 100,'wght' 750;letter-spacing:.015em;line-height:1.12;margin:0 0 17px;text-transform:uppercase}
.intro{font-size:14px;line-height:1.6;max-width:none;margin:0;color:#eee}
.brand-headline{font-size:clamp(26px,3.2vw,38px);line-height:1.15;max-width:100%;margin:0 auto 14px;text-wrap:balance}
.drop-announcement{margin:0;line-height:1.6}
.drop-countdown{margin:22px auto 0}.drop-date{margin:0 0 12px;color:#c9c9c9;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.countdown-units{display:flex;justify-content:center;gap:24px;margin:0}.countdown-units>div{display:flex;flex-direction:column-reverse;min-width:40px;gap:4px}.countdown-units dd{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;margin:0}.countdown-units dt{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c9c9c9}
.signup{width:100%;max-width:490px;border:0;padding:0;margin:32px 0 0;min-width:0}
.email-row{display:flex;border:1px solid #ffffffd9;background:#07070759}
.email-row input{height:54px;min-width:0;flex:1;border:0;background:transparent;color:#fff;font-size:16px;padding:0 16px}
.email-row input::placeholder{color:#ddd}
.primary{width:100%;min-height:54px;padding:14px 20px;background:#fff;color:#111;border:1px solid #fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.primary:hover{background:#e8e8e8;color:#111;border-color:#e8e8e8}
.email-row .primary{width:auto;min-width:116px;flex-shrink:0;border:0}
.email-row .primary{justify-content:center}.email-row .primary span{font-family:var(--display);font-size:12px;line-height:1.2;font-weight:700}
.countdown-zone{font-size:10px;color:#c9c9c9;margin:12px 0 0}
.email-row:focus-within{outline:2px solid #fff;outline-offset:4px}
.email-row input:focus-visible{outline:none}
.form-invitation{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:21px 0 12px}
.consent{font-size:11px;line-height:1.6;color:#d4d4d4;margin:12px auto 0;max-width:455px}
.text-link,a.text-link{color:inherit}
.text-link{padding:0;min-height:0}
.error{color:#ffb4b9;text-align:left}.security-check{margin:0}
.signup-help{margin:16px 0 0;font-size:11px;color:#ddd}.signup-help summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;width:fit-content;margin:auto;padding:8px 4px}.signup-help .consent{margin:8px 0}
.footer{border:0;min-height:54px;gap:20px;align-items:center;flex-shrink:0;color:#ddd;font-size:11px}
.footer-links{gap:22px;align-items:center}.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:44px}
.film-tools{display:flex;align-items:center;gap:15px}.film-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;background:none;color:#fff;font:600 11px var(--body);text-transform:uppercase;letter-spacing:.05em;padding:0 4px}
.play-icon{font-size:20px;line-height:1;width:20px}.film-caption{font-size:10px;color:#ccc}.copyright{font-size:10px;color:#bbb;margin:0 0 16px;text-align:right}.cookie-status:not(:empty){background:#171717;padding:14px;max-width:none}
#sms-step{text-align:left;background:#090a0bcf;padding:24px;border:1px solid #ffffff40}.confirmation-line{color:#eee;font-size:13px;margin-top:0}.confirmation-line span,.accent{color:#fff}
#sms-title{font-size:30px;margin-bottom:14px}input[type=tel]{height:54px;background:#fff;color:#111;font-size:16px}.step-copy{color:#eee;font-size:15px;margin-bottom:24px}
.field-help{color:#ccc}.check-label{color:#fff;font-size:13px}.check-label input{accent-color:#bf1721;width:18px;height:18px;flex-shrink:0}.skip{color:#fff;margin:12px auto;min-height:44px}.restart{color:#fff;min-height:44px}#complete-step{padding:10px 0 20px}.complete-mark{color:#fff}#complete-title{font-size:38px;margin-bottom:16px}
.sr-only,.skip-to-signup:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-signup:focus{position:fixed;top:10px;left:10px;padding:12px;background:#fff;color:#111;z-index:5}
dialog{color-scheme:light;color:#111;background:#fff;border:0;max-height:85svh;overflow:auto}dialog .accent{color:#bf1721}dialog p{color:#555}dialog .close{color:#111}
:focus-visible{outline:2px solid #fff;outline-offset:4px}dialog :focus-visible{outline-color:#bf1721}
@media(max-width:700px){.page{min-height:100svh}.header{min-height:72px}.brand-name{font-size:14px}.founder{font-size:9px;letter-spacing:.1em}.main{padding:20px 0 36px}.sb-mark{width:42px;height:69px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.22em}h1{font-size:clamp(28px,7.7vw,42px);margin-bottom:14px}.intro{font-size:12px}.signup{margin-top:26px}.email-row .primary{min-width:94px;padding:14px 13px}.footer{min-height:55px;flex-wrap:wrap;gap:4px}.film-caption{display:none}.footer-links{gap:18px}.copyright{text-align:left;margin-bottom:max(16px,env(safe-area-inset-bottom))}.film-shade{background:linear-gradient(180deg,#0007,#0009 55%,#000c)}#sms-step{padding:20px}.check-label{font-size:13px}.consent{font-size:11px}}
@media(max-height:650px){.header{min-height:64px}.main{padding-top:16px;padding-bottom:24px}.sb-mark{height:56px;width:34px;margin-bottom:16px}.signup{margin-top:22px}.eyebrow{margin-bottom:12px}.signup-help{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(forced-colors:active){.film-backdrop,.film-shade{display:none}.cinema-page{background:Canvas;color:CanvasText}.sb-mark{filter:none}.primary,.email-row{border:1px solid ButtonText}}

.header{min-height:88px}
.header .brand{display:flex;align-items:center;gap:13px;width:auto}
.header .header-mark{display:block;width:24px;height:40px;object-fit:contain;filter:invert(1);flex-shrink:0}
.main{padding:40px 0 56px}
.signup{margin-top:28px;max-width:460px}
.drop-countdown{display:flex;justify-content:center;align-items:center;gap:17px;width:fit-content;max-width:100%;margin:0 auto 15px;padding:10px 0;color:#eee;flex-shrink:0}
.drop-date{margin:0;padding-right:17px;border-right:1px solid #ffffff3b;font-size:11px;line-height:1.5;letter-spacing:.12em;text-align:left;color:#eee}
.drop-date time{display:block}
.countdown-zone{display:block;margin:3px 0 0;font-size:9px;font-weight:400;line-height:1.4;letter-spacing:.01em;text-transform:none;color:#ccc}
.countdown-units{gap:17px;margin:0}
.countdown-units>div{min-width:29px;gap:3px}
.countdown-units dd{font-size:18px;font-weight:550;line-height:1.1}
.countdown-units dt{font-size:8px;letter-spacing:.06em;color:#ccc}
.footer{min-height:52px;gap:12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.film-toggle{width:44px;height:44px;padding:0;justify-content:center;opacity:.85}
.film-toggle:hover{opacity:1}
.footer-links{gap:20px;font-size:10px;color:#ccc}
.cookie-status:empty{display:none}
@media(max-width:700px){.header{min-height:76px}.header .brand{gap:10px}.header .header-mark{width:20px;height:33px}.main{padding:30px 0 46px}.signup{margin-top:25px}.drop-countdown{margin-bottom:9px}.footer{flex-wrap:nowrap;min-height:52px;gap:8px}.footer-links{gap:13px;font-size:10px}.film-shade{background:linear-gradient(180deg,#0006,#0008 54%,#000b)}}
@media(max-height:650px){.header{min-height:64px}.main{padding:24px 0 30px}.signup{margin-top:22px}.drop-countdown{margin-bottom:2px;padding:7px 0}.footer{min-height:44px}}

/* Keep the optional phone and confirmation steps focused and centered. */
.main:has(#email-step[hidden]) .story,
.page:has(#email-step[hidden]) .drop-countdown{display:none}
.main:has(#email-step[hidden]) .signup{margin-top:0}
#sms-step,#complete-step{text-align:center;padding:clamp(24px,5vw,40px) clamp(16px,4vw,32px);background:#090a0be6;border:0}
#sms-step .confirmation-line{margin:0 0 20px;color:#ccc;font-size:12px}
#sms-title{max-width:16ch;margin:0 auto 12px;font-size:clamp(29px,6.8vw,36px);line-height:1.12;text-wrap:balance}
#sms-step .step-copy,#complete-step .step-copy{max-width:34ch;margin:0 auto 28px;text-wrap:balance}
#sms-form{max-width:360px;margin:0 auto}
#sms-form>label[for=phone]{margin:0 0 10px;text-align:center}
#phone{background:#ffffff08;border:1px solid #ffffff80;color:#fff;text-align:center}
#phone::placeholder{color:#bdbdbd}
#phone-help{margin:10px 0 0;text-align:center}
#sms-form .check-label{width:fit-content;max-width:100%;margin:20px auto 24px;min-height:48px;align-items:center;justify-content:center;gap:14px;text-align:center;font-size:13px;line-height:1.55}
#sms-form .check-label input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:#bf1721}
#sms-form .check-label span{max-width:27ch;text-wrap:balance}
#sms-form .primary{justify-content:center;text-align:center}
#sms-form .primary span{font-family:var(--display);font-size:12px;line-height:1.3;font-weight:700}
#sms-form .error{text-align:center}
#sms-form .error:not(:empty){padding:0 0 18px}
#sms-security{display:flex;justify-content:center}
#sms-security:not(:empty){margin-bottom:20px}
#sms-step .skip{margin:8px auto 0}
.sms-details{margin-top:12px;font-size:11px;color:#ccc}
.sms-details summary{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;list-style:none}
.sms-details summary::-webkit-details-marker{display:none}
.sms-details .consent{margin:8px auto 0;text-align:center}
#complete-step .complete-mark{margin:0 auto 24px;width:48px;height:48px;font-size:26px}
#complete-title{margin:0 0 16px;font-size:clamp(34px,8vw,42px)}
#complete-step .step-copy{margin-bottom:20px}
#complete-step .restart{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px}
@media(max-width:400px){#sms-step,#complete-step{padding-inline:16px}#sms-form .check-label{gap:12px;font-size:12px}}
@media(max-width:700px){.brand-headline{font-size:clamp(24px,6.4vw,28px);max-width:24ch;margin-bottom:14px}.drop-announcement{margin:0}}