:root{color-scheme:dark;--bg:#101311;--text:#edf0e8;--muted:#a7afa6;--line:#303a33;--accent:#91b879;--diagram-ring:#486342;--diagram-line:#688c5a;--accent-glow:rgba(145,184,121,.14);--accent-glow-strong:rgba(145,184,121,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:10;padding:.6rem 1rem;background:var(--accent);color:var(--bg)}
.skip-link:focus{top:1rem}
.site-shell{max-width:1440px;margin:auto;padding:0 clamp(1.4rem,5vw,5rem)}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;gap:1.0925rem;font-weight:650;letter-spacing:-.035em;font-size:1.05rem;text-decoration:none;white-space:nowrap}
.wordmark-name{font-family:Rajdhani,ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:1.357rem;letter-spacing:.012em;color:var(--text)}
.wordmark-accent{color:#c9635d}
.orbital-mark{display:block;width:34.5px;height:34.5px;flex:none}
.text-link:hover{color:var(--accent)}
.hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4rem;padding:clamp(4rem,8vw,8rem) 0}
.eyebrow,.section-index,.art-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}
.eyebrow{color:var(--accent);display:flex;align-items:center;gap:.75rem;margin:0 0 2rem}
.eyebrow-line{width:22px;height:1px;background:currentColor}
h1{font-size:clamp(3.2rem,8.2vw,8.5rem);line-height:.95;letter-spacing:-.075em;font-weight:500;margin:0}
h1 em{font-style:normal;color:var(--text)}
.hero-note{max-width:420px;color:var(--muted);font-size:1rem;margin:2.5rem 0 2rem}
.text-link{font-size:.87rem;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:.3rem;display:inline-flex;align-items:center;gap:1.7rem;transition:color .2s}
.hero-art{width:100%;max-width:500px;justify-self:end}
.art-frame{position:relative;aspect-ratio:1/1;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,#1e2920 0%,#141a16 45%,#101311 76%);overflow:hidden}
.art-frame:before,.art-frame:after{content:"";position:absolute;inset:12%;border:1px solid var(--diagram-ring);border-radius:50%;opacity:.42}
.art-frame:after{inset:28%;opacity:.5}
.art-label{position:absolute;color:var(--accent);z-index:2}.art-label-top{top:1.5rem;left:1.5rem}.art-label-bottom{right:1.5rem;bottom:1.5rem}
.field{position:absolute;inset:18%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;transform:rotate(-18deg)}
.trace{width:clamp(7px,1.2vw,14px);height:clamp(7px,1.2vw,14px);border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent-glow);position:relative}
.trace:after{content:"";position:absolute;left:50%;top:50%;width:210%;height:1px;background:var(--diagram-line);transform-origin:left center;opacity:.75}
.t1:after{transform:rotate(23deg)}.t2:after{transform:rotate(90deg)}.t3:after{display:none}.t4:after{transform:rotate(0deg)}.t5{background:var(--accent);box-shadow:0 0 30px var(--accent-glow-strong)}.t5:after{transform:rotate(90deg)}.t6:after{transform:rotate(90deg)}.t7:after{transform:rotate(-22deg)}.t8:after{transform:rotate(0deg)}.t9:after{display:none}
.content-section{display:grid;grid-template-columns:minmax(170px,27%) 1fr;gap:2rem;border-top:1px solid var(--line);padding:clamp(3rem,6vw,6rem) 0}
.section-index{color:var(--accent);padding-top:.6rem}
.section-body{max-width:760px}
h2{font-size:clamp(2rem,4vw,3.8rem);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:0 0 1.5rem}
.about p{color:var(--muted);font-size:clamp(1.04rem,1.7vw,1.3rem);max-width:550px;margin:0}
.site-footer{border-top:1px solid var(--line);min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--muted);font-size:.8rem}
.footer-link-area{display:flex;align-items:center;gap:1rem}
.footer-link-area[hidden]{display:none}
.links-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--accent)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0;font-size:.8rem}
.footer-links a{text-decoration:none;color:var(--muted);transition:color .2s}
.footer-links a+a:before{content:"·";color:var(--muted);display:inline-block;margin:0 .8rem}
.footer-links a:hover{color:var(--accent)}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:4rem;min-height:0}.hero-art{justify-self:start;max-width:440px}.content-section{grid-template-columns:1fr;gap:1.5rem}.section-index{padding:0}}
@media(max-width:560px){.site-header{min-height:90px}.hero{padding:4.5rem 0}.hero-note{margin:2rem 0}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:2rem 0}.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}