@font-face{font-family:'Clash Grotesk';src:url('/assets/fonts/ClashGrotesk-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Anton;src:url('/assets/fonts/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Anton,Impact,sans-serif;color:#fff;background:#000;font-synthesis:none;color-scheme:dark;--blue:#000}
*{box-sizing:border-box}
html{scrollbar-gutter:stable both-edges}
[hidden]{display:none!important}
body{margin:0;min-width:280px;min-height:100svh;background:var(--blue);overflow-x:hidden;display:flex;flex-direction:column}
button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}
button:disabled{cursor:default}
main{flex:1}
/* Clash Grotesk Bold with optical spacing around the flame. */
.composition{position:relative;z-index:0;pointer-events:none;padding-top:clamp(3rem,16svh,11rem);text-align:center}
.wordmark-entry{animation:arrive 650ms cubic-bezier(.22,1,.36,1) backwards}
.wordmark{position:relative;margin:0 0 calc(-.18em + 1.5rem);font-family:'Clash Grotesk',Arial,sans-serif;font-weight:700;font-size:min(30.5vw,28rem);line-height:1;letter-spacing:0;white-space:nowrap;color:#600018;opacity:.5355;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.08) 5%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.75) 76%,#000 84%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.08) 5%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.75) 76%,#000 84%);user-select:none;transform:translateY(clamp(-2rem,-2.5vw,-1rem))}
@supports(width:1cqw){.composition{container-type:inline-size}.wordmark{font-size:min(30.5cqw,28rem)}}
/* Clash Grotesk u reaches .514 em. Keep the flame below its top. */
.fireball{display:inline-block;position:relative;width:.5em;height:.514em;margin-left:.04em;margin-right:.024em;vertical-align:baseline;overflow:hidden;contain:paint;background:#000}
.fireball video{display:block;width:100%;height:100%;object-fit:fill}
.coming-soon{margin:clamp(.25rem,1vw,.8rem) 0 0;font-size:clamp(.9rem,1.2vw,1.15rem);line-height:1.5;font-weight:400;letter-spacing:.025em;color:#fff;white-space:pre}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.typed-message>span{opacity:1}
.intro-pending .typed-message>span{opacity:0}
.intro-pending .typed-message>.is-typed{opacity:1}
.last-dot{display:inline-block;opacity:1}
.typing-complete .last-dot{animation:blink-dot 1s step-end infinite}
.mailing-list{position:relative;z-index:1;width:min(100% - 2.5rem,29rem);margin:.8rem auto 0;text-align:center;visibility:visible;opacity:1;transform:none;transition:opacity 1200ms ease}
.intro-pending .mailing-list{visibility:hidden;opacity:0}
.mailing-list summary{touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:44px;padding:.6rem 1.1rem;border:1px solid #fff;border-radius:999px;cursor:pointer;font-size:1rem;line-height:1.4;list-style:none}
.mailing-list summary::-webkit-details-marker{display:none}
.mailing-list summary:focus-visible{outline:2px solid white;outline-offset:5px}
.mailing-list summary span{font-size:1.2rem;line-height:1;transition:transform .2s}
.mailing-list[open] summary span{transform:rotate(45deg)}
.signup-content{padding-top:.6rem;font-size:.9375rem;line-height:1.55}
.signup-content>p{margin:.45rem 0 .65rem}
.signup-content>p:first-child{font-size:1rem}
.signup-content a{color:inherit}
.signup-content .signup-note{font-size:.75rem;line-height:1.6;margin:.4rem auto 0;max-width:24rem}
.email-form{width:100%;margin:0 auto}
.email-fields{display:flex;gap:.6rem;flex-wrap:wrap}
.email-input{flex:1 1 13rem;min-width:0;width:100%;min-height:46px;font:inherit;font-size:16px;background:transparent;border:1px solid #fff;border-radius:999px;color:#fff;padding:11px 16px}
.email-input::placeholder{color:#fff;opacity:.85}
.email-input:focus{outline:2px solid #fff;outline-offset:3px}
.email-submit{flex:1 0 auto;min-height:46px;border:1px solid #fff;border-radius:999px;background:#000;color:#fff;font:inherit;padding:11px 20px}
.signup-content .signup-links{margin:8px 0 0;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:.5rem;line-height:28px}
.signup-links a{display:inline-block;min-height:28px;text-underline-offset:3px}
footer{position:relative;margin-top:1rem;padding:0 2.75rem max(1.5rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:1rem}
.social-links{grid-column:2;justify-self:center;display:flex;align-items:center;justify-content:center;gap:.75rem}
.social-links a{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:#fff;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:opacity .2s,transform .2s}
.social-links img{display:block;width:1.375rem;height:1.375rem;object-fit:contain}
@media(hover:hover) and (pointer:fine){.social-links a:hover{opacity:.75;transform:translateY(-2px)}}
.motion-toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid #ffffff66;border-radius:50%;color:#fff;background:transparent;transition:background .2s,border-color .2s}
.motion-toggle:hover{background:#ffffff17;border-color:#ffffffc4}
.motion-toggle svg{width:1.2rem;height:1.2rem}
.play-icon,.motion-paused .pause-icon{display:none}.motion-paused .play-icon{display:block}
.motion-paused .last-dot,.page-hidden .last-dot{animation-play-state:paused}
.motion-paused .mailing-list{transition:none}
.motion-paused .wordmark-entry,.page-hidden .wordmark-entry{animation-play-state:paused}
.no-script{text-align:center;font-size:.9rem;padding:1rem}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes blink-dot{0%,49%,100%{opacity:1}50%,99%{opacity:0}}
@media(max-width:600px){.composition{padding-top:24svh}footer{padding:0 1.25rem max(1.25rem,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 2.75rem}.social-links{grid-column:1;gap:0;width:min(100%,18rem)}.social-links a{flex:1;min-width:0}}
@media(max-height:500px) and (min-aspect-ratio:3/2){.composition{padding-top:2rem}}
@media(prefers-reduced-motion:reduce){.wordmark-entry{animation:none}.motion-toggle,.social-links a{transition:none}}
@media(prefers-reduced-motion:reduce){.mailing-list,.intro-pending .mailing-list{transform:none;transition:opacity 1200ms ease}.mailing-list summary span{transition:none}}

/* Reserve space for the expanded signup and social links on shorter screens. */
@media(max-height:850px){body:has(.mailing-list[open]) .composition{padding-top:clamp(1.5rem,6svh,4rem)}}
@media(max-width:600px){body:has(.mailing-list[open]) .composition{padding-top:clamp(1.5rem,calc(100svh - 32rem),24svh)}}
@media(min-width:601px) and (max-height:700px){body:has(.mailing-list[open]) .wordmark{font-size:min(30.5vw,28rem,max(8rem,calc((100svh - 24rem)/.82)))}}

@media(max-height:700px){body:has(.mailing-list[open]) footer{margin-top:0}}