:root{--paper:#0a0908;--paper-2:#12100c;--raise:#17140f;--ink:#f5efe4;--mid:#b1a894;--dim:#6b6353;--rule:#26221b;--rule-2:#3a3226;--accent:#d4a574;--accent-2:#ecc891;--live:#b6d18a;--ease:cubic-bezier(.16, 1, .3, 1);--gut:clamp(20px, 5vw, 72px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font:400 16px/1.6 Helvetica Neue,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{max-width:1180px;padding:0 var(--gut);z-index:1;margin:0 auto;position:relative}.bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 0%, #d4a5741a, transparent 70%), radial-gradient(ellipse 80% 60% at 100% 100%, #d4a5740f, transparent 65%), linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);position:fixed;inset:0}.bg:after{content:"";opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}header{z-index:1;padding:clamp(80px,14vh,140px) 0 clamp(50px,8vh,80px);position:relative}.tag{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.tag:before{content:"";background:var(--accent);opacity:.7;width:28px;height:1px;display:inline-block}h1{letter-spacing:-.045em;max-width:15ch;color:var(--ink);margin-top:28px;font:800 clamp(44px,8vw,96px)/1.02 Helvetica Neue,Helvetica,Arial,sans-serif}h1 i{color:var(--mid);font-style:normal}h1 em{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:11s linear infinite h1-shine}@keyframes h1-shine{0%{background-position:0 0}to{background-position:200% 0}}.split-word{white-space:nowrap;display:inline-block}.split-char{opacity:0;animation:split-in .75s var(--ease) forwards;display:inline-block;transform:translateY(.5em)}@keyframes split-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.split-char{opacity:1;animation:none;transform:none}h1 em{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:var(--accent);animation:none}}.lede{max-width:54ch;color:var(--mid);margin-top:30px;font-size:clamp(16.5px,2vw,20px);line-height:1.55}.bar{border-top:1px solid var(--rule);letter-spacing:.06em;color:var(--dim);flex-wrap:wrap;gap:10px 32px;margin-top:44px;padding-top:26px;font:500 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.bar b{color:var(--ink);font-weight:600}.bar b.gold{color:var(--accent)}main.wrap{z-index:1;position:relative}.grid{gap:clamp(28px,4.5vw,52px);padding-bottom:clamp(60px,12vh,120px);display:grid}@media (min-width:820px){.grid{grid-template-columns:1fr 1fr}.card.lead{grid-column:1/-1}}.card{display:block}.shot{aspect-ratio:16/10;background:var(--raise);border:1px solid var(--rule);transition:transform .5s var(--ease), border-color .4s ease, box-shadow .5s ease;isolation:isolate;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 20px 60px -30px #000000e6}.card.lead .shot{aspect-ratio:21/9}.shot:after{content:"";z-index:3;pointer-events:none;transition:transform .9s var(--ease);background:linear-gradient(115deg,#0000 30%,#fff0d229 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.card:hover .shot:after{transform:translate(120%)}.shot img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s var(--ease), filter .5s ease;filter:saturate(.92)contrast(1.02);display:block}.card:hover .shot{border-color:var(--rule-2);transform:translateY(-6px);box-shadow:0 30px 70px -20px #000c,0 0 0 1px #d4a5742e}.card:hover .shot img{filter:saturate(1.05)contrast(1.05);transform:scale(1.03)}.live{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:#0a0908c7;border:1px solid #d4a57440;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex;position:absolute;top:14px;left:14px}.live:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse;box-shadow:0 0 #b6d18ab3}@keyframes pulse{0%{box-shadow:0 0 #b6d18a8c}70%{box-shadow:0 0 0 10px #b6d18a00}to{box-shadow:0 0 #b6d18a00}}.meta{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:20px;display:flex}.meta h2{letter-spacing:-.02em;color:var(--ink);font:600 clamp(20px,2.3vw,26px)/1.15 Helvetica Neue,Helvetica,Arial,sans-serif}.card.lead .meta h2{font-size:clamp(24px,2.8vw,34px)}.host{color:var(--accent);opacity:.85;font:400 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.what{color:var(--mid);max-width:60ch;margin-top:10px;font-size:15.5px;line-height:1.55}.built{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.built span{border:1px solid var(--rule);color:var(--dim);background:#ffffff04;border-radius:99px;padding:5px 11px;font:400 11.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}footer{border-top:1px solid var(--rule);z-index:1;padding:clamp(56px,10vh,100px) 0;position:relative}footer h3{letter-spacing:-.03em;max-width:22ch;color:var(--ink);font:600 clamp(26px,4.2vw,44px)/1.1 Helvetica Neue,Helvetica,Arial,sans-serif}footer h3 span{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.contact{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.contact a{border:1px solid var(--rule);transition:background .3s ease, border-color .3s ease, transform .4s var(--ease), color .3s ease;border-radius:99px;padding:14px 24px;font-size:14px}.contact a:hover{border-color:var(--accent);color:var(--ink);background:#d4a57414;transform:translateY(-2px)}.contact a.solid{background:var(--accent);color:var(--paper);border-color:#0000;font-weight:600}.contact a.solid:hover{background:var(--accent-2);color:var(--paper)}.fine{color:var(--dim);margin-top:36px;font:400 11.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.magnet{transition:transform .35s var(--ease);will-change:transform;display:inline-block}