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

:root { --ink:#e7e6df; --muted:#a4aaa1; --ground:#0b0f0e; --panel:#131917; --line:#28312d; --green:#bbd9a6; --acid:#d4ec71; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--ground); font-family:Manrope,Arial,sans-serif; font-size:16px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.grain { position:fixed; inset:0; opacity:.055; pointer-events:none; z-index:10; 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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.site-header, footer { display:flex; align-items:center; justify-content:space-between; padding:27px clamp(24px,5vw,78px); }
.wordmark { font-family:"DM Mono",monospace; font-size:.93rem; font-weight:500; letter-spacing:.18em; }
nav { display:flex; gap:clamp(15px,2.4vw,37px); } nav a { font-size:.76rem; font-weight:600; letter-spacing:.03em; color:var(--muted); } nav a:hover, .quiet-link:hover { color:var(--acid); }
.hero { min-height:720px; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:50px clamp(24px,10vw,160px) 95px; overflow:hidden; }
.eyebrow { margin:0 0 22px; color:var(--green); font-family:"DM Mono",monospace; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; } h1,h2 { font-family:"Instrument Serif",Georgia,serif; font-weight:400; line-height:.89; letter-spacing:-.035em; }
h1 { margin-bottom:27px; font-size:clamp(4.2rem,9vw,9.4rem); } .lede { max-width:430px; color:#c4c9c1; font-size:1.05rem; line-height:1.65; }
.quiet-link { display:inline-block; margin-top:16px; color:var(--ink); font-size:.83rem; font-weight:700; }.quiet-link span { padding-left:7px; color:var(--acid); }
.hero-object { position:relative; width:min(510px,89vw); aspect-ratio:1; justify-self:end; display:grid; place-items:center; }
.hero-object img { position:relative; z-index:2; width:63%; border-radius:22%; box-shadow:0 35px 90px #000b; }.orbital-line { position:absolute; border:1px solid #d4ec7155; border-radius:50%; transform:rotate(-35deg); }.line-one { width:98%; height:45%; }.line-two { width:72%; height:94%; transform:rotate(30deg); border-color:#bbd9a640; }.edition { position:absolute; right:0; bottom:12%; color:var(--green); font:500 .63rem/1.35 "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }.edition span { color:var(--muted); font-size:.53rem; }
.statement { display:grid; grid-template-columns:.82fr 1.18fr; gap:40px; padding:150px clamp(24px,10vw,160px); border-top:1px solid var(--line); background:var(--panel); }.statement h2,.principles h2,.closing h2 { font-size:clamp(3.6rem,7.3vw,7.6rem); margin-bottom:0; }.statement-copy { align-self:end; display:grid; gap:15px; max-width:470px; color:#c6cbc3; font-size:1.05rem; line-height:1.65; }.statement-copy p:last-child { margin-bottom:0; }
.machine { display:grid; grid-template-columns:1.18fr .82fr; min-height:500px; background:#d6ded1; color:#101612; }.machine-image { overflow:hidden; min-height:390px; }.machine-image img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.8) contrast(1.08); }.machine-caption { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; padding:clamp(40px,7vw,105px); }.machine-caption .rule { width:45px; height:2px; margin-bottom:26px; background:#1d3123; }.machine-caption p { margin-bottom:9px; font-family:"Instrument Serif",serif; font-size:clamp(2.2rem,4vw,4rem); line-height:.98; }.machine-caption small { max-width:220px; font:400 .76rem/1.6 "DM Mono",monospace; }
.principles { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:150px clamp(24px,10vw,160px); }.principles ol { padding:0; margin:0; list-style:none; border-top:1px solid var(--line); }.principles li { display:grid; grid-template-columns:64px 1fr; gap:12px; padding:25px 0 28px; border-bottom:1px solid var(--line); }.principles li>span { color:var(--green); font:400 .72rem "DM Mono",monospace; }.principles h3 { margin-bottom:6px; font-family:"Instrument Serif",serif; font-size:2rem; font-weight:400; line-height:1; }.principles li p { max-width:360px; margin-bottom:0; color:var(--muted); font-size:.9rem; line-height:1.6; }
.closing { display:flex; min-height:590px; padding:80px clamp(24px,10vw,160px); flex-direction:column; align-items:flex-start; justify-content:center; background:radial-gradient(ellipse at 80% 45%,#334b3a 0%,#182219 27%,#0b0f0e 70%); }.closing h2 { margin-bottom:33px; }.button { display:inline-flex; align-items:center; gap:28px; padding:15px 19px; background:var(--acid); color:#172015; font-size:.78rem; font-weight:700; }.button span { font-size:1rem; }
footer { border-top:1px solid var(--line); color:var(--muted); } footer p { margin:0; font-size:.7rem; } footer nav { gap:18px; } footer nav a { font-size:.7rem; }
.legal-page { max-width:790px; padding:70px clamp(24px,10vw,160px) 120px; }.legal-page header { margin-bottom:68px; }.legal-page h1 { font-size:clamp(4rem,8vw,7rem); }.legal-page .intro { max-width:620px; color:#c4c9c1; font-size:1.12rem; line-height:1.7; }.legal-page section { max-width:660px; padding:28px 0; border-top:1px solid var(--line); }.legal-page h2 { margin-bottom:13px; font-family:Manrope,sans-serif; font-size:1rem; font-weight:700; letter-spacing:0; line-height:1.35; }.legal-page p,.legal-page li { color:#c4c9c1; font-size:.96rem; line-height:1.7; }.legal-page ul { padding-left:20px; }.legal-page a:not(.wordmark) { color:var(--acid); text-decoration:underline; text-underline-offset:3px; }.legal-page time { display:block; margin:18px 0 0; color:var(--green); font:400 .72rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.support-hero { min-height:520px; }.support-list { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); margin:0 clamp(24px,5vw,78px) 110px; }.support-card { min-height:220px; padding:32px; background:var(--panel); }.support-card h2 { margin-bottom:13px; font-size:2.3rem; }.support-card p { color:var(--muted); font-size:.88rem; line-height:1.6; }.support-card a { color:var(--acid); font-weight:700; font-size:.85rem; }
.contact-section { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(45px,8vw,135px); padding:120px clamp(24px,10vw,160px); background:#101613; border-top:1px solid var(--line); }.contact-section h2 { margin-bottom:22px; font-size:clamp(3.4rem,6.3vw,6.3rem); }.contact-section>div>p:not(.eyebrow) { max-width:320px; color:var(--muted); line-height:1.65; }.contact-panel { padding:clamp(24px,4vw,46px); border:1px solid #425047; background:linear-gradient(145deg,#1c271f,#121814); }.contact-panel form { display:grid; gap:20px; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.contact-panel label { display:grid; gap:8px; color:#d9dfd5; font:500 .72rem "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }.contact-panel input,.contact-panel textarea { width:100%; resize:vertical; border:1px solid #526057; border-radius:0; padding:13px 14px; color:var(--ink); background:#0c110e; font:400 .96rem/1.4 Manrope,sans-serif; text-transform:none; letter-spacing:0; }.contact-panel input:focus,.contact-panel textarea:focus { outline:2px solid var(--acid); outline-offset:2px; }.contact-panel .button { width:max-content; border:0; cursor:pointer; }.contact-panel .button:disabled { opacity:.6; cursor:wait; }.honeypot { position:absolute; left:-9999px; }.form-status { min-height:1.5em; margin:0; color:#efb0a2; font-size:.85rem; }.form-success { min-height:330px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.form-success h3 { max-width:430px; margin:0 0 15px; font-family:"Instrument Serif",serif; font-size:clamp(2.4rem,4vw,4rem); font-weight:400; line-height:1; }.form-success p:not(.eyebrow) { max-width:360px; margin-bottom:22px; color:var(--muted); }.form-success .quiet-link { border:0; padding:0; background:none; cursor:pointer; }
@media (max-width:760px) { .site-header { padding-top:22px; } .site-header nav a:not(:last-child) { display:none; }.hero { min-height:680px; grid-template-columns:1fr; padding-top:72px; }.hero-object { margin:35px auto 0; justify-self:center; width:min(400px,92vw); }.edition { right:1%; }.statement,.principles,.machine { grid-template-columns:1fr; }.statement,.principles { gap:48px; padding-top:100px; padding-bottom:100px; }.machine-caption { min-height:310px; }.closing { min-height:480px; } footer { align-items:flex-start; flex-direction:column; gap:20px; } .support-list { grid-template-columns:1fr; }.legal-page { padding-top:45px; } }
@media (max-width:760px) { .contact-section,.field-row { grid-template-columns:1fr; }.contact-section { gap:48px; padding-top:90px; padding-bottom:90px; } }