:root{--accent:#b8323f;--accent-dark:#9c2a35;--line:#1a1a1a;--edge:#333;--dim:#777;--soft:#999;--ui:"Archivo Narrow", system-ui, sans-serif;--serif:"EB Garamond", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--display:"Bebas Neue", "Archivo Narrow", Impact, sans-serif}*{box-sizing:border-box}html,body{background:#000;margin:0}body{color:#fff;font-family:var(--ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--soft)}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}:focus-visible{outline-offset:2px;outline:2px solid #fff}@keyframes tick{0%,to{opacity:1}50%{opacity:.2}}.meta{font:400 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.lede{font:400 20px/1.5 var(--serif);color:var(--soft);text-wrap:pretty;max-width:44ch}.actions{flex-wrap:wrap;gap:12px;display:flex}.dot{background:#fff;border-radius:50%;flex:none;width:7px;height:7px;animation:1.6s infinite tick}.btn{font:600 14px var(--ui);letter-spacing:.18em;text-transform:uppercase;border:1px solid #0000;padding:18px 28px;display:inline-block}.btn-white{color:#000;background:#fff;border-color:#fff}.btn-white:hover{color:#000;background:#ccc}.btn-ghost{border-color:var(--edge);color:#fff}.btn-ghost:hover{color:#fff;border-color:#fff}.btn-red{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-red:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.nav{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#000000d9;justify-content:space-between;align-items:center;gap:16px;padding:22px 5vw;display:flex;position:sticky;top:0}.logo{font:600 18px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.logo:hover{color:#fff}.nav-links{font:500 12px var(--ui);letter-spacing:.18em;text-transform:uppercase;gap:32px;display:flex}.nav-actions{font:500 12px var(--ui);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:24px;display:flex}.nav-login{color:var(--soft)}.nav-login:hover{color:#fff}.nav-join{border:1px solid #fff;padding:10px 18px;font-weight:600}.nav-join:hover{color:#000;background:#fff}.hero{border-bottom:1px solid var(--line);gap:40px;padding:12vh 5vw 8vh;display:grid}.live{align-items:center;gap:10px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loop{grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:clamp(16px,2.5vw,40px);list-style:none;display:grid}.loop-step{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.loop-n{font:400 clamp(14px, 1.4vw, 22px) var(--mono);letter-spacing:.1em;color:var(--dim)}.loop-word{font:400 clamp(64px, 14vw, 200px)/.9 var(--display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;animation:4.2s infinite loop-hot}.loop-step:nth-child(2) .loop-word{animation-delay:-2.8s}.loop-step:nth-child(3) .loop-word{animation-delay:-1.4s}.loop-text{font:400 clamp(17px, 1.5vw, 22px)/1.45 var(--serif);color:var(--soft);text-wrap:pretty;max-width:36ch;padding-left:clamp(8px,2vw,40px)}@keyframes loop-hot{0%,26%{color:var(--accent)}33.3%,93%{color:#fff}to{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.loop-word{animation:none}.loop-step:first-child .loop-word{color:var(--accent)}}.section{border-bottom:1px solid var(--line);padding:10vh 5vw}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:36px;display:flex}.section-head h2{font:600 clamp(36px, 5vw, 72px)/1 var(--ui);text-transform:uppercase;letter-spacing:.02em}.serif-h2{font:400 clamp(36px, 4.5vw, 64px)/1.05 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin-top:14px}.table{grid-template-columns:minmax(0,1fr) auto auto;column-gap:32px;display:grid}.table-head,.table-body,.row,.row-link{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.table-head{font:400 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid #fff;padding-bottom:10px}.table-head span:not(:first-child){text-align:right}.row-link{border-bottom:1px solid var(--line);color:#fff;align-items:baseline;row-gap:6px;padding:26px 0}.row-link:hover{color:#fff;background:#070707}.row-info{min-width:0}.row-title{font:500 clamp(22px, 2.6vw, 36px)/1.05 var(--ui);text-transform:uppercase}.row-rule{font:400 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:8px}.row-still{font:500 clamp(22px, 2.6vw, 36px) var(--mono);text-align:right;font-variant-numeric:tabular-nums}.row-finish{font:400 clamp(16px, 1.6vw, 22px) var(--mono);text-align:right;color:var(--dim)}.how{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px 64px;display:grid}.steps li{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:20px;padding:22px 0;display:grid}.steps .n{font:400 14px var(--mono);color:var(--dim)}.steps h3{font:500 24px var(--ui);text-transform:uppercase;letter-spacing:.02em}.steps p{font:400 18px/1.45 var(--serif);color:var(--soft);text-wrap:pretty;margin-top:6px}.steps .end{padding:0;display:block}.number{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px;display:grid}.big{font:500 clamp(96px, 16vw, 240px)/1 var(--mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-top:10px}.big-label{font:600 16px var(--ui);letter-spacing:.2em;text-transform:uppercase}.quote{font:400 clamp(26px, 2.6vw, 40px)/1.3 var(--serif);text-wrap:pretty;justify-self:end;max-width:22ch}.room{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;display:grid}.room .lede{margin-top:20px}.chat{border:1px solid var(--line);flex-direction:column;gap:20px;padding:28px;display:flex}.chat-head{font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.event{text-align:center;font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.msg-head{font:400 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);gap:10px;display:flex}.msg-head .who{color:#fff}.msg-head time{margin-left:auto}.msg-body{font:400 18px/1.4 var(--serif);text-wrap:pretty;margin-top:4px}.pending{border-top:1px solid var(--line);padding-top:16px}.pending .name{font:500 20px var(--ui);text-transform:uppercase}.pending .meta{letter-spacing:.1em;margin-top:3px;font-size:11px}.join{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:32px;padding:14vh 5vw;display:flex}.giant{font:600 clamp(64px, 14vw, 220px)/.9 var(--ui);text-transform:uppercase;letter-spacing:-.02em}.join .lede{max-width:40ch}.join .actions{justify-content:center}.join .btn{padding:20px 36px}.footer{font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:32px 5vw;display:flex}.footer a{color:var(--dim)}.footer a:hover{color:#fff}@media (width<=899px){.loop{grid-template-columns:auto minmax(0,1fr)}.loop-step{display:contents}.loop-n{grid-column:1}.loop-word{grid-column:2}.loop-step:first-child>.loop-n,.loop-step:first-child>.loop-word{grid-row:1}.loop-step:nth-child(2)>.loop-n,.loop-step:nth-child(2)>.loop-word{grid-row:2}.loop-step:nth-child(3)>.loop-n,.loop-step:nth-child(3)>.loop-word{grid-row:3}.loop-text{grid-column:1/-1;grid-template-columns:40px minmax(0,1fr);max-width:46ch;margin-top:16px;padding-left:0;display:grid}.loop-text:before{content:attr(data-n);font:400 12px var(--mono);letter-spacing:.1em;color:var(--dim);padding-top:6px}.loop-step:first-child>.loop-text{grid-row:4;margin-top:36px}.loop-step:nth-child(2)>.loop-text{grid-row:5}.loop-step:nth-child(3)>.loop-text{grid-row:6}}@media (width<=759px){.nav{padding:16px}.nav-links{display:none}.nav-actions{gap:16px}.hero,.section{padding-left:16px;padding-right:16px}.hero{padding-top:8vh}.hero .actions,.quote{justify-self:start}.table{column-gap:16px}.chat{padding:20px}.join,.footer{padding-left:16px;padding-right:16px}}
