.letter{background:radial-gradient(ellipse 70% 55% at 50% 0%, #ffd67538, transparent 70%), linear-gradient(var(--background), var(--sage-background) 38%);padding-block:clamp(40px,6vw,88px) clamp(56px,8vw,112px)}.letter-card{border:1px solid var(--border);border-top:4px solid var(--amber);border-radius:var(--radius-lg);background:var(--surface);max-width:820px;animation:letter-rise .64s var(--ease) both;margin-inline:auto;padding:clamp(28px,6vw,72px) clamp(24px,7vw,80px) clamp(32px,5vw,64px);box-shadow:0 2px 4px #102f350a,0 18px 40px #102f351a,0 48px 96px #102f3514}@keyframes letter-rise{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.letter-card{animation:none}}.letter-art{aspect-ratio:6/5;width:clamp(180px,22vw,240px);margin-bottom:28px;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(50% 50%,#000 58%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 58%,#0000 100%)}.letter-art img{width:170%;max-width:none;height:auto;position:absolute;top:-20%;left:-50%}.letter h1{margin-bottom:clamp(28px,3vw,40px);font-size:clamp(2.2rem,1.2rem + 2.8vw,3.4rem);line-height:1.1}.letter-card>p:not(.eyebrow){color:var(--body);font-size:var(--fs-lede);margin:0 0 1.4em;line-height:1.75}.letter-card>h1+p{color:var(--heading)!important}.letter-signature{margin-top:clamp(36px,4vw,52px)}.letter-signature img{width:auto;height:52px}.letter-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,36px);display:flex}.letter-eyebrow,.letter-title{text-align:center}.letter-art{margin-inline:auto}.letter-summary{text-align:center;max-width:720px;margin:clamp(56px,7vw,96px) auto 0}.letter-summary h2{font-size:var(--fs-h2);margin-bottom:20px;line-height:1.15}.letter-summary h2 em{display:block}.letter-summary p{max-width:600px;color:var(--body);font-size:var(--fs-lede);margin:0 auto;line-height:1.65}