.letter-progress{position:fixed;top:0;left:0;height:3px;background:var(--rust);width:0;z-index:60;transition:width .1s}.letter-topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:#f6f1e700;transition:background .4s,box-shadow .4s}.letter-topbar.scrolled{background:#f6f1e7eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.letter-topbar a{font-family:var(--display);text-decoration:none;color:var(--ink)}.letter-topbar .brand{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:1.3rem;letter-spacing:-.01em}.letter-topbar .brand-mark{height:28px;width:auto;flex-shrink:0}.letter-topbar .brand-word span{color:var(--rust)}.letter-topbar .back{font-size:.95rem;letter-spacing:.02em;color:var(--muted);transition:color .3s}.letter-topbar .back:hover{color:var(--rust)}.letter-doc{max-width:980px;margin:0 auto;padding:0 clamp(24px,6vw,48px);position:relative;z-index:1;font-family:var(--read, var(--display));font-size:20px;line-height:1.72;font-weight:400;color:var(--ink)}.letter-doc .masthead{display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-items:stretch;padding:170px 0 50px}.letter-doc .masthead .rules{display:flex;gap:3px;align-self:stretch}.letter-doc .masthead .rules i{display:block;width:2px;background:var(--ink)}.letter-doc .masthead .rules i:nth-child(2){background:var(--rust);width:6px}.letter-doc .masthead-text{min-width:0}.letter-doc .masthead .series{font-family:var(--display);font-size:.76rem;letter-spacing:.32em;text-transform:uppercase;color:var(--rust)}.letter-doc .masthead h1{font-family:var(--display);font-weight:340;font-size:clamp(2.4rem,6vw,4rem);line-height:1.02;letter-spacing:-.02em;margin:20px 0 0}.letter-doc .masthead .dek{margin:22px 0 0;max-width:46ch;font-family:var(--display);font-weight:300;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.4;color:var(--muted)}.letter-doc .masthead .byline{margin-top:28px;font-family:var(--display);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.letter-doc .masthead .byline .author{color:var(--ink);font-weight:500}.letter-doc .masthead .byline .dot{margin:0 10px;color:var(--rust)}.letter-doc .body{padding:56px 0 40px;border-top:1px solid var(--line)}.letter-doc .body .salutation{font-family:var(--display);font-size:1.25rem;color:var(--ink);margin:0 0 28px}.letter-doc .body p{margin:0 0 24px}.letter-doc .body p:last-of-type{margin-bottom:0}.letter-doc .body .salutation+p{font-size:1.08em;color:var(--ink)}.letter-doc .body em{font-style:italic}.letter-doc .body strong{font-weight:600}.letter-doc .body h2{font-family:var(--display);font-weight:400;font-size:1.5rem;letter-spacing:-.01em;margin:44px 0 6px}.letter-doc .body blockquote{margin:32px 0;padding-left:24px;border-left:2px solid var(--rust);font-family:var(--display);font-weight:300;font-size:1.5rem;line-height:1.32;color:var(--rust-deep);max-width:30ch}.letter-doc .body hr{border:none;border-top:1px solid var(--line);margin:40px 0}.letter-doc .body .signoff{font-family:var(--display);font-size:1.15rem;color:var(--ink);margin-top:40px}.letter-doc .body .signoff span{display:block;margin-top:4px;color:var(--rust-deep);font-size:1.45rem}.letter-doc .related{padding:50px 0 30px;border-top:1px solid var(--line)}.letter-doc .related .related-eyebrow{font-family:var(--display);font-size:.76rem;letter-spacing:.32em;text-transform:uppercase;color:var(--rust);margin-bottom:20px}.letter-doc .related ul{list-style:none;padding:0;margin:0}.letter-doc .related li{margin-bottom:12px}.letter-doc .related li a{font-family:var(--display);font-size:1.25rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);transition:color .3s,border-color .3s}.letter-doc .related li a:hover{color:var(--rust);border-bottom-color:var(--rust)}.letter-doc .colophon{padding:40px 0 60px;border-top:1px solid var(--line);font-size:.82rem;line-height:1.7;color:var(--muted)}.letter-doc .colophon p{margin:0 0 14px}.letter-doc .colophon .contact a{color:var(--rust);text-decoration:none;border-bottom:1px solid rgba(180,80,43,.35)}.letter-doc .colophon .contact a:hover{color:var(--rust-deep)}.letter-doc .colophon .rights{font-family:var(--display);letter-spacing:.02em;margin-bottom:0}.letter-doc .next{text-align:center;padding:0 0 80px}.letter-doc .next a{font-family:var(--display);color:var(--rust);text-decoration:none;font-size:.95rem}.letter-doc .next a:hover{text-decoration:underline;text-underline-offset:5px}
