:root{--black:#050708;--panel:#0a0d0f;--ink:#f2f3ed;--muted:#929b98;--acid:#e7ff63;--line:rgba(242,243,237,.16);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}body.dialog-open{overflow:hidden}a{color:inherit}button{font:inherit}.intro{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;overflow:hidden;transition:opacity 1.6s ease,visibility 1.6s}.intro.complete{opacity:0;visibility:hidden;pointer-events:none}.intro-line,.intro-mark{position:absolute;margin:0;text-align:center;opacity:0;color:#dfe3df;letter-spacing:.02em}.intro-line{font-size:clamp(1.15rem,2.2vw,1.8rem);font-weight:300}.intro-line-one{animation:introOne 3.2s ease .7s forwards}.intro-line-two{animation:introTwo 3.6s ease 3.8s forwards}.intro-mark{display:grid;gap:.75rem;animation:introMark 3.8s ease 7.5s forwards}.intro-mark strong{font-family:var(--mono);font-size:clamp(2.1rem,6vw,5.5rem);font-weight:500;letter-spacing:.22em;color:#fff}.intro-mark span{font-family:var(--mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--acid)}.intro-skip{position:absolute;right:2rem;bottom:2rem;z-index:2;border:0;border-bottom:1px solid #555;background:transparent;color:#8b918e;padding:.35rem 0;cursor:pointer;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.site-shell{opacity:.25;filter:blur(14px);transform:scale(1.012);transition:opacity 2s ease,filter 2.2s ease,transform 2.2s ease}.site-shell.revealed{opacity:1;filter:none;transform:none}.nav{height:84px;display:flex;align-items:center;gap:3rem;padding:0 clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em}.wordmark{text-decoration:none;font-family:var(--mono);font-size:1rem;letter-spacing:.16em;font-weight:500}.mark-dot{color:var(--acid)}.nav nav{display:flex;gap:2rem;margin-left:auto}.nav nav a{text-decoration:none;color:var(--muted);text-transform:uppercase}.nav nav a:hover{color:var(--ink)}.phase{color:var(--acid);border-left:1px solid var(--line);padding-left:2rem}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:10rem clamp(1.25rem,7vw,8rem) 5rem;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:8vw 8vw;opacity:.15;mask-image:linear-gradient(to bottom,transparent 6%,#000 45%,transparent 95%)}.hero-orbit{position:absolute;width:min(48vw,650px);aspect-ratio:1;right:-5vw;top:16%;border:1px solid rgba(231,255,99,.25);border-radius:50%;animation:slowSpin 28s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:12%;border:1px solid var(--line);border-radius:50%}.hero-orbit:after{inset:32%}.hero-orbit span{position:absolute;top:49%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 24px var(--acid)}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:var(--acid);margin:0 0 2rem;text-transform:uppercase}.hero h1,.section h2{font-size:clamp(2.8rem,6.5vw,7.2rem);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:0;position:relative}.hero h1{max-width:1200px}.hero h1 em,.section h2 em{font-style:normal;color:var(--muted)}.hero-copy{max-width:610px;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;color:#b9c0bd;margin:2.7rem 0}.enter-link,.text-link{align-self:flex-start;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--acid);padding:.25rem 0}.enter-link span,.text-link span{color:var(--acid);margin-left:.75rem}.hero-index{position:absolute;bottom:2rem;right:4rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;color:#5c6461}.section{border-top:1px solid var(--line);padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,8rem);position:relative}.section-number{position:absolute;left:1.5rem;top:2rem;font-family:var(--mono);font-size:.7rem;color:var(--acid)}.origin{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(4rem,10vw,12rem)}.origin-copy h2{font-size:clamp(2.8rem,5vw,5.8rem);margin-bottom:3.5rem}.origin-copy>p,.principle-head>p{max-width:680px;color:#adb4b1;font-weight:300;font-size:1.05rem}.origin-copy .lead{color:var(--ink)}blockquote{margin:2.5rem 0;padding:0 0 0 1.5rem;border-left:2px solid var(--acid);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.45;font-weight:300;max-width:780px}.text-link{display:inline-block;margin-top:2rem}.lineage{align-self:center;background:linear-gradient(145deg,rgba(231,255,99,.06),transparent 52%);border:1px solid var(--line);padding:clamp(2rem,4vw,4rem)}.lineage-node{display:flex;flex-direction:column;border:1px solid var(--line);padding:1.5rem}.lineage-node.root{border-color:rgba(231,255,99,.5)}.lineage-node span{font-family:var(--mono);letter-spacing:.16em}.lineage-node small{color:var(--muted);margin-top:.4rem}.lineage-stem{height:80px;border-left:1px solid var(--acid);margin-left:2rem}.lineage p{color:var(--muted);margin:2rem 0 0;font-size:.9rem}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem}.section-heading h2{font-size:clamp(3.2rem,7vw,7rem)}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.system-card{min-height:360px;padding:2.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column}.system-card:after{content:"";position:absolute;right:0;bottom:0;width:0;height:2px;background:var(--acid);transition:width .5s ease}.system-card:hover:after{width:100%}.system-card.featured{background:rgba(231,255,99,.035)}.card-index{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.system-card h3{font-family:var(--mono);font-size:clamp(2rem,5vw,4.5rem);letter-spacing:.08em;font-weight:400;margin:auto 0 1rem}.system-card p{max-width:550px;color:#abb2af;font-weight:300}.system-card .card-proof{color:var(--acid);font-family:var(--mono);font-size:.77rem;letter-spacing:.04em}.principles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4rem,10vw,12rem);align-items:end}.principle-head h2{font-size:clamp(3rem,6vw,6rem);margin-bottom:3rem}.laws{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.laws li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--line);font-size:1rem}.laws span{font-family:var(--mono);color:var(--acid);font-size:.7rem}.creator-section{padding-top:4rem;padding-bottom:4rem}.creator-details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-family:var(--mono);letter-spacing:.14em;font-size:.72rem;text-transform:uppercase;padding:1rem 0}.creator-details summary::-webkit-details-marker{display:none}.discover{color:var(--muted)}.discover b{font-weight:400;color:var(--acid);margin-left:1rem;font-size:1.1rem}.creator-details[open] .discover b{display:inline-block;transform:rotate(45deg)}.creator-content{display:grid;grid-template-columns:1fr auto;gap:clamp(3rem,9vw,10rem);padding:7rem 0 3rem;border-top:1px solid var(--line)}.creator-story{max-width:740px}.creator-story h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:3rem}.creator-story>p{color:#adb4b1;max-width:650px}.creator-name{font-family:var(--mono);font-size:1.2rem!important;color:var(--ink)!important;margin:2.5rem 0 .15rem}.creator-role{font-family:var(--mono);font-size:.72rem;color:var(--acid)!important;text-transform:uppercase;letter-spacing:.1em;margin-top:0}.portrait-button{width:min(3in,38vw);height:min(3.7in,47vw);padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:zoom-in;position:relative;align-self:center;overflow:hidden}.portrait-button img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1) contrast(1.05);opacity:.78;transition:filter .5s,opacity .5s,transform .8s}.portrait-button:hover img{filter:grayscale(.25);opacity:1;transform:scale(1.025)}.portrait-button span{position:absolute;left:1rem;bottom:1rem;background:#050708cc;padding:.35rem .6rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.portrait-dialog{width:min(7in,92vw);max-width:none;padding:0;border:1px solid rgba(242,243,237,.28);background:#050708;color:var(--ink);overflow:visible}.portrait-dialog::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(12px)}.portrait-dialog figure{margin:0}.portrait-dialog img{display:block;width:100%;max-height:78vh;object-fit:cover;object-position:50% 38%}.portrait-dialog figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-family:var(--mono)}.portrait-dialog figcaption strong{font-size:.8rem;letter-spacing:.04em}.portrait-dialog figcaption span{font-size:.65rem;letter-spacing:.08em;color:var(--acid);text-transform:uppercase}.dialog-close{position:absolute;right:-1px;top:-45px;width:44px;height:44px;border:1px solid var(--line);background:#050708;color:white;font-size:1.6rem;cursor:pointer}footer{border-top:1px solid var(--line);padding:5rem clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:5rem;background:#030404}.footer-statement p{font-weight:300;color:var(--muted);margin:2rem 0}.footer-statement strong{color:var(--acid);font-family:var(--mono);font-size:.78rem;letter-spacing:.08em}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2rem;font-family:var(--mono)}.footer-meta button{border:0;border-bottom:1px solid var(--line);padding:.3rem 0;background:transparent;color:var(--ink);cursor:pointer;text-transform:uppercase;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em}.footer-meta div{display:grid;gap:.4rem}.footer-meta div span,.footer-meta small{font-size:.63rem;letter-spacing:.14em;color:var(--muted)}.footer-meta time{font-size:.78rem}.footer-meta p{color:var(--muted);font-size:.75rem}@keyframes introOne{0%,100%{opacity:0;transform:translateY(6px)}18%,72%{opacity:1;transform:none}}@keyframes introTwo{0%,100%{opacity:0;transform:translateY(6px)}18%,72%{opacity:1;transform:none}}@keyframes introMark{0%{opacity:0;transform:scale(.98)}20%,75%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.01)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@media(max-width:800px){.nav nav,.phase{display:none}.nav{height:70px}.hero{padding-top:8rem}.hero h1 br{display:none}.hero-orbit{width:85vw;right:-45vw;top:22%}.hero-index{right:1.25rem}.origin,.principles{grid-template-columns:1fr}.origin{gap:5rem}.section-heading{display:block}.system-grid{grid-template-columns:1fr}.system-card{min-height:310px}.creator-content{grid-template-columns:1fr;padding-top:4rem}.portrait-button{width:min(3in,78vw);height:min(3.7in,96vw)}footer{grid-template-columns:1fr}.footer-meta{align-items:flex-start;text-align:left}.creator-details summary{gap:1rem}.discover{font-size:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-line,.intro-mark{animation:none}.intro-line,.intro-line-two{display:none}.intro-mark{opacity:1}.hero-orbit{animation:none}.site-shell{transition:none}.portrait-button img{transition:none}}
