@import url('/assets/tokens.css');
*{box-sizing:border-box}html,body{overflow-x:clip}html{color-scheme:light}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:var(--text-body)/1.7 var(--font-body)}
a{color:var(--color-accent);text-underline-offset:.24em;touch-action:manipulation;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:active{color:var(--color-ink)}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}a[aria-disabled=true]{color:var(--color-muted);pointer-events:none}
.skip{position:absolute;top:-100px;left:var(--space-s);padding:var(--space-s);background:var(--color-paper);z-index:2}.skip:focus{top:var(--space-s)}
.wrap{max-width:1180px;margin:auto;padding:0 var(--space-l)}header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-m) 0;border-bottom:1px solid var(--color-rule)}
.brand{display:flex;align-items:center;gap:var(--space-xs);font-size:24px;font-weight:700;color:var(--color-ink);text-decoration:none;white-space:nowrap}.brand img{width:56px;height:56px;object-fit:contain}nav{display:flex;gap:var(--space-m);flex-wrap:wrap}nav a{font-size:var(--text-small);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
main{padding:var(--space-2xl) 0;min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-small);color:var(--color-muted);margin:0 0 var(--space-m)}h1,h2{font-family:var(--font-display);font-weight:400;font-style:normal;line-height:1.05;overflow-wrap:anywhere;text-wrap:balance;min-width:0}h1{font-size:var(--text-display);max-width:15ch;margin:0 0 var(--space-xl)}h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:var(--space-xl) 0 var(--space-s);scroll-margin-top:var(--space-m)}p,ul{max-width:66ch}p{margin:0 0 var(--space-m)}li{margin-bottom:var(--space-xs)}
.letter{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.lede{font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.55}.mascot{width:100%;max-width:250px;height:auto;display:block;margin:0 auto}.caption{font-size:var(--text-small);color:var(--color-muted);text-align:center;margin-top:var(--space-s)}.rule{border-top:1px solid var(--color-rule);padding-top:var(--space-l);margin-top:var(--space-xl)}.text-link{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}.prose h1{max-width:22ch}.prose{max-width:78ch}.prose h2{line-height:1.2}.prose a{overflow-wrap:anywhere}
footer{border-top:2px solid var(--color-ink);padding:var(--space-l) 0 var(--space-xl);font-size:var(--text-small);color:var(--color-muted)}footer nav{gap:var(--space-s) var(--space-m);margin:var(--space-s) 0}footer p{margin-bottom:var(--space-xs)}
@media(max-width:767px){.wrap{padding:0 var(--space-m)}header{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}nav{gap:var(--space-s)}main{padding:var(--space-xl) 0}.letter{grid-template-columns:minmax(0,1fr);gap:var(--space-l)}.letter aside{display:none}h1{margin-bottom:var(--space-l)}.brand{font-size:22px}}
.home .letter{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-xl);padding-bottom:var(--space-2xl)}.home h1{max-width:15ch;font-size:clamp(3.3rem,7.5vw,6.3rem);letter-spacing:-.035em;margin-bottom:var(--space-l)}.home .letter aside{padding-top:var(--space-xl)}.home .mascot{max-width:320px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m);margin:var(--space-l) 0}.primary-link{display:inline-flex;gap:var(--space-m);align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-s);border:1px solid var(--color-accent);text-decoration:none;white-space:nowrap;min-height:48px}.primary-link:hover{background:var(--color-ink);color:var(--color-paper)}.primary-link:active{background:var(--color-accent);color:var(--color-paper)}.edition{font-size:var(--text-small);color:var(--color-muted);max-width:55ch}.editorial-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-2xl);padding:var(--space-2xl) 0;border-top:1px solid var(--color-rule)}.editorial-section h2,.closing h2{margin:0 0 var(--space-m)}.editorial-section>div>p:not(.eyebrow){max-width:38ch}.editorial-section.pact>div>p{max-width:62ch}.topics{margin:0}.topics div{padding:var(--space-m) 0;border-bottom:1px solid var(--color-rule)}.topics div:first-child{padding-top:0}.topics dt{font-size:22px;font-family:var(--font-display);margin-bottom:var(--space-xs)}.topics dd{margin:0;color:var(--color-muted);max-width:55ch}.closing{border-top:2px solid var(--color-ink);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xl);padding-top:var(--space-xl)}.closing p{max-width:55ch}
@media(max-width:767px){.home .letter{grid-template-columns:minmax(0,1fr);padding-bottom:var(--space-xl)}.home h1{font-size:clamp(3.2rem,12vw,5.3rem)}.editorial-section{grid-template-columns:minmax(0,1fr);gap:var(--space-l);padding:var(--space-xl) 0}.editorial-section>div>p:not(.eyebrow){max-width:62ch}.actions{gap:var(--space-s)}.primary-link{font-size:16px}.closing{gap:var(--space-m)}}