@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#f8f5ff;--muted:#b8b2c8;--night:#070713;--panel:#111020;--gold:#ffcc45;--violet:#a35df5;--line:rgba(255,255,255,.11);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 10%,rgba(119,58,202,.23),transparent 32%),linear-gradient(#080714,#040409);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(255,204,69,.65) 0 1px,transparent 1.5px);background-size:55px 55px,91px 91px;background-position:8px 13px,31px 19px;mask-image:linear-gradient(#000,transparent 92%)}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(7,7,19,.82);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px)}nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:700 .86rem "Space Grotesk";letter-spacing:.09em;text-transform:uppercase}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,204,69,.58);border-radius:50%;color:var(--gold)}.project-nav{display:flex;align-items:center;gap:18px}.project-nav>a,.project-nav button{text-decoration:none;color:#d7d2e1;font:500 .84rem "DM Sans";border:0;background:transparent}.project-nav>a:hover{color:#fff}.lang{position:relative}.lang-toggle{padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;cursor:pointer}.lang-menu{position:absolute;right:0;top:45px;width:180px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#0d0c1b;display:none}.lang.open .lang-menu{display:block}.lang-menu button{display:block;width:100%;padding:9px 10px;border-radius:8px;text-align:left;cursor:pointer}.lang-menu button:hover,.lang-menu button.active{color:var(--gold);background:rgba(255,255,255,.055)}
.projects-hero{position:relative;padding:190px 0 84px;text-align:center}.eyebrow{margin:0 0 18px;color:var(--gold);font:700 .76rem "Space Grotesk";letter-spacing:.2em;text-transform:uppercase}.projects-hero h1{margin:0;font:600 clamp(4rem,10vw,8.5rem)/.85 "Space Grotesk";letter-spacing:-.075em}.projects-hero p:last-child{max-width:700px;margin:28px auto 0;color:var(--muted);font-size:1.12rem;line-height:1.7}.project-list{padding:24px 0 130px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(16,15,31,.88);transition:transform .3s,border-color .3s,box-shadow .3s}.project-card:hover{transform:translateY(-6px);border-color:rgba(255,204,69,.4);box-shadow:0 25px 70px rgba(0,0,0,.38)}.project-banner{height:250px;position:relative;background-position:center;background-size:cover}.project-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(7,7,19,.94))}.project-banner span{position:absolute;z-index:1;left:26px;bottom:18px;color:#fff;font:600 clamp(3.2rem,7vw,5.8rem)/.85 "Space Grotesk";letter-spacing:-.07em}.kingdom-707{background-image:url('/assets/black-holes-pair.png')}.kingdom-713{background-image:radial-gradient(circle,transparent 0 16%,rgba(7,7,19,.45) 38%,rgba(7,7,19,.82) 70%),url('/assets/accretion-ring-circular.png');background-color:#090713}.project-body{display:flex;min-height:285px;padding:26px;flex-direction:column}.project-meta{color:var(--gold);font:600 .7rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase}.project-body h2{margin:12px 0 12px;font:600 2rem "Space Grotesk"}.project-body p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.project-role{margin-top:18px!important;color:#ddd7e8!important}.project-link{align-self:flex-start;margin-top:auto;padding-top:25px;color:var(--gold);font:700 .76rem "Space Grotesk";letter-spacing:.13em;text-decoration:none}.detail{display:grid;min-height:100vh;place-items:center;padding:130px 20px 60px}.detail-card{width:min(760px,100%);padding:clamp(32px,7vw,72px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(163,93,245,.17),rgba(12,11,25,.94));text-align:center}.detail-card h1{margin:12px 0 22px;font:600 clamp(3.2rem,9vw,6.5rem)/.9 "Space Grotesk";letter-spacing:-.07em}.detail-card p{max-width:600px;margin:0 auto 30px;color:var(--muted);font-size:1.05rem;line-height:1.7}.back{display:inline-flex;padding:12px 18px;border:1px solid rgba(255,204,69,.4);border-radius:999px;color:var(--gold);text-decoration:none;font-weight:700}
@media(max-width:720px){nav{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 0}.project-nav{gap:11px;flex-wrap:wrap;justify-content:flex-end}.project-nav>a{font-size:.75rem}.projects-hero{padding-top:170px}.project-grid{grid-template-columns:1fr}.project-banner{height:215px}.lang-menu{position:fixed;right:18px;top:74px}.project-body{min-height:270px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Kingdom 707 archive */
.single-project{grid-template-columns:minmax(0,760px);justify-content:center}.project-707 section{position:relative}.k707-hero{min-height:760px;padding:170px 0 100px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(255,185,44,.12),transparent 28%),radial-gradient(circle at 73% 44%,rgba(129,64,220,.16),transparent 46%)}.k707-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:70px}.k707-intro h1{max-width:720px;margin:0;font:600 clamp(4.2rem,9vw,8.7rem)/.82 "Space Grotesk";letter-spacing:-.075em}.k707-intro h1 span{display:block;color:var(--gold);text-shadow:0 0 44px rgba(255,204,69,.18)}.k707-lead{max-width:630px;margin:30px 0;color:#ddd8e8;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.55}.status-pill{display:inline-flex;max-width:100%;padding:10px 14px;border:1px solid rgba(255,204,69,.35);border-radius:999px;background:rgba(255,204,69,.07);color:var(--gold);font:700 .7rem/1.3 "Space Grotesk";letter-spacing:.13em;text-transform:uppercase}.k707-orbit{position:relative;width:min(39vw,460px);aspect-ratio:1;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 46% 43%,#0b0914 0 24%,#020205 25% 37%,rgba(255,169,35,.96) 39%,rgba(255,205,97,.38) 42%,rgba(121,54,209,.1) 48%,transparent 65%);filter:drop-shadow(0 0 36px rgba(255,162,29,.14))}.k707-orbit::before{content:"";position:absolute;inset:4%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(-18deg) scaleY(.58)}.k707-orbit strong{font:600 clamp(4rem,8vw,7.5rem)/1 "Space Grotesk";letter-spacing:-.08em;color:rgba(255,255,255,.94)}.k707-orbit .orbit-ring{position:absolute;inset:-5%;border:1px solid rgba(255,204,69,.55);border-radius:50%;transform:rotate(28deg) scaleY(.47)}.k707-orbit>span{position:absolute;left:6%;top:59%;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold)}
.story-section,.current-section,.farm-section,.purpose-section,.status-section{padding:120px 0;border-top:1px solid rgba(255,255,255,.06)}.narrative-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,9vw,130px);align-items:start}.section-no{margin:0 0 18px;color:var(--gold);font:700 .72rem "Space Grotesk";letter-spacing:.2em}.narrative-grid h2,.section-heading h2,.purpose-grid h2{margin:0;font:600 clamp(2.7rem,5.4vw,5.5rem)/.94 "Space Grotesk";letter-spacing:-.055em;overflow-wrap:break-word}.prose p,.two-column-copy p,.purpose-grid article>p,.section-heading>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.8}.prose p:first-child{margin-top:0}.context-note{margin-top:28px!important;padding:18px 20px;border-left:2px solid var(--gold);background:rgba(255,204,69,.05);color:#e7e1ed!important}.current-section{background:linear-gradient(110deg,rgba(163,93,245,.06),transparent 55%)}.section-heading{max-width:920px}.section-heading .status-pill{margin-top:28px}.two-column-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin-top:48px}.feature-strip{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:center;margin-top:70px;padding:40px;border:1px solid rgba(255,204,69,.2);border-radius:24px;background:linear-gradient(135deg,rgba(255,204,69,.08),rgba(18,14,32,.8))}.feature-strip h3{margin:8px 0 0;font:600 clamp(2rem,4vw,3.5rem)/1 "Space Grotesk"}.feature-strip>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.mini-label{margin:12px 0 0;color:var(--gold);font:700 .68rem "Space Grotesk";letter-spacing:.14em}.centered{text-align:center;margin:0 auto 55px}.centered>p:last-child{max-width:720px;margin:24px auto 0}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.resource-card{min-height:390px;padding:26px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(8,7,17,.86));transition:.3s}.resource-card:hover{transform:translateY(-5px);border-color:rgba(255,204,69,.3)}.resource-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--gold);font:700 1rem "Space Grotesk"}.resource-card h3{margin:26px 0 10px;font:600 1.7rem "Space Grotesk"}.resource-card>p{margin:0;color:var(--muted);line-height:1.65}.resource-card dl{margin:auto 0 0}.resource-card dl div{padding:12px 0;border-top:1px solid var(--line)}.resource-card dt{color:#898294;font-size:.65rem;letter-spacing:.12em}.resource-card dd{margin:5px 0 0;color:var(--gold);font-size:.72rem;font-weight:700}.future-fields{max-width:750px;margin:30px auto 0;color:#8f899a;text-align:center;font-size:.9rem}.purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.purpose-grid article{padding:clamp(28px,5vw,56px);border:1px solid var(--line);border-radius:24px;background:rgba(16,15,31,.72)}.purpose-grid h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.status-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;padding:clamp(30px,6vw,70px);border:1px solid rgba(255,204,69,.22);border-radius:28px;background:linear-gradient(130deg,rgba(163,93,245,.12),rgba(255,204,69,.05),rgba(8,7,18,.9))}.status-panel h2{margin:0 0 18px;font:600 clamp(2.7rem,5vw,5rem)/.9 "Space Grotesk";letter-spacing:-.06em}.status-panel>div>p:last-child{color:var(--muted);line-height:1.65}.status-list{margin:0}.status-list div{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.status-list dt{color:#ded9e8}.status-list dd{margin:0;color:var(--gold);font:700 .72rem "Space Grotesk";letter-spacing:.1em;text-align:right}.k707-cta{padding:150px 0;text-align:center;background:radial-gradient(circle at 50% 80%,rgba(163,93,245,.16),transparent 45%)}.k707-cta h2{max-width:850px;margin:0 auto;font:600 clamp(3rem,7vw,7rem)/.9 "Space Grotesk";letter-spacing:-.06em}.k707-cta>div>p:not(.eyebrow){max-width:650px;margin:30px auto;color:var(--muted);font-size:1.08rem;line-height:1.7}.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.primary-cta{display:inline-flex;padding:13px 20px;border-radius:999px;background:var(--gold);color:#09070f;text-decoration:none;font-weight:800}.k707-cta .back{font-size:.85rem}
@media(max-width:900px){.k707-hero-grid{grid-template-columns:1fr;text-align:center}.k707-intro h1,.k707-lead{margin-left:auto;margin-right:auto}.k707-orbit{width:min(72vw,400px)}.narrative-grid,.status-panel{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-grid{grid-template-columns:1fr}}
@media(max-width:620px){.k707-hero{min-height:auto;padding-top:190px}.k707-intro h1{font-size:clamp(3.7rem,19vw,5.3rem)}.story-section,.current-section,.farm-section,.purpose-section,.status-section{padding:82px 0}.two-column-copy,.feature-strip{grid-template-columns:1fr;gap:20px}.feature-strip{padding:28px;margin-top:45px}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:330px}.status-panel{padding:27px}.status-list div{display:block}.status-list dd{text-align:left;margin-top:8px}.project-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:3px}.project-nav>a{white-space:nowrap}.brand{width:100%}.k707-cta{padding:100px 0}}
