
.life-heading{margin-bottom:clamp(2rem,5vw,4rem)}
.life-heading h1{margin:.75rem 0 1.25rem}.life-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:3rem 2rem}
.life-card{display:block;text-decoration:none;max-width:32rem}.life-card img{width:100%;background:var(--night-2)}
.life-card .label{display:block;margin-top:1.2rem}.life-card h2{font-size:1.5rem;margin-top:.4rem}
.life-card h2{overflow-wrap:anywhere}
.life-location-date,.life-card .life-location-date{display:flex;flex-wrap:wrap;gap:.35rem 1rem}
.life-heading .life-location-date{margin-top:1.5rem}
.life-card:hover h2{text-decoration:underline;text-underline-offset:.25em}
.life-original{font-family:var(--mono);font-size:.75rem;color:var(--ash);margin:1.25rem 0}
.life-post{display:grid;gap:3rem;align-items:start}.life-photos{min-width:0}.life-photo{margin:0 0 3rem}
.life-photo img{width:100%;height:auto;background:var(--night-2)}.life-photo figcaption{margin-top:1rem;max-width:36rem;font-size:1.1rem}
.life-photo-entry{margin-bottom:3rem}.life-photo-entry .life-photo{margin-bottom:0}
.life-photo-link{display:block}.life-details{margin-top:1.25rem}
.life-details summary{width:fit-content;cursor:pointer;color:var(--gold);font-family:var(--mono);font-size:.78rem;text-decoration:underline;text-underline-offset:.25em}
.life-details[open]{padding-bottom:1.5rem;border-bottom:var(--rule)}
.life-photo-details{padding-top:.25rem}.life-note{white-space:pre-wrap;overflow-wrap:anywhere}
.life-notes{min-width:0}.life-notes h2{margin-bottom:1.25rem}.life-hashtags{margin-top:1rem;white-space:pre-wrap}
.life-voice-name{display:block;font-family:var(--serif);font-size:1.1rem;letter-spacing:0}
.life-voice-role{display:block;font-family:var(--mono);font-size:.62rem;color:var(--ash);margin-top:.4rem;line-height:1.6}
.life-single-voice h2{font-weight:400}.life-voice-tabs{display:grid;grid-template-columns:repeat(var(--voices),minmax(0,1fr));gap:.5rem;border-bottom:var(--rule)}
.life-voice-tabs label{cursor:pointer;padding:.5rem 0 1rem;border-bottom:2px solid transparent}
.life-voice-choice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.life-voice-panel{display:none;padding-top:1.5rem}
#life-voice-kaethia:checked~.life-voice-tabs label[for="life-voice-kaethia"]{border-color:var(--gold);color:var(--gold)}
#life-voice-kaethia:focus-visible~.life-voice-tabs label[for="life-voice-kaethia"]{outline:2px solid var(--gold);outline-offset:3px}
#life-voice-kaethia:checked~.life-voice-panels .life-voice-kaethia{display:block}
#life-voice-maellis:checked~.life-voice-tabs label[for="life-voice-maellis"]{border-color:var(--gold);color:var(--gold)}
#life-voice-maellis:focus-visible~.life-voice-tabs label[for="life-voice-maellis"]{outline:2px solid var(--gold);outline-offset:3px}
#life-voice-maellis:checked~.life-voice-panels .life-voice-maellis{display:block}
#life-voice-florence:checked~.life-voice-tabs label[for="life-voice-florence"]{border-color:var(--gold);color:var(--gold)}
#life-voice-florence:focus-visible~.life-voice-tabs label[for="life-voice-florence"]{outline:2px solid var(--gold);outline-offset:3px}
#life-voice-florence:checked~.life-voice-panels .life-voice-florence{display:block}
.life-song{border-top:var(--rule);margin-top:2rem;padding-top:1.5rem}.life-song h2{margin-bottom:.75rem}.life-song-title{margin-bottom:1rem;font-size:1.2rem}
.life-sheet{border-top:var(--rule);margin-top:1.5rem;padding-top:1.25rem}
.life-sheet dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:.6rem 1rem;margin:0;font-family:var(--mono);font-size:.72rem;line-height:1.7}
.life-sheet dt{color:var(--ash)}.life-sheet dd{margin:0;overflow-wrap:anywhere}
.life-photo-details .life-note,.life-viewer-details .life-note{margin-top:1.5rem}
.life-credit{font-family:var(--mono);font-size:.78rem;margin-top:1.5rem;overflow-wrap:anywhere}
.life-footer-note{border-top:var(--rule);padding-top:2rem;margin-bottom:2rem;max-width:45rem;color:var(--ash);font-size:.92rem}
.life-section{overflow-wrap:anywhere}.life-section .lead{max-width:34rem}.life-section .cta{margin-top:2rem}
.life-viewer{display:block}
.life-viewer-image{width:min(var(--photo-width),100vw);position:relative;left:50%;transform:translateX(-50%)}
.life-viewer-image img{display:block;max-width:none}
.life-viewer-details{max-width:45rem}
.life-viewer-details{min-width:0}.life-photo-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;font-family:var(--mono);font-size:.8rem;margin:3rem 0}
@media(min-width:60rem){.life-post{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:4rem}.life-photos{grid-column:1;grid-row:1}.life-notes{grid-column:2;grid-row:1;position:sticky;top:2rem}.life-viewer-image{width:min(var(--photo-width),calc(100vw - 2 * var(--gutter)))}}
@media(prefers-reduced-motion:reduce){.lamp{animation:none;opacity:1}}
