:root{--paper:#eee9dc;--ink:#17201d;--acid:#d0a15b;--blue:#6e9caa;--coral:#bc6b4b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit}
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.grain{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor{position:fixed;width:18px;height:18px;border:1px solid var(--acid);border-radius:50%;z-index:10;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s}
header{position:fixed;z-index:7;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 3vw;border-bottom:1px solid rgba(233,234,223,.18);backdrop-filter:blur(12px);background:rgba(17,23,19,.28)}
.logo{text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-.08em}
.logo span{color:var(--acid)}
nav{display:flex;gap:34px}
nav a,.pill{font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em}
.pill{border:1px solid rgba(233,234,223,.35);border-radius:40px;padding:12px 18px}
.menu{display:none;background:none;border:0;color:inherit}
.hero{position:relative;z-index:2;min-height:100svh;padding:120px 4vw 50px;display:flex;flex-direction:column;justify-content:center}
.kicker,.index,.section-head,.scroll,.readout,.disclaimer,footer{font:10px ui-monospace,monospace;letter-spacing:.16em}
.kicker{color:var(--acid);margin-bottom:28px}
.hero h1,.mission h2,.contact h2{font-size:clamp(3.7rem,8.5vw,8rem);line-height:.86;letter-spacing:-.065em;margin:0;font-weight:800}
.hero h1 em,.mission h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:transparent;-webkit-text-stroke:1px var(--paper)}
.hero-bottom{margin-top:45px;display:flex;justify-content:space-between;align-items:end}
.hero-bottom p{width:290px;line-height:1.5;color:#aeb8b1}
.explore{text-decoration:none;font:11px ui-monospace,monospace;letter-spacing:.13em}
.explore i{display:inline-block;width:9px;height:9px;background:var(--acid);border-radius:50%;margin-right:10px;box-shadow:0 0 25px var(--acid)}
.scroll{position:absolute;right:4vw;top:46%;writing-mode:vertical-rl;color:#9aa59e}
.scroll b{color:var(--acid);margin-top:12px}
.mission{position:relative;z-index:2;min-height:110svh;padding:12vh 4vw;display:grid;grid-template-columns:1fr 3fr;align-items:center;background:linear-gradient(to bottom,transparent 0,rgba(17,23,19,.75) 18%,rgba(17,23,19,.92) 80%,transparent)}
.mission h2,.contact h2{font-size:clamp(3rem,6.6vw,6.4rem);line-height:.92}
.mission h2 em{color:#cba56c;-webkit-text-stroke:0}
.mission>div>p{max-width:520px;margin:45px 0 0 auto;line-height:1.7;color:#aeb8b1}
.index{color:var(--acid);align-self:start}
.signals{position:relative;z-index:2;min-height:100svh;padding:15vh 4vw;background:#e8e9de;color:#121713}
.section-head{display:flex;justify-content:space-between}
.signal-grid{margin-top:15vh;border-top:1px solid #9da39c}
.signal{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) minmax(125px,auto);gap:20px;align-items:center;text-align:left;padding:25px 28px 25px 18px;border:0;border-bottom:1px solid #9da39c;background:none;color:inherit;cursor:pointer;transition:padding .25s}
.signal:hover,.signal.active{padding-left:28px;background:#d7bd91}
.signal strong{font-size:clamp(1.55rem,2.8vw,3rem);letter-spacing:-.035em}
.signal span,.signal small{font:11px ui-monospace,monospace}.signal small{text-align:right;line-height:1.35}
.readout{margin-top:50px;display:grid;grid-template-columns:auto 1fr;gap:8px 25px}
.readout b{font-size:12px}
.readout i{grid-column:1/-1;height:3px;background:linear-gradient(90deg,var(--ink) 68%,transparent 68%);animation:pulse 2s infinite}
.signal:focus-visible{outline:3px solid #111713;outline-offset:-4px}
.signal-detail{display:grid;grid-template-columns:minmax(180px,.7fr) 1.4fr auto;gap:4vw;align-items:end;margin-top:34px;padding:30px;border:1px solid #9da39c;background:rgba(255,255,255,.36)}
.signal-detail span{display:block;font:10px ui-monospace,monospace;letter-spacing:.13em}
.signal-detail strong{display:block;margin-top:8px;font-size:clamp(2.1rem,3.7vw,3.8rem);letter-spacing:-.045em}
.signal-detail p{max-width:520px;margin:0;line-height:1.55;color:#485149}
.signal-detail a{font:10px ui-monospace,monospace;letter-spacing:.12em;text-decoration:none;white-space:nowrap;border-bottom:1px solid;padding-bottom:7px}
.field{position:relative;z-index:2;min-height:150vh;padding:12vh 4vw;background:#111713}
.marquee{margin:58px -4vw;overflow:hidden;border-block:1px solid rgba(233,234,223,.2);padding:13px 0;font-size:clamp(1.35rem,2.8vw,2.8rem);white-space:nowrap;font-weight:700;letter-spacing:-.025em}
.marquee span{display:block;animation:marquee 22s linear infinite}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:2vw}
.cards article{min-height:630px;background:#dfe4da;color:#111713;padding:28px;display:flex;flex-direction:column}
.cards article:nth-child(2){margin-top:180px;background:#cadceb}
.cards span,.cards a{font:10px ui-monospace,monospace;letter-spacing:.12em}
.cards h3{font:650 clamp(2rem,3.5vw,3.5rem)/1.02 Arial;margin:24px 0}
.cards p{max-width:420px;line-height:1.5}
.cards a{margin-top:auto}
.orb{height:220px;border-radius:50%;filter:blur(1px);margin-bottom:25px;background:radial-gradient(circle at 35% 30%,#fff,transparent 12%),conic-gradient(from 180deg,var(--acid),#244d39,var(--coral),var(--acid));box-shadow:inset -30px -20px 55px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite}
.orb-b{background:radial-gradient(circle at 35% 30%,#fff,transparent 10%),conic-gradient(from 20deg,var(--blue),#1f3948,#eee,var(--blue));animation-delay:-2s}
.contact{position:relative;z-index:2;min-height:100svh;padding:14vh 4vw 5vh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#17231d,#0a0f0c)}
.contact h2{margin:50px 0}
.contact h2 em{color:#cba56c;-webkit-text-stroke:0}
.contact>a{display:flex;justify-content:space-between;text-decoration:none;border-block:1px solid rgba(233,234,223,.3);padding:24px 0;font:12px ui-monospace,monospace;letter-spacing:.14em}
.disclaimer{margin-top:55px;color:#7f8b84}
footer{position:relative;z-index:3;display:flex;justify-content:space-between;padding:22px 4vw;background:#080c0a;border-top:1px solid #37403a}
@keyframes marquee{to{transform:translateX(-50%)}
}
@keyframes float{50%{transform:translateY(-18px) rotate(4deg)}
}
@keyframes pulse{50%{opacity:.25}
}
@media(max-width:700px){.cursor,nav,.pill{display:none}
.menu{display:block}
.hero{padding-top:110px}
.hero h1{font-size:clamp(3.25rem,16vw,5.2rem)}
.hero-bottom{display:block}
.explore{display:block;margin-top:28px}
.scroll{display:none}
.mission{grid-template-columns:1fr;align-content:center}
.mission .index{margin-bottom:50px}
.mission>div>p{margin-left:0}
.signal{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:20px 16px}
.signal small{display:block;grid-column:2;text-align:left;margin-top:-6px;color:#566058}
.cards{grid-template-columns:1fr}
.cards article:nth-child(2){margin-top:0}
.cards article{min-height:540px}
.orb{height:170px}
.contact h2{font-size:clamp(3rem,14vw,4.8rem)}
footer span:last-child{display:none}
}
@media(max-width:700px){.signal-detail{grid-template-columns:1fr;padding:22px;gap:20px}.signal-detail a{justify-self:start}.marquee{font-size:clamp(1.25rem,6.5vw,2rem);margin-block:42px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}
.cursor{display:none}
}