@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root{--paper:#fcfaf6;--ink:#28241f;--muted:#766b60;--line:#ded5c8;--accent:#ad390d;--serif:'EB Garamond',Georgia,serif;--sans:Inter,Arial,sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:40px}
body{margin:0;color:var(--ink);background:radial-gradient(ellipse 70% 800px at 95% 150px,#edb88b38,transparent 75%),radial-gradient(ellipse 60% 650px at 5% 500px,#e9d8ab3b,transparent 80%),var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:#e8b68f;color:#28241f}
a{color:inherit;text-underline-offset:5px}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.skip{position:absolute;left:20px;top:-80px;background:var(--paper);padding:14px;z-index:5}
.skip:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:#fcfaf6b3}
.site-header>nav{max-width:1320px;margin:auto;padding:0 56px;height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font:500 32px/1 var(--serif);letter-spacing:-1.3px;text-decoration:none}
.brand span{color:var(--accent)}
.nav-links{display:flex;gap:32px;font-size:13px}
.nav-links a{text-decoration:none}
.nav-links [aria-current]{color:var(--accent)}
main{max-width:1320px;padding:0 56px;margin:auto}
.masthead{display:flex;justify-content:space-between;gap:20px;padding:38px 0;color:var(--muted);font:11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.masthead p{margin:0}
.masthead p::before{content:'';display:inline-block;width:7px;height:7px;margin-right:12px;background:var(--accent);border-radius:50%}
article{max-width:840px;margin:0 auto;counter-reset:chapter}
h1{font:450 clamp(64px,7.2vw,104px)/1.07 var(--sans);letter-spacing:-.067em;margin:42px -36px 74px}
h1 em{font:400 1.2em/.95 var(--serif);letter-spacing:-.045em;color:var(--accent);background:linear-gradient(110deg,#86300f 10%,#b33b00 50%,#be702f 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
section{position:relative;padding:76px 0 48px;border-top:1px solid transparent;border-image:linear-gradient(90deg,#b33b0060,#b33b0014 70%,transparent) 1}
section:not(.opening)::before{counter-increment:chapter;content:'0' counter(chapter);display:block;margin-bottom:28px;color:var(--accent);font:400 12px/1 var(--mono);letter-spacing:.1em}
section.opening{padding-top:0;border:0;padding-bottom:54px}
h2{max-width:800px;font:500 clamp(44px,4.4vw,62px)/1.06 var(--serif);letter-spacing:-.025em;margin:0 0 38px;text-wrap:balance}
article p{font:400 28px/1.55 var(--serif);letter-spacing:-.006em;color:#4b423a;margin:0 0 28px}
.opening>p:first-of-type{font-size:31px;line-height:1.5;color:var(--ink)}
.opening>p:nth-of-type(2){color:#873b20}
.closing{position:relative;margin:56px -48px 0;padding:48px;border:1px solid #bc75322b;background:radial-gradient(ellipse at top right,#e4a76c40,transparent 75%),linear-gradient(130deg,#f3e8d8,#f9f1e7 55%,#efe0cc);border-radius:3px;font:500 43px/1.15 var(--serif);letter-spacing:-.025em;color:#93370f}
.closing::before{content:'';display:block;width:42px;height:2px;background:var(--accent);margin-bottom:28px}
.closing strong{font-weight:500}
footer{max-width:1208px;margin:64px auto 0;padding:38px 0 48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}
footer nav{display:flex;flex-wrap:wrap;gap:28px;font-size:12px}
footer nav a{text-decoration:none}
@media(min-width:1100px){section:not(.opening)::before{position:absolute;left:-88px;top:86px}}
@media(max-width:1000px){h1{margin-inline:0}.closing{margin-inline:0}footer{margin-inline:56px}}
@media(max-width:700px){body{background:radial-gradient(ellipse 100% 650px at 100% 170px,#edb88b35,transparent 85%),var(--paper)}.site-header>nav{padding:0 24px;height:74px}.brand{font-size:30px}.nav-links{gap:18px;font-size:12px}main{padding:0 26px}.masthead{padding:28px 0;font-size:10px}.masthead span{display:none}h1{margin:32px 0 48px;font-size:clamp(48px,10vw,72px);line-height:1.08;letter-spacing:-.06em}h1 em{font-size:1.25em}article p{font-size:24px;line-height:1.5;margin-bottom:25px}.opening>p:first-of-type{font-size:26px;line-height:1.48}section{padding:46px 0 25px}section.opening{padding-bottom:24px}section:not(.opening)::before{margin-bottom:22px;font-size:11px}h2{font-size:43px;line-height:1.06;margin-bottom:29px}.closing{font-size:34px;margin-top:36px;padding:30px 26px}.closing::before{margin-bottom:22px}footer{margin:34px 26px 0;flex-direction:column;align-items:flex-start;padding:30px 0 40px}footer nav{gap:22px}}
@media(max-width:360px){.nav-links{gap:12px}main{padding-inline:22px}h1{font-size:43px}h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white}.site-header,.masthead,footer,.skip{display:none}main{padding:0}article p{font-size:14pt}h1{font-size:40pt}h1 em{-webkit-text-fill-color:var(--accent)}h2{font-size:26pt}section{padding:24px 0;break-inside:avoid}.closing{font-size:24pt;margin:20px 0;padding:20px}}