:root{--bg: #0b0a09;--bg-2: #131210;--fg: #f4efe6;--read: #cfc8ba;--muted: #8a8378;--accent: #d97757;--line: rgba(244, 239, 230, .09)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:#0b0a09b8;border-bottom:1px solid var(--line);padding:16px 40px;display:flex;justify-content:space-between;align-items:center}.topbar a,.topbar span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.topbar .mark{font-family:"DM Serif Display",serif;font-style:italic;font-size:18px;letter-spacing:0;text-transform:none;color:var(--fg)}.topbar .meta{color:var(--accent)}.hero{min-height:92vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 40px;gap:40px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:-10%;width:75%;height:75%;background:radial-gradient(circle,rgba(217,119,87,.18) 0%,transparent 70%);transform:translateY(-50%);z-index:0}.hero .left{position:relative;z-index:1}.hero .kicker{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:28px}.hero h1{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(68px,10.5vw,150px);line-height:.9;letter-spacing:-.03em;margin-bottom:30px}.hero h1 em{font-style:italic;color:var(--accent)}.hero .strap{font-size:18px;color:#b8b1a5;max-width:440px;line-height:1.6}.hero .right{position:relative;z-index:1;text-align:right;align-self:end;padding-bottom:64px}.hero .stat-row{display:flex;flex-direction:column;gap:30px;align-items:flex-end}.hero .stat .num{font-family:"DM Serif Display",serif;font-size:60px;line-height:1}.hero .stat .lab{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-top:4px}.hero .scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);z-index:1}.pull{padding:150px 40px;max-width:1100px;margin:0 auto}.pull .opener-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:36px}.pull blockquote{font-family:"DM Serif Display",serif;font-style:italic;font-size:clamp(32px,4.6vw,64px);line-height:1.12;letter-spacing:-.015em;color:var(--fg)}.pull blockquote .accent{color:var(--accent)}.pull .attribution{margin-top:36px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.callouts{max-width:1100px;margin:0 auto;padding:0 40px 140px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.callout{border:1px solid var(--line);border-radius:6px;padding:32px;background:linear-gradient(160deg,rgba(217,119,87,.05),transparent);transition:transform .3s,border-color .3s}.callout:hover{transform:translateY(-6px);border-color:#d9775766}.callout .mark{font-family:"DM Serif Display",serif;font-style:italic;font-size:40px;color:var(--accent);line-height:1;margin-bottom:18px}.callout p{font-family:"DM Serif Display",serif;font-style:italic;font-size:21px;line-height:1.35;color:var(--fg);margin-bottom:16px}.callout .src{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.letters-section{padding:30px 40px 0;border-top:1px solid var(--line)}.letters-section .head{max-width:1100px;margin:80px auto 24px;display:flex;justify-content:space-between;align-items:baseline}.letters-section h2{font-family:"DM Serif Display",serif;font-size:56px;font-weight:400;letter-spacing:-.02em}.letters-section .count{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.tagbar{max-width:1100px;margin:0 auto 24px;display:flex;flex-wrap:wrap;gap:10px}.chip{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 13px;transition:all .2s}.chip:hover,.chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.letters{max-width:1100px;margin:0 auto;padding-bottom:40px}.letter{display:grid;grid-template-columns:80px 1fr 220px 90px;gap:30px;padding:30px 16px;border-top:1px solid var(--line);align-items:baseline;transition:padding-left .25s,background .25s}.letter:last-child{border-bottom:1px solid var(--line)}.letter:hover{padding-left:30px;background:linear-gradient(90deg,rgba(217,119,87,.07),transparent)}.letter:hover .title,.letter:hover .num{color:var(--accent)}.letter .num{font-family:"DM Serif Display",serif;font-style:italic;font-size:34px;line-height:1;color:#4a4640;transition:color .25s}.letter .title{font-family:"DM Serif Display",serif;font-size:30px;line-height:1.1;letter-spacing:-.01em;transition:color .25s}.letter .title .tags{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}.letter .title .tg{font-family:JetBrains Mono,monospace;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.letter .preview{font-size:14px;color:var(--muted);line-height:1.5}.letter .when{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);text-align:right}.letter .title .draft{font-family:JetBrains Mono,monospace;font-style:normal;font-size:10px;letter-spacing:.2em;background:var(--accent);color:var(--bg);padding:3px 8px;border-radius:2px;margin-left:12px;vertical-align:middle}footer{margin-top:100px;padding:64px 40px 48px;border-top:1px solid var(--line);text-align:center}footer .glyph{font-family:"DM Serif Display",serif;font-style:italic;font-size:60px;color:var(--accent);line-height:1;margin-bottom:28px}footer .closing{font-family:"DM Serif Display",serif;font-style:italic;font-size:22px;color:#b8b1a5;max-width:560px;margin:0 auto 28px;line-height:1.4}footer .imprint{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.opener{max-width:900px;margin:0 auto;padding:110px 40px 60px;position:relative;overflow:hidden}.opener:before{content:"";position:absolute;top:-10%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,rgba(217,119,87,.14) 0%,transparent 70%);z-index:0}.opener .inner{position:relative;z-index:1}.opener .eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}.opener h1{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(52px,8.5vw,104px);line-height:.92;letter-spacing:-.03em;color:var(--fg);margin-bottom:26px}.opener h1 em{font-style:italic;color:var(--accent)}.opener .summary{font-family:"DM Serif Display",serif;font-style:italic;font-size:22px;line-height:1.4;color:#b8b1a5;max-width:600px;margin-bottom:40px}.opener .meta{display:flex;flex-wrap:wrap;gap:40px;border-top:1px solid var(--line);padding-top:24px}.opener .meta .v{font-family:"DM Serif Display",serif;font-size:18px;color:var(--fg);margin-bottom:5px}.opener .meta .k{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.letter-themes{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.hero-figure{max-width:1040px;margin:0 auto;padding:0 40px}.hero-figure img{width:100%;aspect-ratio:21 / 9;object-fit:cover;border-radius:6px;display:block}.hero-figure .frame{width:100%;aspect-ratio:21 / 9;border-radius:6px;background:linear-gradient(135deg,#3a2e22,#0b0a09 70%,#7a4a33 130%)}article.letter-body{max-width:720px;margin:0 auto;padding:56px 40px 80px}.prose{color:var(--read);font-size:18px;line-height:1.75}.prose>p:first-of-type:first-letter{font-family:"DM Serif Display",serif;font-size:84px;float:left;line-height:.74;padding-right:14px;padding-top:8px;color:var(--accent)}.prose p{margin-bottom:26px}.prose strong{color:var(--fg);font-weight:600}.prose em{font-style:italic}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose h2{font-family:"DM Serif Display",serif;font-weight:400;font-size:36px;color:var(--fg);letter-spacing:-.01em;margin:50px 0 24px;line-height:1.1}.prose h3{font-family:"DM Serif Display",serif;font-weight:400;font-size:27px;color:var(--fg);margin:40px 0 18px}.prose img{width:100%;border-radius:6px;margin:32px 0}.prose ul,.prose ol{margin:0 0 26px 1.2em}.prose li{margin-bottom:10px}.prose hr{border:none;border-top:1px solid var(--line);margin:48px 0}.prose blockquote{background:linear-gradient(160deg,#d9775712,#f4efe605);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;padding:36px 44px;margin:36px 0;font-family:"DM Serif Display",serif;font-style:italic;font-size:clamp(22px,2.6vw,30px);line-height:1.32;color:var(--fg)}.prose blockquote p{margin-bottom:16px}.prose blockquote p:last-child{margin-bottom:0}.prose blockquote strong{font-style:normal;color:var(--accent)}.signoff{max-width:720px;margin:0 auto;padding:0 40px}.endmark{text-align:center;padding:40px 40px 100px}.endmark .g{font-family:"DM Serif Display",serif;font-style:italic;color:var(--accent);font-size:48px}.endmark .l{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:8px}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto;padding:80px 24px}.hero .right{text-align:left;padding-bottom:0;margin-top:48px}.hero .stat-row{align-items:flex-start;flex-direction:row;gap:36px}.callouts{grid-template-columns:1fr}.letter{grid-template-columns:1fr;gap:8px}.letter .when{text-align:left}.topbar{padding:14px 20px}}