.memory-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin:3.5rem 0}.new-memory .memory-gallery .print{width:100%;margin:0;transform:rotate(-2deg)}.new-memory .memory-gallery .print:nth-child(even){margin-top:45px;transform:rotate(2deg)}
.new-memory .print{max-width:570px;margin:3rem auto}.new-memory .print img{max-height:680px;object-fit:contain;width:100%;height:auto}.photo-open{display:block;border:0;background:transparent;padding:0;width:100%;cursor:zoom-in;color:inherit}.photo-open img{display:block;width:100%}.memory-gallery figcaption,.memory-video figcaption{font-family:Caveat,cursive;font-size:1.35rem;text-align:center;line-height:1.35;padding:14px 8px;color:var(--acc,#927032)}
.memory-video{max-width:560px;margin:3.5rem auto;background:#fffaf1;padding:12px;box-shadow:0 15px 45px -25px #30271e88;transform:rotate(-.8deg)}.memory-video video{display:block;width:100%;max-height:640px;background:#191813;object-fit:contain}.memory-video::before{content:'a little moving evidence · press play';display:block;font:1.1rem Caveat,cursive;text-align:center;padding:4px 0 14px;color:#927032}
.photo-lightbox{max-width:96vw;max-height:94dvh;padding:45px 18px 10px;border:0;background:#f9f4ea;color:#30271e;box-shadow:0 25px 100px #0009}.photo-lightbox::backdrop{background:#101014dd}.photo-lightbox img{display:block;max-width:86vw;max-height:74dvh;margin:auto;object-fit:contain}.photo-lightbox p{font:1.3rem Caveat,cursive;text-align:center;max-width:70ch;margin:14px auto}.lightbox-close{position:absolute;right:12px;top:10px;font:1.2rem Caveat,cursive;border:0;background:transparent;cursor:pointer;color:#745218}
.his-words{background:#eee4ce;border:1px solid #dac9a7;padding:24px;margin:0 0 28px;transform:rotate(-.4deg)}.diary-entry .speech-label{font:1.15rem Caveat,cursive;color:#927032;margin:0 0 15px}.his-words blockquote{font-size:1.2rem;line-height:1.8;white-space:pre-line;margin:0}.diary-entry .his-words .speech-label{margin-bottom:15px}
.memory-index{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:30px 0}.memory-index a{border:1px solid #bba26b66;border-radius:50px;padding:8px 14px;text-decoration:none;font:1.1rem Caveat,cursive;color:var(--acc,#927032)}
@media(max-width:600px){.memory-gallery{gap:16px;margin:2rem 0}.new-memory .memory-gallery .print:nth-child(even){margin-top:24px}.memory-gallery figcaption{font-size:1.12rem;padding:10px 2px}.memory-video{padding:8px}.his-words{padding:18px}.photo-lightbox{padding-inline:10px}.new-memory .print{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.note-photo{max-width:420px;margin:60px auto;background:white;padding:14px 14px 5px;transform:rotate(-2deg);box-shadow:0 16px 40px -20px #58452677}.note-photo img{width:100%;height:auto;display:block}.note-photo figcaption{font:1.4rem Caveat,cursive;text-align:center;padding:15px;color:#927032}.new-memory{scroll-margin-top:90px}
.memory-subheading{font:400 clamp(2rem,4vw,3.2rem)/1.12 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:5rem 0 2rem;max-width:20ch;color:var(--acc,#927032)}.memory-pullquote{font:400 italic clamp(1.7rem,3vw,2.7rem)/1.35 Fraunces,Georgia,serif;color:var(--acc,#927032);max-width:30ch;margin:3.5rem auto;padding:1.8rem 0;border-block:1px solid color-mix(in srgb,var(--acc,#927032) 28%,transparent);text-align:center}
@media(max-width:600px){.memory-subheading{margin-top:3rem}.memory-pullquote{margin:2.5rem auto}}
.memory-cluster{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin:2.5rem 0}.new-memory .memory-cluster .print,.new-memory .memory-cluster .memory-video{width:100%;max-width:none;margin:0;transform:none;padding:10px;background:#fffaf1}.memory-cluster .print img{height:350px;object-fit:contain;background:#eee9df}.memory-cluster video{height:320px;object-fit:contain}.memory-cluster .memory-video::before{font-size:1rem;padding:3px 0 10px}.memory-cluster figcaption{font:1.2rem/1.35 Caveat,cursive;text-align:center;color:var(--acc,#927032);padding:12px 5px}
.memory-handwritten{max-width:590px;margin:2.4rem auto 4rem;transform:rotate(-1deg);color:var(--ink,#30271e);padding:0 12px}.memory-handwritten p{font:400 1.85rem/1.35 Caveat,cursive!important;letter-spacing:0;white-space:normal!important;margin:0!important}.memory-handwritten .note-signature{display:block;font:1.4rem Caveat,cursive;text-align:right;margin-top:12px;opacity:.75}
@media(max-width:600px){.memory-cluster{gap:14px;margin:2rem 0}.memory-cluster .print img{height:220px}.memory-cluster video{height:245px}.memory-cluster figcaption{font-size:1.12rem}.memory-cluster .memory-video::before{font-size:.95rem;line-height:1.15}.memory-handwritten{margin:2rem 0 3rem;padding:0 5px}.memory-handwritten p{font-size:1.65rem!important}}
@media(max-width:600px){.memory-cluster .print img{height:145px}}
.sound-memory video{width:100%;aspect-ratio:3/2;height:auto;max-height:400px;background:#171b28}.sound-memory::before{content:'recorded after hours · sound on'}.sound-memory figcaption{font-size:1.2rem}
/* A memory reads as one passage; its photos follow the complete thought. */
.memory-prose{max-width:var(--col);margin:0 0 2.2rem}.memory-prose p{white-space:normal;max-width:none;margin:0 0 1.25rem}.memory-prose p:last-child{margin-bottom:0}.memory-prose+.memory-gallery,.memory-prose+.memory-cluster,.memory-prose+.print,.memory-prose+.memory-video{margin-top:2.3rem}
@media(min-width:900px){.memory-prose{margin-left:4%}.new-memory .memory-subheading{margin-left:4%}}

/* Leave room for the fixed navigation when opening a memory directly. */
.memory-subheading[id] { scroll-margin-top: 7rem; }
