@font-face{font-family:ODDSerif;src:url('../fonts/Prata-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:ODDDisplay;src:url('../fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--paper:#f5f0e7;--muted:rgba(245,240,231,.7);--line:rgba(245,240,231,.42)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#080808;color:var(--paper)}
body{font-family:ODDSerif,Georgia,serif;min-height:100svh}
.scene{position:relative;isolation:isolate;display:flex;min-height:100svh;align-items:center;justify-content:center;padding:100px 22px 72px;overflow:hidden}
.scene:before,.scene:after{content:"";position:absolute;inset:0;pointer-events:none}
.scene:before{z-index:-2;background:url('../images/BGphoto1.png') center 48%/cover no-repeat;transform:scale(1.015)}
.scene:after{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.24) 38%,rgba(0,0,0,.67)),rgba(0,0,0,.14)}
.top-mark{position:absolute;top:clamp(22px,4.5vh,52px);left:0;right:0;display:flex;justify-content:center}
.logo{display:block;width:clamp(66px,8vw,96px);height:auto;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(0,0,0,.25))}
.content{width:min(100%,700px);text-align:center;margin:0 auto;animation:appear .8s ease both}
h1{font-family:ODDSerif,Georgia,serif;font-size:clamp(44px,9vw,100px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:0;text-shadow:0 3px 30px rgba(0,0,0,.24)}
.launch-date{font-size:clamp(11px,1.8vw,13px);letter-spacing:.24em;margin:24px 0 30px;text-transform:uppercase}
.countdown{display:flex;justify-content:center;align-items:flex-start;gap:clamp(13px,4vw,38px);margin:0 auto 40px}
.unit{min-width:54px}.number{display:block;font-family:ODDDisplay,Georgia,serif;font-size:clamp(29px,5.4vw,47px);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.035em}.unit-label{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:10px;text-transform:uppercase}
.signup{width:min(100%,420px);margin:0 auto}.email-row{display:flex;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 0 9px}.email-row input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--paper);font:12px ODDSerif,Georgia,serif;padding:12px 2px}.email-row input::placeholder{color:rgba(245,240,231,.68)}.email-row button{border:0;background:transparent;color:var(--paper);font:11px ODDSerif,Georgia,serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:12px 0 12px 10px;cursor:pointer}.email-row button:hover{opacity:.72}.email-row:focus-within{border-color:var(--paper)}.email-row button:disabled{opacity:.55;cursor:wait}.status{min-height:18px;margin:13px 0 0;font-size:11px;letter-spacing:.03em;color:var(--paper)}.status.error{color:#ffc6b9}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.website-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
button:focus-visible,input:focus-visible{outline:1px solid var(--paper);outline-offset:5px}
@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.scene:before{background-position:54% center}.scene{padding:90px 20px 48px}.launch-date{margin:20px 0 25px}.countdown{gap:10px;margin-bottom:32px}.unit{min-width:49px}.unit-label{font-size:8px;letter-spacing:.12em}.email-row button{font-size:10px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.content{animation:none}}