@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root { --ink:#080a08; --paper:#f0eee7; --acid:#c8ff36; --line:rgba(240,238,231,.2); --muted:#9b9d94; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.045; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-header { height:100px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:13px; text-transform:uppercase; font-size:11px; line-height:1.15; letter-spacing:.08em; font-weight:600; }
.brand b { color:var(--acid); }
.brand-mark { position:relative; width:30px; height:30px; display:block; transform:rotate(45deg); }
.brand-mark span,.brand-mark i { position:absolute; background:var(--acid); display:block; }
.brand-mark span { width:100%; height:8px; top:11px; }
.brand-mark i { width:8px; height:100%; left:11px; background:var(--paper); }
nav { display:flex; gap:34px; align-items:center; font:400 11px DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }
nav a { transition:color .2s; } nav a:hover { color:var(--acid); }
.nav-cta { border:1px solid var(--line); padding:14px 18px; } .nav-cta span { color:var(--acid); margin-left:12px; }
.hero { min-height:calc(100vh - 100px); padding:8vh 4vw 4vw; position:relative; overflow:hidden; }
.eyebrow,.section-number { font:400 10px DM Mono,monospace; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#c4c5bf; } .eyebrow span { width:7px; height:7px; background:var(--acid); border-radius:50%; box-shadow:0 0 14px var(--acid); }
h1 { font-weight:300; font-size:clamp(62px,10.3vw,158px); line-height:.83; letter-spacing:-.075em; margin:8vh 0 0; position:relative; z-index:2; }
em { font-family:'Instrument Serif',Georgia,serif; font-weight:400; color:var(--acid); }
.hero-lower { margin-top:8vh; display:flex; justify-content:space-between; align-items:flex-end; position:relative; z-index:3; }
.hero-lower p { max-width:430px; font-size:19px; line-height:1.55; font-weight:300; margin-left:34vw; }
.round-link { width:88px; height:88px; border:1px solid var(--line); border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; font:10px DM Mono,monospace; text-transform:uppercase; transition:.25s; }
.round-link:hover { background:var(--acid); color:var(--ink); transform:rotate(-8deg); }
.round-link span { font-size:20px; color:var(--acid); } .round-link:hover span { color:var(--ink); }
.orbital { width:min(47vw,680px); aspect-ratio:1; position:absolute; right:-9vw; top:17%; opacity:.48; }
.orbital img { width:100%; height:100%; object-fit:cover; border-radius:50%; mix-blend-mode:screen; animation:float 8s ease-in-out infinite; }
.orbit { position:absolute; border:1px solid rgba(200,255,54,.35); border-radius:50%; inset:8%; z-index:2; transform:rotateX(66deg) rotateZ(24deg); }
.orbit-two { inset:19%; transform:rotateY(68deg) rotateZ(-24deg); }
@keyframes float { 50% { transform:translateY(-14px) rotate(2deg); } }
.manifesto { background:var(--paper); color:var(--ink); padding:11vw 4vw; display:grid; grid-template-columns:1fr 3fr; gap:4vw; }
.section-number { margin:8px 0; color:#686b63; }
.big-copy { font-size:clamp(38px,5.8vw,86px); line-height:1.03; letter-spacing:-.055em; margin:0; font-weight:400; }
.big-copy.muted { color:#a8aaa3; font-family:'Instrument Serif',serif; font-style:italic; }
.split-copy { display:grid; grid-template-columns:1fr 1fr; gap:8vw; margin:8vw 0 0 25%; }
.split-copy p { font-size:16px; line-height:1.65; margin:0; }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); padding:0 4vw; }
.capabilities article { padding:6vw 3vw 7vw 0; border-right:1px solid var(--line); min-height:460px; display:flex; flex-direction:column; }
.capabilities article+article { padding-left:3vw; }
.capabilities article:last-child { border:0; }
.capabilities span { color:var(--acid); font:11px DM Mono,monospace; }
.capabilities h2 { font-size:clamp(30px,3vw,46px); line-height:1.04; letter-spacing:-.045em; font-weight:400; margin:55px 0 auto; }
.capabilities p { color:#a7a9a2; line-height:1.6; max-width:330px; font-size:14px; }
.beliefs { padding:10vw 4vw; background:var(--acid); color:var(--ink); display:grid; grid-template-columns:1fr 1fr; gap:10vw; }
.beliefs h2,.contact h2 { font-size:clamp(48px,7vw,104px); line-height:.9; letter-spacing:-.065em; font-weight:300; margin:70px 0 0; }
.beliefs h2 em { color:var(--ink); }
.belief-list { align-self:end; }
.belief-list div { border-top:1px solid rgba(8,10,8,.35); padding:22px 0; display:flex; justify-content:space-between; font-size:18px; }
.belief-list b { font:400 10px DM Mono,monospace; }
.contact { padding:11vw 4vw 8vw; text-align:center; }
.contact h2 { margin:5vw 0; }
.contact a { border-bottom:1px solid var(--acid); padding-bottom:8px; font:400 12px DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }
.contact a span { color:var(--acid); margin-left:12px; }
footer { padding:28px 4vw; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#878a82; font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }
@keyframes reveal { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:none; } }
.reveal { opacity:1; transform:none; }
.reveal.visible { animation:reveal .8s ease both; }
@media (max-width:780px) {
  .site-header { height:82px; } nav a:not(.nav-cta) { display:none; } .nav-cta { padding:11px; }
  .hero { min-height:900px; padding-top:7vh; } h1 { margin-top:8vh; font-size:18vw; }
  .orbital { width:88vw; right:-35vw; top:34%; }
  .hero-lower { margin-top:35vh; align-items:center; } .hero-lower p { margin:0; font-size:16px; max-width:68%; }
  .manifesto { grid-template-columns:1fr; padding:20vw 5vw; } .manifesto-copy { margin-top:12vw; }
  .split-copy { grid-template-columns:1fr; margin:15vw 0 0; gap:8vw; }
  .capabilities { grid-template-columns:1fr; padding:0 5vw; }
  .capabilities article,.capabilities article+article { padding:15vw 0; min-height:350px; border-right:0; border-bottom:1px solid var(--line); }
  .capabilities h2 { margin:35px 0 70px; }
  .beliefs { grid-template-columns:1fr; padding:20vw 5vw; gap:18vw; }
  .contact { padding:24vw 5vw 20vw; } .contact h2 { margin:16vw 0; }
  footer { gap:20px; flex-wrap:wrap; } footer span:nth-child(2) { display:none; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.orbital img{animation:none}.reveal{opacity:1;transform:none;transition:none} }