:root { --gold: #a8b8ca; }
.hero { background: #172331; }
.cover img { object-position: center center; }
.source-poem-link { display:grid; gap:5px; margin:28px 0 10px; padding:18px 20px; border:1px solid rgba(168,184,202,.52); color:inherit; text-decoration:none; }
.source-poem-link span { color:#c8d3df; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.source-poem-link strong { color:#f0f4f8; font-weight:500; }
.source-poem-link:hover { border-color:#f0f4f8; }
.letter-text { margin:55px -26px; padding:42px 48px; border:1px solid var(--line); background:color-mix(in srgb,var(--gold) 10%,transparent); font-style:italic; }
.letter-text p:first-child::first-letter { float:none; font-size:inherit; line-height:inherit; padding:0; color:inherit; }
.gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gallery img { aspect-ratio:3/2; object-fit:cover; }
.gallery figure:first-child img { aspect-ratio:2/3; }
@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,16vw,74px)}.cover img{object-position:55% center}.letter-text{margin:45px -8px;padding:30px 24px}.gallery-grid{grid-template-columns:1fr;}}