@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f0efe8;--ink:#171914;--muted:#6d7067;--line:#c9cbbf;--acid:#c7f04b;--blue:#3149d8;--mono:'DM Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.site{max-width:1120px;margin:auto;padding:0 54px}
.topbar{height:76px;border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:28px}.mark{font-weight:700;font-size:21px;letter-spacing:-.09em}.mark span{color:var(--blue)}.top-note,.topbar nav,.index,.count,.tag,.entry-no,.entry-meta,.text-link,footer,.hero-kicker{font:10px var(--mono);letter-spacing:.055em}.top-note{color:var(--muted)}.topbar nav{margin-left:auto;display:flex;gap:24px}.topbar nav a{font-size:9px}
.hero{position:relative;padding:82px 0 76px;border-bottom:1px solid var(--ink);overflow:hidden}.hero-kicker{color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--blue);display:inline-block;border-radius:50%}
h1{font-size:clamp(76px,13vw,150px);line-height:.78;letter-spacing:-.105em;margin:45px 0 38px;font-weight:600}.acid{color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;max-width:760px}.hero-intro{font-size:19px;line-height:1.35;max-width:440px;margin:0}.hero-stamp{font:10px/1.45 var(--mono);border:1px solid var(--ink);padding:10px 13px;transform:rotate(3deg);text-align:center}.hero-stamp span{font-size:22px;color:var(--blue)}.hero-grid-mark{position:absolute;right:5%;top:70px;color:var(--blue);font:38px/1.1 Georgia,serif;opacity:.8}
.research{padding:55px 0 75px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:18px}.index{color:var(--blue)}h2{font-size:36px;line-height:1.1;letter-spacing:-.06em;margin:9px 0 0;font-weight:500}.count{color:var(--muted)}
.entry{display:grid;grid-template-columns:62px 1fr 30px;gap:15px;padding:25px 0 27px;border-bottom:1px solid var(--line)}.entry-no{color:var(--blue);padding-top:3px}.tag{font-size:9px;color:var(--muted)}h3{font-size:25px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:7px 0}.entry-content p{font-size:13px;color:#55594f;max-width:620px;margin:0 0 12px}.entry-meta{font-size:9px;color:var(--muted)}.entry-meta i{font-style:normal;color:var(--blue);padding:0 5px}.entry-arrow{font-size:20px;color:var(--blue);padding-top:16px}
.other{border-top:1px solid var(--ink);padding:28px 0 76px;display:grid;grid-template-columns:1fr 1.1fr;gap:35px}.other p{margin:0;color:#55594f;max-width:390px;font-size:16px}.text-link{grid-column:2;color:var(--blue);font-size:9px}
footer{border-top:1px solid var(--ink);padding:20px 0 30px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}
.inner{max-width:760px;min-height:72vh;padding:65px 0 100px}.back{font:10px var(--mono);color:var(--blue)}.inner .index{display:block;margin-top:54px}.inner h1{font-size:clamp(48px,8vw,82px);line-height:.95;letter-spacing:-.075em;margin:22px 0}.lead{font-size:21px;line-height:1.4;max-width:650px;color:#55594f}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0;margin:30px 0}.details small{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:5px}.details span{font-size:13px}.prose{max-width:650px}.prose h2{font-size:25px;margin:35px 0 12px}.prose p,.prose li{color:#55594f}.download{display:inline-block;border:1px solid var(--ink);padding:11px 15px;margin-top:10px;font:10px var(--mono)}.download:hover{background:var(--acid);color:var(--ink)}
@media(max-width:650px){.site{padding:0 22px}.topbar{height:66px;gap:12px}.top-note{display:none}.topbar nav{gap:14px}.hero{padding:70px 0 58px}h1{margin:42px 0 30px}.hero-intro{font-size:17px;max-width:75%}.hero-grid-mark{right:2%;top:60px;font-size:29px}.section-head{align-items:start;gap:15px}.count{padding-top:5px;font-size:8px}.entry{grid-template-columns:35px 1fr 18px;gap:8px}h3{font-size:21px}.entry-content p{font-size:12px}.other{grid-template-columns:1fr;gap:18px}.text-link{grid-column:1}footer{flex-direction:column;gap:8px}.details{grid-template-columns:1fr}}
