@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f5f3e9;--muted:#b5bcb5;--lime:#d4f56a;--bg:#101611}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.nav,main,footer{max-width:1440px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:30px 56px;border-bottom:1px solid #354033}.wordmark{font-weight:700;font-size:22px;letter-spacing:-1px}.wordmark span{color:var(--lime);padding-left:7px}nav{display:flex;align-items:center;gap:28px;font-size:13px}.small-cta{border:1px solid #6a755f;padding:12px 18px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;padding:76px 56px 84px;gap:42px;align-items:center}.eyebrow{font:11px/1.7 monospace;letter-spacing:1.6px;color:var(--lime);margin:0 0 24px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px}h1{font-size:clamp(50px,6.5vw,94px);line-height:.99;letter-spacing:-5px;margin:0 0 26px}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:400px;margin:0 0 30px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--lime);color:#17200b;padding:17px 24px;font-size:14px;font-weight:700}.cta:hover{background:#e2ff91}.quiet{font-size:12px!important;line-height:1.7;color:var(--muted);margin-top:14px}figure{margin:0;transform:rotate(1deg);background:#253127;border:1px solid #45523d;padding:8px}figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}figcaption{display:flex;justify-content:space-between;gap:12px;font:9px/1.6 monospace;color:#c3cdbb;padding:12px 5px 5px}.world{padding:60px 56px 70px;border-top:1px solid #354033;background:#18201a}.world-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.5px;line-height:1.08;margin:0 0 24px}.world-heading p,.community p{color:var(--muted);line-height:1.8;font-size:15px;max-width:530px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.details article{border-top:1px solid #516047;padding-top:20px}.details span{font:12px monospace;color:var(--lime)}h3{font-size:20px;margin:15px 0 10px}.details p{font-size:14px;color:var(--muted);line-height:1.8}.community{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding:80px 56px;align-items:center}.community .eyebrow{color:var(--lime);font-size:10px}.community-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.embed{padding:28px;background:#202920;border:1px solid #44523b;display:flex;align-items:center;flex-direction:column}.embed iframe{border:0;max-width:100%}.embed p{font:10px monospace;margin-bottom:0}footer{border-top:1px solid #354033;padding:30px 56px;display:flex;align-items:center;gap:30px;font-size:12px}footer span{margin-right:auto;font-weight:700}footer small{font-weight:400;color:var(--muted);padding-left:8px}footer a{color:var(--muted)}@media(max-width:850px){.nav{padding:20px 24px}nav{gap:14px}.hero{grid-template-columns:1fr;padding:45px 24px;gap:35px}h1{letter-spacing:-3px}.lead{max-width:560px}figure img{height:auto;min-height:0;object-fit:contain}figure{transform:none}.world{padding:40px 24px}.world-heading{grid-template-columns:1fr;gap:0}.details{gap:18px}.community{grid-template-columns:1fr;padding:45px 24px;gap:28px}footer{padding:25px 24px;flex-wrap:wrap}}@media(max-width:520px){.wordmark{font-size:18px}.small-cta{padding:9px 12px}.details{grid-template-columns:1fr}.embed{padding:16px 8px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep navigation and artwork usable at narrow widths and with keyboard input. */
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:10;padding:14px 20px;background:var(--lime);color:var(--bg);font-weight:700}
.skip-link:focus{transform:translateY(0)}
main:focus{outline:none}
nav a{min-height:44px;display:inline-flex;align-items:center}
.hero>*{min-width:0}
.embed{min-width:0}
.embed iframe{width:100%}
.embed p{text-align:center;line-height:1.8}
.embed p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.nav{flex-wrap:wrap;gap:12px;padding:18px 24px}nav{width:100%;justify-content:space-between;gap:12px}.hero{padding-top:36px}.cta{gap:12px;padding:16px 18px;max-width:100%}figcaption{flex-wrap:wrap}.community{gap:24px}.community-actions{align-items:flex-start}footer a{min-height:44px;display:inline-flex;align-items:center}}

.hero h1{font-size:clamp(40px,5.2vw,76px);letter-spacing:-2.5px}
