@font-face{font-family:"Newsreader";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/newsreader-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300;font-display:swap;src:url(fonts/newsreader-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2")}

:root{
  --bg:#F2F1EC;--bg2:#E9E7E0;--paper:#FBFAF6;--ink:#14213D;--ink2:#26324F;--mute:#5A6172;--line:rgba(20,33,61,.14);--line2:rgba(20,33,61,.24);
  --stamp:#C8372D;--stamp-ink:#A82A21;--ok:#2F7A55;--btn-ink:#F2F1EC;
  --paper-shadow:0 1px 0 rgba(20,33,61,.04),0 18px 40px -24px rgba(20,33,61,.35);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gut:clamp(1rem,4vw,3.5rem);--ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0F1626;--bg2:#141D31;--paper:#F4F2EA;--ink:#EEF0F4;--ink2:#D5DAE5;--mute:#A3AABA;--line:rgba(238,240,244,.14);--line2:rgba(238,240,244,.26);--stamp:#E5574C;--stamp-ink:#E5574C;--ok:#5CC995;--btn-ink:#0F1626;--paper-shadow:0 18px 40px -24px rgba(0,0,0,.8);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0F1626;--bg2:#141D31;--paper:#F4F2EA;--ink:#EEF0F4;--ink2:#D5DAE5;--mute:#A3AABA;--line:rgba(238,240,244,.14);--line2:rgba(238,240,244,.26);--stamp:#E5574C;--stamp-ink:#E5574C;--ok:#5CC995;--btn-ink:#0F1626;--paper-shadow:0 18px 40px -24px rgba(0,0,0,.8);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit}
img,svg{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--stamp);outline-offset:3px;border-radius:4px}
.wrap{max-width:74rem;margin:0 auto;padding:0 var(--gut);width:100%}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--ink);color:var(--btn-ink);padding:.6rem 1rem;border-radius:0 0 8px 0}
.skip:focus{left:0}

/* ---------- type ---------- */
.eyebrow{font-size:.92rem;color:var(--mute);margin:0 0 1.1rem;display:flex;align-items:center;gap:.7rem}
.eyebrow::before{content:"";width:2rem;height:1px;background:var(--stamp);flex:0 0 auto}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:-.02em;margin:0}
h2{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.02;max-width:20ch;text-wrap:balance}
h2 em,h3 em{font-style:italic;color:var(--stamp)}
h3{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.12}
.lede{margin:1.4rem 0 0;font-size:1.15rem;color:var(--mute);max-width:38rem}
.lede strong{color:var(--ink);font-weight:500}
.mute{color:var(--mute)}
.num{font-family:var(--serif);font-weight:300;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.03em}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;min-height:3rem;padding:0 1.4rem;border-radius:999px;font-weight:500;font-size:1rem;text-decoration:none;border:1px solid transparent;transition:transform .2s var(--ease),background .2s,border-color .2s;cursor:pointer;font-family:var(--sans)}
.btn.main{background:var(--ink);color:var(--btn-ink)}
.btn.ghost{border-color:var(--line2);background:transparent;color:var(--ink)}
.btn.ghost:hover{border-color:var(--ink)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn .arr{transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}

/* ---------- sticky bar (after the hero) ---------- */
.bar{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem max(var(--gut),calc((100% - 74rem)/2 + var(--gut)));background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transform:translateY(-105%);transition:transform .35s var(--ease)}
.bar.show{transform:none}
.bar .pill{min-height:2.5rem;padding:0 1.05rem;font-size:.92rem}
.mark{font-family:var(--serif);font-size:1.4rem;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}
.mark i{width:.8rem;height:.8rem;border:1.5px solid var(--stamp);border-radius:50%;display:block;position:relative;flex:0 0 auto}
.mark i::after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--stamp)}
.barlinks{display:flex;gap:1.6rem;font-size:.92rem}
.barlinks a{text-decoration:none;color:var(--mute)}
.barlinks a:hover{color:var(--ink)}
@media (max-width:52rem){.barlinks{display:none}}

/* ---------- sections ---------- */
.sec{padding:clamp(5rem,11vw,9rem) 0 0}
.sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem 4rem;align-items:end}
.sec-head .lede{margin:0}
@media (max-width:52rem){.sec-head{grid-template-columns:minmax(0,1fr)}}
.rule{height:1px;background:var(--line);border:0;margin:0}

/* ---------- paper and stamps ---------- */
.paper{position:relative;background:var(--paper);color:#14213D;border-radius:4px;box-shadow:var(--paper-shadow)}
.paper .pm{color:#5A6172}
.lines{display:grid;gap:.55rem}
.lines i{display:block;height:.42rem;border-radius:2px;background:rgba(20,33,61,.12)}
.stamp{--r:-7deg;position:absolute;display:inline-block;padding:.32rem .75rem .28rem;border:2.5px solid var(--stamp);border-radius:6px;color:var(--stamp);font:600 .82rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;transform:rotate(var(--r));white-space:nowrap;background-clip:padding-box}
.paper .stamp{border-color:#C8372D;color:#C8372D}
.js .stamp[data-press]{opacity:0;transform:rotate(var(--r)) scale(1.35)}
.js .stamp[data-press].in{opacity:.92;transform:rotate(var(--r)) scale(1);transition:transform .32s cubic-bezier(.3,1.6,.5,1),opacity .12s linear}
.redact{display:inline-block;background:#14213D;color:transparent;border-radius:2px;user-select:none;line-height:1.1;vertical-align:baseline}

/* ---------- reveal ---------- */
.js [data-in]{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js [data-in].in{opacity:1;transform:none}

/* ---------- footer ---------- */
.foot{margin-top:clamp(5rem,10vw,8rem);border-top:1px solid var(--line);padding:2rem 0 calc(2.5rem + env(safe-area-inset-bottom,0px));color:var(--mute);font-size:.9rem}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem}
.foot a{text-decoration:none}.foot a:hover{color:var(--ink)}
.foot nav{display:flex;flex-wrap:wrap;gap:1.25rem}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}.js [data-in]{opacity:1;transform:none}.js .stamp[data-press]{opacity:.92;transform:rotate(var(--r))}}