:root { --ink:#080a0e; --paper:#f3f0e9; --gold:#d69b3a; --blue:#246bfe; --line:rgba(255,255,255,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.progress { position:fixed; inset:0 auto auto 0; height:2px; background:var(--gold); z-index:100; transition:width .1s linear; }
.nav { height:84px; display:flex; align-items:center; justify-content:space-between; color:#fff; position:absolute; z-index:20; left:50%; transform:translateX(-50%); border-bottom:1px solid var(--line); }
.wordmark { font-size:.8rem; font-weight:800; letter-spacing:.16em; }
.wordmark span { color:var(--gold); }
.navlinks { display:flex; align-items:center; gap:34px; font-size:.79rem; letter-spacing:.04em; }
.nav-cta { border:1px solid rgba(255,255,255,.45); padding:13px 17px; display:flex; gap:24px; align-items:center; }
.nav-cta:hover,.primary-button:hover { transform:translateY(-2px); }
.menu { display:none; background:none; border:0; width:40px; height:40px; padding:10px; }
.menu span { display:block; height:1px; background:#fff; margin:7px 0; }
.hero { min-height:780px; height:100svh; position:relative; background:#06080d; color:white; overflow:hidden; }
.hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.9; }
.hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,7,12,.98) 0%,rgba(5,7,12,.82) 32%,rgba(5,7,12,.12) 72%),linear-gradient(0deg,rgba(5,7,12,.7),transparent 36%); }
.hero-content { height:100%; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; padding-top:72px; }
.eyebrow { display:flex; align-items:center; gap:12px; letter-spacing:.15em; text-transform:uppercase; font-size:.7rem; font-weight:700; }
.eyebrow span { width:28px; height:1px; background:var(--gold); }
.hero h1 { margin:28px 0 18px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(5.2rem,11vw,9.6rem); line-height:.73; letter-spacing:-.07em; max-width:690px; font-weight:500; }
.hero h1 em,h2 em { font-weight:400; color:var(--gold); }
.dek { max-width:540px; color:#c6c9d2; font-size:1.17rem; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:36px; margin-top:26px; }
.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; padding:17px 20px; min-width:205px; background:var(--gold); color:#111; font-size:.8rem; font-weight:700; transition:.25s ease; }
.text-link { font-size:.82rem; border-bottom:1px solid #6c707b; padding:13px 0; }
.text-link span { margin-left:22px; color:var(--gold); }
.hero-note { position:absolute; z-index:2; right:4vw; bottom:44px; text-align:right; color:#b8bbc2; font-family:Georgia,serif; font-size:.86rem; line-height:1.5; }
.hero-note strong { color:#fff; font-weight:normal; }
.section-index { font-size:.68rem; font-weight:800; letter-spacing:.17em; color:#8b887f; white-space:nowrap; }
.manifesto { padding:145px 0; display:grid; grid-template-columns:1fr 3fr; gap:60px; }
.manifesto-copy { max-width:820px; }
.lead { font-family:Georgia,serif; font-size:clamp(2.3rem,5vw,4.4rem); line-height:1.08; letter-spacing:-.045em; margin:0; }
.statement { font-family:Georgia,serif; color:var(--blue); font-size:clamp(4.5rem,10vw,9rem); line-height:.92; letter-spacing:-.07em; margin:2px 0 65px; font-style:italic; }
.body-copy { margin:0 0 24px; font-size:1.12rem; line-height:1.75; max-width:680px; }
.muted-copy { color:#74736e; }
.contrast-band { background:var(--blue); color:white; padding:105px 0; }
.contrast-grid { display:grid; grid-template-columns:1fr 3fr; gap:60px; }
.contrast-grid>p { font-size:.67rem; font-weight:800; letter-spacing:.17em; margin:8px 0; }
blockquote { font-family:Georgia,serif; font-size:clamp(2.4rem,5vw,4.8rem); line-height:1.07; letter-spacing:-.045em; margin:0; max-width:900px; }
blockquote i { color:#96bbff; }
.inside { padding:145px 0; }
.section-heading { display:grid; grid-template-columns:1fr 3fr; gap:60px; margin-bottom:70px; }
.section-heading h2 { font-family:Georgia,serif; font-size:clamp(3rem,6vw,5.3rem); line-height:.98; letter-spacing:-.055em; margin:0 0 28px; font-weight:500; }
.section-heading>div:last-child>p { max-width:610px; color:#68665f; line-height:1.7; font-size:1rem; }
.chapter-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #c9c5bb; border-left:1px solid #c9c5bb; }
.chapter { min-height:300px; padding:28px; position:relative; border-right:1px solid #c9c5bb; border-bottom:1px solid #c9c5bb; transition:.3s; }
.chapter:hover { background:#0b0e15; color:white; transform:translateY(-5px); }
.chapter-number { font-size:.7rem; letter-spacing:.12em; color:#89867e; }
.chapter-arrow { position:absolute; right:28px; top:24px; color:var(--blue); }
.chapter h3 { font-family:Georgia,serif; font-size:2rem; font-weight:500; margin:90px 0 14px; }
.chapter p { color:#6e6b64; line-height:1.55; font-size:.9rem; max-width:270px; }
.chapter:hover p { color:#bfc2ca; }
.proof { background:#0b0e15; color:#fff; padding:140px 0; }
.proof-grid { display:grid; grid-template-columns:1fr 3fr; gap:60px; }
.proof .section-index { color:#727780; }
.proof-kicker { font-family:Georgia,serif; font-size:clamp(2.8rem,5vw,5rem); line-height:1.03; letter-spacing:-.045em; margin:0 0 42px; }
.proof-copy { max-width:720px; font-size:1.12rem; line-height:1.8; color:#c1c4cc; }
.proof-line { height:1px; width:100%; background:#313640; margin:45px 0 30px; }
.proof-small { max-width:610px; color:#8f949d; font-size:.9rem; line-height:1.7; }
.updates { background:#090b11; color:white; position:relative; overflow:hidden; padding:155px 0; text-align:center; }
.orb { position:absolute; width:650px; height:650px; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(36,107,254,.28),rgba(214,155,58,.11) 40%,transparent 68%); filter:blur(10px); }
.updates-inner { position:relative; display:flex; flex-direction:column; align-items:center; }
.updates h2 { font-family:Georgia,serif; font-size:clamp(3.3rem,7vw,6.5rem); line-height:.96; letter-spacing:-.055em; margin:30px 0; font-weight:500; }
.updates>.updates-inner>p:not(.eyebrow) { color:#aeb2bc; max-width:520px; line-height:1.65; }
.primary-button.light { margin-top:30px; background:#fff; }
.footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; background:var(--paper); font-size:.72rem; color:#6f6c64; }
.footer .wordmark { color:var(--ink); }
@media (max-width:800px) {
  .shell { width:min(calc(100% - 32px),1180px); }
  .nav { height:70px; }.menu { display:block; }
  .navlinks { display:none; position:absolute; left:0; right:0; top:70px; padding:25px; flex-direction:column; align-items:flex-start; background:#0b0e15; }
  .navlinks.open { display:flex; }
  .hero { min-height:720px; }.hero-image { object-position:63% center; opacity:.67; }
  .hero-wash { background:linear-gradient(90deg,rgba(5,7,12,.96),rgba(5,7,12,.42)),linear-gradient(0deg,rgba(5,7,12,.86),transparent 60%); }
  .hero h1 { font-size:clamp(4.4rem,24vw,7rem); }.dek { max-width:90%; font-size:1rem; }.hero-note { display:none; }
  .manifesto,.contrast-grid,.section-heading,.proof-grid { grid-template-columns:1fr; gap:36px; }
  .manifesto,.inside,.proof { padding:90px 0; }.statement { margin-bottom:45px; }
  .chapter-grid { grid-template-columns:1fr; }.chapter { min-height:250px; }.chapter h3 { margin-top:65px; }
  .updates { padding:110px 0; }.footer { padding:30px 0; flex-direction:column; gap:14px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }