:root { --ink:#111312; --paper:#e9e9e2; --muted:#8a8e87; --line:rgba(233,233,226,.18); --accent:#c7ef68; --serif:Georgia,'Times New Roman',serif; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
.site-shell { overflow:hidden; }
.wrap { width:min(1180px,calc(100% - 64px)); margin:0 auto; }
.nav { display:flex; justify-content:space-between; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
.wordmark { font-size:1.02rem; letter-spacing:-.04em; font-weight:650; }
.dot, em { color:var(--accent); }
.nav nav { display:flex; align-items:center; gap:32px; font-size:.75rem; color:var(--muted); }
.nav-cta { color:var(--paper); border-bottom:1px solid var(--accent); padding-bottom:5px; }
.nav-cta span,.text-link span,.button span { color:var(--accent); margin-left:7px; }
.hero { min-height:690px; display:grid; grid-template-columns:.94fr 1.06fr; gap:8vw; align-items:center; padding:74px 0 86px; }
.eyebrow,.section-index,figcaption,.field small { text-transform:uppercase; letter-spacing:.14em; font-size:.66rem; }
.eyebrow { color:var(--muted); display:flex; align-items:center; gap:10px; }
.pulse { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(199,239,104,.1); }
h1,h2,p { margin-top:0; }
h1 { max-width:650px; margin-bottom:30px; font-size:clamp(4rem,8vw,7.3rem); line-height:.88; letter-spacing:-.075em; font-weight:500; }
h1 em,h2 em { font-family:var(--serif); font-weight:400; letter-spacing:-.07em; }
.hero-lede { max-width:390px; margin-bottom:32px; font-size:1.02rem; line-height:1.5; color:#b4b7b0; }
.text-link { display:inline-block; font-size:.77rem; border-bottom:1px solid var(--line); padding-bottom:8px; }
.hero-visual { margin:0; position:relative; aspect-ratio:1/1; background:#d2d2c9; overflow:hidden; }
.hero-visual img { display:block; width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; }
figcaption { position:absolute; left:18px; bottom:16px; color:var(--ink); }
.manifesto,.fields { display:grid; grid-template-columns:1fr 2.2fr; gap:8vw; border-top:1px solid var(--line); padding:112px 0 126px; }
.principle-note { display:grid; grid-template-columns:1fr 2.2fr; gap:8vw; border-top:1px solid var(--line); padding:0 0 126px; }
.section-index { color:var(--muted); }
h2 { font-size:clamp(2.8rem,5.6vw,5.5rem); font-weight:450; letter-spacing:-.07em; line-height:.95; }
.manifesto-body>p { max-width:520px; color:#a8aca5; font-size:1.08rem; line-height:1.55; margin:38px 0 60px; }
.difference-body { display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:start; }
.difference-copy { padding-top:10px; max-width:520px; color:#a8aca5; font-size:1.08rem; line-height:1.55; }
.quiet-note { color:var(--muted); font-size:.88rem; margin-top:34px; }
.principles { border-top:1px solid var(--line); }
.principle { display:grid; grid-template-columns:50px 1fr 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); font-size:.85rem; }
.principle span,.field span { color:var(--accent); font-family:monospace; }
.principle p { color:var(--muted); margin:0; }
.fields { padding-top:0; }
.fields-body { display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:start; }
.field-list { border-top:1px solid var(--line); }
.field { display:grid; grid-template-columns:32px 1fr; padding:17px 0; border-bottom:1px solid var(--line); }
.field small { grid-column:2; color:var(--muted); letter-spacing:.08em; margin-top:7px; }
.closing { padding:110px 0 140px; border-top:1px solid var(--line); }
.closing h2 { margin:34px 0 44px; }
.contact-note { max-width:430px; color:var(--muted); font-size:.9rem; line-height:1.5; margin:-19px 0 32px; }
.button { display:inline-block; padding:15px 18px; border:1px solid var(--accent); color:var(--paper); font-size:.78rem; }
.footer { display:flex; justify-content:space-between; padding:20px 0 28px; color:var(--muted); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; border-top:1px solid var(--line); }
.footer a { color:var(--paper); }
@media (max-width:760px) { .wrap{width:min(100% - 36px,560px)} .nav{padding:21px 0} .nav nav a:first-child{display:none} .hero{display:block;min-height:auto;padding:88px 0 90px} h1{font-size:clamp(4.1rem,18vw,7rem);margin-top:28px} .hero-lede{font-size:.94rem} .hero-visual{margin-top:58px;width:100%} .manifesto,.fields,.principle-note{display:block;padding:78px 0 88px} .section-index{margin-bottom:52px} h2{font-size:clamp(3rem,13vw,5rem)} .manifesto-body>p{margin:30px 0 44px;font-size:1rem} .principle{grid-template-columns:35px 1fr;gap:12px} .principle p{grid-column:2;margin-top:-7px} .fields-body,.difference-body{display:block} .field-list{margin-top:54px} .difference-copy{margin-top:42px;font-size:1rem} .closing{padding:82px 0 110px} .footer{display:grid;gap:12px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }