/* October 2026 memorial: the edition's paper, forest ink and burgundy palette. */
:root { color-scheme:light; --ink:#202421; --body:#414b43; --muted:#626b62; --gold:#602a3d; --gold-soft:#602a3d12; --dark:#fbfcfa; --panel:#f1f3ef; --panel-2:#eef0eb; --hairline:#d4d8d2; --red:#602a3d; }
body { background:#fbfcfa; color:var(--ink); }
body::before { display:none; }
h1,h2,.quote,.dek,.story-callout { font-family:"Playfair Display",Georgia,serif; font-weight:400; }
a,button,input,textarea { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible { outline:3px solid #ae496d; outline-offset:5px; }
section[id],main[id] { scroll-margin-top:96px; }
.skip-link { position:absolute; left:16px; top:-100px; z-index:20; padding:12px; background:white; }
.skip-link:focus { top:12px; }
.issue-line { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--hairline); padding:12px 4%; font:12px/1.5 "Space Grotesk",Arial,sans-serif; }
.memorial-masthead { padding:28px 20px 24px; text-align:center; }
.memorial-masthead>a { font:clamp(32px,5vw,62px)/1 "Playfair Display",Georgia,serif; text-decoration:none; }
.memorial-masthead p { font:13px "Space Grotesk",Arial,sans-serif; color:var(--muted); margin:12px 0 0; }
.nav { position:sticky; top:0; inset:auto; z-index:5; padding:12px 4%; min-height:58px; background:#fbfcfaf5; border-block:1px solid var(--hairline); font:12px/1.5 "Space Grotesk",Arial,sans-serif; letter-spacing:.02em; }
.nav .brand { color:var(--gold); white-space:nowrap; }
.nav-links { display:flex; gap:20px; }
.nav a { color:var(--ink); }
.hero { min-height:640px; display:grid; grid-template-columns:1fr 1fr; align-items:center; background:#602a3d; color:#fff8f0; overflow:visible; }
.hero::after { display:none; }
.hero>img { position:relative; inset:auto; grid-column:2; grid-row:1; width:100%; height:640px; object-fit:contain; object-position:center; background:#492331; }
.hero-copy { grid-column:1; grid-row:1; width:auto; margin:0; padding:60px clamp(24px,5vw,80px); }
.kicker { font:600 11px/1.6 "Space Grotesk",Arial,sans-serif; letter-spacing:.16em; gap:12px; color:var(--gold); }
.kicker::before { width:32px; background:currentColor; }
.hero .kicker { color:#efd9cc; }
h1 { font-size:clamp(48px,5.8vw,88px); line-height:1.04; margin:24px 0; overflow-wrap:normal; }
.dek { font-size:clamp(22px,2.1vw,30px); line-height:1.5; color:#f1dfd4; }
.hero-actions { display:flex; flex-wrap:wrap; gap:16px 24px; margin:30px 0; font:13px/1.6 "Space Grotesk",Arial,sans-serif; }
.hero-actions a { text-decoration:none; border-bottom:1px solid #efd9cc88; padding-bottom:6px; }
.hero-folio { font:10px/1.8 "Space Grotesk",Arial,sans-serif; text-transform:uppercase; letter-spacing:.13em; color:#e4c6bd; margin:40px 0 0; }
main { width:min(1180px,90vw); padding:80px 0; }
.layout { grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr); gap:clamp(32px,6vw,88px); }
.side-card,.feature-photo,.selector-panel,.memory-card,.candle-card,.print-card { background:#f2f4ef; border:1px solid var(--hairline); }
.side-card { padding:14px; }
.side-card img { object-fit:contain; height:auto; aspect-ratio:auto; max-height:650px; }
.quote { border-color:#602a3d66; color:#602a3d; font-size:24px; line-height:1.5; }
.story { font-size:21px; line-height:1.85; }
.story>p:first-child::first-letter { float:left; font-family:"Playfair Display",Georgia,serif; font-size:78px; line-height:.85; padding:10px 10px 0 0; color:var(--gold); }
.story-callout { color:var(--gold); font-size:clamp(28px,3.5vw,46px); line-height:1.25; border-color:var(--hairline); padding:30px 0; }
.note { color:var(--muted); font-size:17px; }
.archive-note { color:var(--muted); font:13px/1.8 "Space Grotesk",Arial,sans-serif; }
.section-head { margin-top:80px; }
.section-head h2 { font-size:clamp(32px,4.5vw,54px); line-height:1.15; }
.section-head .rule { background:var(--hairline); }
.music-panel { margin-top:64px; background:#edf1eb; border-color:var(--hairline); }
.music-panel h2 { font-size:clamp(32px,4vw,48px); line-height:1.15; }
.music-panel p,.music-panel label,.selector-panel p,.memory-card p,.print-card p,.archive-intro p { font-size:17px; line-height:1.75; }
.music-controls input[type="file"] { border-color:#b7bfb4; background:#fbfcfa; }
.music-name,.memory-card h3,.selector-panel h3,.candle-card h3,.print-card h3 { color:var(--gold); font-family:"Space Grotesk",Arial,sans-serif; }
.feature-photo img { object-fit:contain; background:#e6eae2; }
.thumb-grid button { background:#e6eae2; border-color:#bcc6b8; opacity:1; }
.thumb-grid button[aria-pressed="true"] { border:2px solid var(--gold); }
.feature-caption,figcaption { font-family:"Space Grotesk",Arial,sans-serif; letter-spacing:.06em; }
.share-actions a,.share-actions button { border-color:#602a3d66; color:var(--gold); font-family:"Space Grotesk",Arial,sans-serif; line-height:1.5; }
.share-actions a:hover,.share-actions button:hover { background:var(--gold-soft); }
.archive-intro { background:#f2f4ef; border-color:var(--hairline); }
figure { background:#eef0eb; border-color:var(--hairline); }
.photo-remove,.expand-cue { color:#fff8f0; background:#602a3de8; border-color:#ffffff55; }
.drag-handle { background:#e7d7db; color:#492331; }
.print-card { padding:40px 24px; }
.candle-field { background:linear-gradient(180deg,#332a2b,#171b18); }
.photo-lightbox,.fullscreen-slideshow { --ink:#fbf6ec; --body:#e2d7c8; --muted:#b9a68b; --gold:#d8b25f; --hairline:#d8b25f33; color:var(--ink); color-scheme:dark; }
.photo-lightbox .share-actions button { color:#d8b25f; border-color:#d8b25f80; }
footer { color:var(--muted); border-color:var(--hairline); font:12px/2 "Space Grotesk",Arial,sans-serif; letter-spacing:.06em; }
footer a { color:var(--gold); text-decoration:none; }
footer span { text-transform:none; }
@media(max-width:900px) {
 .nav { position:sticky; padding:12px 5%; flex-wrap:wrap; gap:10px; }
 .nav-links { display:flex; flex-wrap:wrap; gap:10px 18px; }
 .nav-links a { padding:5px 0; }
 .hero { min-height:0; grid-template-columns:1fr; }
 .hero>img { grid-row:1; grid-column:1; height:auto; max-height:56vh; min-height:240px; }
 .hero-copy { grid-row:2; grid-column:1; width:auto; padding:36px 6% 42px; }
 h1 { font-size:clamp(44px,9vw,70px); max-width:700px; }
 .hero-folio { margin-top:24px; }
 .layout { grid-template-columns:1fr; }
 .layout aside { max-width:420px; margin:auto; }
 main { padding-top:48px; }
 .story { font-size:20px; }
 .gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .section-head { margin-top:58px; }
}
@media(max-width:480px) {
 .issue-line { font-size:10px; }
 .nav { font-size:10px; }
 .nav-links { gap:5px 13px; }
 .hero-actions { flex-direction:column; align-items:flex-start; }
 .gallery { grid-template-columns:1fr; }
 .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .archive-grid figcaption { padding:12px 9px; overflow-wrap:anywhere; letter-spacing:0; }
 .section-head { gap:0; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
@media print { .nav,.issue-line,.hero-actions,#music,#photo-panel,#candles,#photo-remembrance,#full-archive,#share-information,.photo-lightbox,.fullscreen-slideshow { display:none!important; } .hero { display:block; color:#202421; background:white; min-height:0; } .hero>img { display:none; } .hero-copy { padding:20px 0; } .hero .kicker,.dek,.hero-folio { color:#602a3d; } main { padding-top:20px; } h1 { font-size:44px; } .layout { display:block; } .layout aside { display:none; } }