.preview-scroll{max-height:850px;min-height:560px;scrollbar-width:thin;scrollbar-color:#526441 #161c13}.site-preview{container-type:inline-size;--project-background:#101628;--project-surface:#19233b;--project-ink:#f1f3ff;--project-muted:#aebbd6;background:var(--project-background)!important;color:var(--project-ink)!important;font-family:'DM Sans',sans-serif}.site-preview [hidden]{display:none!important}.site-preview .site-nav{height:auto;min-height:80px;margin:0 32px;gap:20px;border-color:color-mix(in srgb,var(--project-ink) 18%,transparent)}.site-preview .site-brand{color:var(--project-ink);font-size:26px;letter-spacing:-1px;max-width:50%}.site-preview .site-nav>div{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.project-nav-button{border:0;padding:8px 0;background:none;color:var(--project-muted);font-size:13px;cursor:pointer}.project-nav-button:hover,.project-nav-button[aria-current]{color:var(--accent)}.site-preview .site-hero{min-height:440px;padding:50px 36px;align-items:center}.site-preview .hero-copy{width:75%}.site-preview .site-kicker{color:var(--accent);font-size:10px;letter-spacing:1.6px;line-height:1.7;max-width:390px}.site-preview .hero-copy h2{font:500 clamp(38px,6.6cqw,66px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:25px 0 22px;white-space:pre-line;overflow-wrap:anywhere}.site-preview .hero-copy p{font-size:15px;color:var(--project-muted);line-height:1.8;max-width:430px;margin:0 0 25px}.site-preview .hero-button{font-size:14px;padding:13px 18px;border-radius:7px;background:var(--accent);color:var(--project-background)}.site-preview .hero-note{font-size:11px;color:var(--project-muted);margin-top:14px}.hero-links{display:inline-block;margin-left:14px}.manifesto-button{background:none;border:0;color:var(--project-ink);font-size:13px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--project-ink) 35%,transparent)}.site-preview .orbital{inset:60px -70px auto auto;width:340px;height:340px;opacity:.65;transform:none;pointer-events:none}.site-preview .ring{border-color:color-mix(in srgb,var(--accent) 48%,transparent);inset:0;transform:rotate(-35deg) scaleY(.75)}.site-preview .r2{inset:35px;transform:rotate(60deg) scaleY(.8)}.site-preview .orb{font:500 46px 'Space Grotesk',sans-serif;letter-spacing:-3px;position:absolute;inset:100px 30px;opacity:.28;transform:rotate(-20deg);color:var(--accent)}.hero-stamp{position:absolute;right:78px;bottom:18px;color:var(--accent);display:flex;align-items:center;gap:15px}.hero-stamp span{font-size:8px;letter-spacing:1.4px;line-height:1.6}.hero-stamp b{font-size:24px;font-weight:400}.site-preview .ticker{background:var(--project-surface);border-color:color-mix(in srgb,var(--project-ink) 18%,transparent);color:var(--project-muted);font-size:10px;padding:16px 25px;gap:25px}.site-preview .ticker b{color:var(--accent)}.project-about,.project-values,.project-roadmap,.project-faq{padding:44px 34px;border-bottom:1px solid color-mix(in srgb,var(--project-ink) 16%,transparent)}.project-eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--accent);line-height:1.6;display:block}.project-about{display:grid;grid-template-columns:115px minmax(0,1fr);gap:25px}.project-about h2,.project-section-head h2,.project-faq h2{font:500 29px/1.18 'Space Grotesk',sans-serif;letter-spacing:-1px;white-space:pre-line;margin:0 0 18px}.project-about p,.project-section-head p,.project-phase p,.project-faq p{font-size:14px;color:var(--project-muted);line-height:1.85;white-space:pre-line;margin:0;overflow-wrap:anywhere}.project-section-head h2,.project-faq h2{margin:15px 0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.principle{padding:22px 17px;background:var(--project-surface);border:1px solid color-mix(in srgb,var(--project-ink) 13%,transparent);border-radius:10px}.principle-number{color:var(--accent);font-size:12px}.principle h3{font:500 18px/1.3 'Space Grotesk',sans-serif;margin:25px 0 12px;letter-spacing:-.4px}.principle p{font-size:13px;line-height:1.75;color:var(--project-muted);margin:0}.project-phases{margin-top:25px}.project-phase{display:grid;grid-template-columns:30px 1fr auto;gap:18px;border-top:1px solid color-mix(in srgb,var(--project-ink) 16%,transparent);padding:22px 0}.phase-index{font-size:12px;color:var(--accent);padding-top:4px}.project-phase h3{font-size:17px;font-weight:500;margin:0 0 8px}.phase-label{align-self:start;font-size:8px;letter-spacing:.8px;color:var(--project-muted);border:1px solid color-mix(in srgb,var(--project-ink) 25%,transparent);border-radius:4px;padding:5px 6px}.project-faq details{border-top:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent);padding:17px 0}.project-faq summary{cursor:pointer;font-size:15px;line-height:1.5}.project-faq details p{margin-top:15px}.site-preview .paper-teaser{background:var(--project-surface);border-color:color-mix(in srgb,var(--project-ink) 16%,transparent);padding:34px;display:block}.site-preview .paper-teaser h3{color:var(--project-ink);font-size:27px}.site-preview .paper-teaser p{color:var(--project-muted);font-size:14px}.project-paper-link{display:inline-block;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:transparent;color:var(--accent);border-radius:6px;padding:13px 16px;margin-top:23px;font-size:14px;line-height:1.5}.project-paper-link:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.site-preview .preview-footer{margin:0 32px;border-color:color-mix(in srgb,var(--project-ink) 16%,transparent);padding:20px 0;color:var(--project-muted);font-size:11px}.site-preview .preview-footer b{color:var(--project-ink)}.site-preview .social-links{margin:25px 32px;flex-wrap:wrap}.site-preview .social-links:empty{display:none}.site-preview .social-links a{font-size:14px}.project-paper{padding:42px 34px}.project-paper-cover{padding-bottom:28px;border-bottom:1px solid color-mix(in srgb,var(--project-ink) 20%,transparent)}.project-paper h1{font:500 46px/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;white-space:pre-line;color:var(--project-ink);margin:25px 0}.project-paper-cover p{font-size:16px;color:var(--project-muted);line-height:1.8}.project-draft-label{display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-top:20px}.project-paper-index{display:grid;height:auto;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.project-paper-index button{background:none;border:0;padding:4px 0;text-align:left;color:var(--project-muted);font-size:12px;line-height:1.6}.project-paper-index button:hover{color:var(--accent)}.project-paper-body section{padding:27px 0;border-top:1px solid color-mix(in srgb,var(--project-ink) 16%,transparent);scroll-margin-top:20px}.project-paper-body h2{font:500 27px 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:12px 0 17px}.project-paper-body p{font-size:15px;color:var(--project-muted);line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;margin:0}.settings-pane select{width:100%;padding:11px;background:#121710;color:#e5eed9;border:1px solid #3d4832;border-radius:7px;font:14px 'DM Sans',sans-serif}.settings-pane #project-about-copy,.settings-pane #paper-section-copy{max-height:400px;font-size:14px}.settings-pane .style-options{grid-template-columns:repeat(2,1fr)}.site-preview .uploaded-hero{width:38%;opacity:.6;right:0}.site-preview.has-art .hero-copy{width:76%}
.site-preview[data-direction=ai] .site-hero{background-image:linear-gradient(#ab94ff09 1px,transparent 1px),linear-gradient(90deg,#ab94ff09 1px,transparent 1px);background-size:35px 35px}.site-preview[data-direction=ai] .hero-copy h2,.site-preview[data-direction=ai] .site-brand{font-family:monospace;letter-spacing:-2.5px}.site-preview[data-direction=ai] .ring{border-radius:14px;transform:rotate(25deg);inset:45px}.site-preview[data-direction=ai] .r2{inset:65px;transform:rotate(45deg)}.site-preview[data-direction=ai] .principle{border-radius:0;border-top:2px solid var(--accent)}.site-preview[data-direction=ai] .project-about{border-left:3px solid var(--accent);margin:35px;padding:15px 22px;grid-template-columns:1fr}.site-preview[data-direction=gaming] .hero-copy h2{font-weight:700;text-transform:uppercase;font-size:clamp(40px,8cqw,80px);font-style:italic;letter-spacing:-3px}.site-preview[data-direction=gaming] .ticker{background:var(--accent);color:var(--project-background);transform:rotate(-1.4deg);margin:0 -5px}.site-preview[data-direction=gaming] .ticker b{color:var(--project-background)}.site-preview[data-direction=gaming] .hero-button,.site-preview[data-direction=gaming] .principle{border-radius:0;box-shadow:4px 4px 0 color-mix(in srgb,var(--accent) 40%,transparent)}.site-preview[data-direction=gaming] .ring{border-radius:0;inset:30px;transform:rotate(20deg)}.site-preview[data-direction=gaming] .r2{inset:60px;transform:rotate(20deg)}.site-preview[data-direction=gaming] .project-about h2{text-transform:uppercase;font-style:italic;font-weight:700}.site-preview[data-direction=culture] .site-hero{min-height:470px}.site-preview[data-direction=culture] .hero-copy{width:95%}.site-preview[data-direction=culture] .hero-copy h2{font-family:Georgia,serif;font-size:clamp(40px,8.6cqw,82px);font-weight:400;letter-spacing:-3px}.site-preview[data-direction=culture] .orbital{opacity:.15;right:-140px;top:100px}.site-preview[data-direction=culture] .site-brand{font-family:Georgia,serif;font-weight:bold}.site-preview[data-direction=culture] .hero-button{color:#fff}.site-preview[data-direction=culture] .principle-grid{grid-template-columns:1fr}.site-preview[data-direction=culture] .principle{display:grid;grid-template-columns:30px 1fr 1.5fr;gap:18px;background:none;border-width:1px 0 0;border-radius:0;padding:22px 0}.site-preview[data-direction=culture] .principle h3{margin:0;font-family:Georgia,serif;font-size:21px}.site-preview[data-direction=culture] .project-about h2,.site-preview[data-direction=culture] .project-section-head h2,.site-preview[data-direction=culture] .project-paper h1,.site-preview[data-direction=culture] .project-paper-body h2{font-family:Georgia,serif;font-weight:400}.site-preview[data-direction=nature] .site-hero{margin:22px 22px 0;background:var(--project-surface);border-radius:90px 90px 12px 12px;min-height:430px;padding:45px 28px}.site-preview[data-direction=nature] .hero-copy{width:95%}.site-preview[data-direction=nature] .hero-copy h2,.site-preview[data-direction=nature] .project-about h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.site-preview[data-direction=nature] .orbital{opacity:.16;right:-170px}.site-preview[data-direction=nature] .hero-button{color:#fff;border-radius:30px}.site-preview[data-direction=nature] .ticker{background:none;margin:0 22px;border-top:0}.site-preview[data-direction=nature] .principle{border-radius:45px 45px 8px 8px;padding:28px 20px}.site-preview[data-direction=ocean] .site-hero{background:linear-gradient(145deg,#061e30,#0e4758);min-height:470px}.site-preview[data-direction=ocean] .hero-copy h2{font-weight:400;letter-spacing:-2px;font-size:clamp(40px,7.2cqw,70px)}.site-preview[data-direction=ocean] .orbital{right:-90px;top:60px;opacity:.5}.site-preview[data-direction=ocean] .ring{transform:rotate(25deg) scaleY(.6);inset:0 -50px;border-width:2px}.site-preview[data-direction=ocean] .r2{inset:35px -30px;transform:rotate(25deg) scaleY(.6)}.site-preview[data-direction=ocean] .principle{background:transparent;border-radius:0;border-width:0 0 1px}.site-preview[data-direction=ocean] .project-about{grid-template-columns:1fr}.site-preview[data-direction=music] .site-hero{min-height:490px;align-items:flex-end;background:linear-gradient(25deg,#251044,#592279)}.site-preview[data-direction=music] .hero-copy{width:95%}.site-preview[data-direction=music] .hero-copy h2{font-size:clamp(42px,8cqw,78px);font-weight:700;text-transform:uppercase;line-height:.98;letter-spacing:-3px}.site-preview[data-direction=music] .orbital{top:-100px;right:-10px;opacity:.22;transform:scale(1.5)}.site-preview[data-direction=music] .hero-button{border-radius:0;color:#301c20}.site-preview[data-direction=music] .ticker{background:var(--accent);color:#301c20}.site-preview[data-direction=music] .ticker b{color:#301c20}.site-preview[data-direction=music] .project-about{grid-template-columns:1fr}.site-preview[data-direction=music] .project-about h2{text-transform:uppercase;font-weight:700;font-size:35px}.site-preview[data-direction=music] .principle-grid{gap:0}.site-preview[data-direction=music] .principle{border-radius:0}
@container(max-width:520px){.site-preview .site-nav{margin:0 18px;gap:10px;flex-wrap:wrap;padding:17px 0;min-height:80px}.site-preview .site-brand{font-size:25px;max-width:100%}.site-preview .site-nav>div{gap:18px;justify-content:flex-start}.project-nav-button{font-size:12px}.site-preview .site-hero{padding:35px 22px;min-height:420px}.site-preview .hero-copy,.site-preview.has-art .hero-copy{width:100%}.site-preview .hero-copy h2{font-size:43px;letter-spacing:-2px}.site-preview .orbital{opacity:.15;right:-170px}.hero-links{margin:10px 0 0;display:block}.site-preview .hero-note{font-size:11px}.project-about,.project-values,.project-roadmap,.project-faq{padding:32px 22px}.project-about{grid-template-columns:1fr;gap:15px}.principle-grid{grid-template-columns:1fr}.principle{padding:22px}.principle h3{margin:15px 0 10px;font-size:21px}.principle p{font-size:14px}.project-phase{grid-template-columns:22px 1fr;gap:13px}.phase-label{grid-column:2;justify-self:start}.site-preview .paper-teaser{padding:30px 22px}.site-preview .preview-footer{margin:0 22px;font-size:10px;gap:10px}.project-paper{padding:32px 22px}.project-paper h1{font-size:39px}.project-paper-index{grid-template-columns:1fr}.site-preview[data-direction=culture] .hero-copy h2,.site-preview[data-direction=gaming] .hero-copy h2,.site-preview[data-direction=music] .hero-copy h2{font-size:47px}.site-preview[data-direction=culture] .principle{grid-template-columns:25px 1fr}.site-preview[data-direction=culture] .principle p{grid-column:2}.site-preview[data-direction=nature] .site-hero{padding:35px 20px;margin:17px 12px 0;border-radius:65px 65px 12px 12px}.site-preview[data-direction=ai] .project-about{margin:28px 20px;padding:12px 18px}.site-preview .uploaded-hero{width:75%;opacity:.16}.project-about h2,.project-section-head h2,.project-faq h2{font-size:28px}}
@media(max-width:760px){.preview-scroll{max-height:740px}.settings-pane select{font-size:16px}.preview-panel{min-height:600px}}

.site-preview[data-direction] .hero-button{color:var(--accent-ink,#101628)}