:root{color-scheme:dark;--foreground:#f3f1ec}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090909;color:var(--foreground);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.landing{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}.photo{position:absolute;inset:0;z-index:-3;background:url('/after-hours-hero.jpg') center 47%/cover no-repeat;transform:scale(1.01)}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.23) 54%,rgba(0,0,0,.44)),linear-gradient(180deg,rgba(0,0,0,.45),transparent 32%,rgba(0,0,0,.58))}.header,.footer{display:flex;justify-content:space-between;align-items:center;padding-left:clamp(22px,4.5vw,72px);padding-right:clamp(22px,4.5vw,72px)}.header{height:78px;border-bottom:1px solid rgba(255,255,255,.16)}.header p,.footer{margin:0;font-size:11px;font-weight:700;letter-spacing:.24em}.wordmark{color:#f4f2ed;text-decoration:none;font-size:32px;line-height:1;font-weight:1000;font-style:italic;letter-spacing:-.09em;transform:skew(-7deg)}.signup{align-self:center;width:min(480px,calc(100% - 44px));margin-left:clamp(22px,8vw,132px);padding:30px 0}.overline{margin:0 0 19px;font-size:11px;font-weight:700;letter-spacing:.34em;color:#c8c5be}h1{margin:0;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(62px,7.5vw,116px);line-height:.86;letter-spacing:-.035em}.intro{max-width:350px;margin:25px 0 26px;color:#ddd9d1;font-size:17px;line-height:1.45}.waitlist-form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:min(100%,460px)}.waitlist-form input{min-width:0;height:58px;padding:0 17px;border:1px solid rgba(255,255,255,.52);border-right:0;border-radius:0;outline:none;background:rgba(8,8,8,.62);color:#fff;backdrop-filter:blur(7px);font-size:14px;letter-spacing:.08em}.waitlist-form input::placeholder{color:#aaa7a1}.waitlist-form input:focus{border-color:#fff}.waitlist-form button{height:58px;border:1px solid #f2f0eb;border-radius:0;padding:0 19px;background:#f2f0eb;color:#0b0b0b;cursor:pointer;font-size:12px;font-weight:900;letter-spacing:.1em}.form-error{grid-column:1/-1;margin:9px 0 0;color:#ffd0d0;font-size:13px}.footer{min-height:66px;border-top:1px solid rgba(255,255,255,.16);color:#c6c2bb}.success-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.74);backdrop-filter:blur(9px)}.success-overlay[hidden]{display:none}.success-message{text-align:center}.success-message p{margin:0 0 20px;color:#aaa7a0;font-size:11px;font-weight:700;letter-spacing:.32em}.success-message h2{margin:0;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(70px,12vw,170px);line-height:.81}.success-message span{display:block;margin-top:25px;color:#d3d0c9;font-size:17px}.success-message button{margin-top:34px;padding:11px 22px;border:1px solid #8b8984;background:transparent;color:#d5d2cb;font-size:11px;font-weight:700;letter-spacing:.2em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.photo{background-position:48% center}.shade{background:linear-gradient(180deg,rgba(0,0,0,.47),rgba(0,0,0,.12) 28%,rgba(0,0,0,.73) 70%,rgba(0,0,0,.89))}.header{height:64px}.header p{font-size:9px;letter-spacing:.17em}.wordmark{font-size:28px}.signup{align-self:end;margin:0 auto 38px;padding:0}h1{font-size:clamp(59px,18vw,88px)}.intro{margin:16px 0 19px;font-size:16px}.waitlist-form{grid-template-columns:1fr;gap:8px}.waitlist-form input{border-right:1px solid rgba(255,255,255,.52)}.footer{display:none}}
@keyframes fade-in{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(14px)}}.success-overlay{animation:fade-in .35s ease both}.success-message{animation:rise .45s cubic-bezier(.2,.75,.25,1) both}@media(prefers-reduced-motion:reduce){.success-overlay,.success-message{animation:none}}