.letters-page{background:var(--background)}
.letters-header{flex-wrap:wrap}
.letters-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--wine)}
.letters-nav a{padding:8px 0;text-decoration:none}
.letters-nav a:hover,.letters-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.letters-back{max-width:1600px;margin:auto;padding:24px 7%;font-size:14px;color:var(--wine)}
.letters-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-1.4px;color:var(--wine);margin:0}
.letters-page h1 em{font-weight:400}
.letters-page .letter-request{display:inline-flex;align-items:center;text-decoration:none}
.letters-page .three-letters{padding-top:48px}
.letters-page .section-top>div{min-width:0}
@media(max-width:680px){.letters-header{gap:18px}.letters-nav{gap:18px;font-size:13px;order:3;width:100%;justify-content:space-between}.letters-header>.location{font-size:12px;margin-left:auto}.letters-back{padding:20px 6%}.letters-page h1{font-size:36px;letter-spacing:-.8px}.letters-page .three-letters{padding-top:32px}.letters-page .letter-request{width:100%;max-width:100%}}