/* Slide 9 · Memento Mori. Scoped to #s09. */
#s09 .s09-kicker{grid-column:1/-1; margin:-.6em 0 .4em; font-size:1.5rem}
#s09 .s09-kicker .term{font-family:var(--f-greek); font-size:.8em}
#s09 .s09-h3{margin:0 0 .5em; font:400 clamp(1.7rem,2.8vw,2.5rem)/1.05 var(--f-display); color:var(--ink)}
#s09 .s09-h3 .hand{font-size:.62em; margin-left:.4em}
#s09 .s09-h3 .term{font-size:.9em}
#s09 .s09-check, #s09 .s09-cfline, #s09 .s09-diff, #s09 .s09-reply{margin:.55em 0 0; font-size:.84em; line-height:1.4; color:var(--ink-soft)}
#s09 .s09-check b{font:500 .64rem/1 var(--f-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--rust); margin-right:.5em}
#s09 .s09-diff{font-family:var(--f-hand); font-size:1.12em; line-height:1.15; color:var(--cobalt)}
#s09 .s09-diff .term{font-size:.82em}

/* centrepiece */
#s09 .s09-achilles{grid-column:1/8; grid-row:4}
#s09 .s09-big{border-left-width:3px; padding-left:1.1em}
#s09 .s09-big .gr{font-size:clamp(1.35rem,2.05vw,1.95rem); line-height:1.38}
#s09 .s09-big .en{font-size:1.06em}
#s09 .s09-para{margin:.6em 0 .2em 1.2rem; font-size:1.6rem; transform:rotate(-1.2deg)}
#s09 .s09-gloss{list-style:none; margin:.5em 0 0 1.2rem; padding:0; font-size:.86em; color:var(--ink-soft)}
#s09 .s09-gloss li{margin:.3em 0}
#s09 .s09-gloss li::before{content:"· "; color:var(--rust)}

#s09 .s09-hero{grid-column:8/13; grid-row:4/6; position:relative; align-self:start; padding-top:.5rem}
#s09 .s09-glyph{--glyph-ar:539 / 1200; width:min(100%,330px); margin:0 auto}
#s09 .s09-hero-tag{position:absolute; left:-.5rem; top:12%; font-size:1.45rem; line-height:1.05; transform:rotate(-6deg)}
#s09 .s09-hero .credit{text-align:center}

#s09 .s09-peleus{grid-column:2/8; grid-row:5; border-left:0; padding:1.2em 1.4em}
#s09 .s09-peleus .gr{font-size:1.02em}
#s09 .s09-peleus .en{font-size:.92em}

/* notes + gallery */
#s09 .s09-notes{grid-column:1/8; grid-row:6; margin-top:1.4rem}
#s09 .s09-notes .term{font-size:.95em}
#s09 .s09-krater{grid-column:8/13; grid-row:6; width:88%; justify-self:end; margin-top:2rem}
#s09 .s09-gallery{grid-column:1/-1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); align-items:center; margin-top:2rem}
#s09 .s09-fuseli{grid-column:1/5}
#s09 .s09-film{grid-column:5/13}

/* expandables */
#s09 .s09-more{margin-top:.35em}
#s09 .s09-more summary{cursor:pointer; list-style:none; font:500 .7rem/1.4 var(--f-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--rust)}
#s09 .s09-more summary::-webkit-details-marker{display:none}
#s09 .s09-more summary::before{content:"+ "; font-weight:600}
#s09 .s09-more[open] summary::before{content:"− "}

/* Hermes psychopompos */
#s09 .s09-hermes{grid-column:1/-1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); margin-top:3rem; align-items:start}
#s09 .s09-od24{grid-column:1/8; grid-row:1}
#s09 .s09-cyl{grid-column:1/8; grid-row:2}
#s09 .s09-lekythos{grid-column:9/13; grid-row:1/4; width:80%; justify-self:center; align-self:center}
#s09 .s09-attest{grid-column:1/8; grid-row:3; padding:1.3em 1.6em; margin:.4rem 0 0 2.5rem}
#s09 .s09-attest-list{list-style:none; margin:0; padding:0}
#s09 .s09-attest-list li{margin:.45em 0; padding-left:.9em; text-indent:-.9em}
#s09 .s09-attest-list li::before{content:"→ "; color:var(--rust)}
#s09 .s09-attest-list .term{font-size:.98em}
#s09 .s09-attest .hand{margin:.6em 0 0; font-size:1.25em}

/* Hades after Homer: scraps */
#s09 .s09-beyond{grid-column:1/-1; margin-top:2.6rem}
#s09 .s09-scraps{columns:3 300px; column-gap:clamp(18px,2.4vw,36px)}
#s09 .s09-scrap{break-inside:avoid; display:block; margin:0 0 1.6rem; padding:1.1em 1.25em; border-left:0; font-size:.92em}
#s09 .s09-scrap h4{margin:0 0 .45em; font:600 .68rem/1.2 var(--f-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--rust)}
#s09 .s09-scrap .gr{font-size:.98em}
#s09 .s09-scrap .en{font-size:.92em}

/* what is life? */
#s09 .s09-life{grid-column:1/-1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); margin-top:2.4rem; align-items:start}
#s09 .s09-life .s09-h3{grid-column:1/-1}
#s09 .s09-life-notes{grid-column:1/5}
#s09 .s09-pair{grid-column:5/13; display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,2vw,32px)}
#s09 .s09-pair .gr{font-size:1.04em}
#s09 .s09-life-tag{grid-column:5/13; margin:.2em 0 0; font-size:1.35rem; transform:rotate(-.8deg)}

/* Polygnotus band */
#s09 .s09-poly{grid-column:2/12; margin-top:2.4rem}

@media (max-width:820px){
  #s09 .s09-achilles, #s09 .s09-hero, #s09 .s09-peleus, #s09 .s09-notes, #s09 .s09-gallery{grid-row:auto}
  #s09 .s09-hero{order:0}
  #s09 .s09-glyph{width:min(62%,240px)}
  #s09 .s09-hero-tag{top:30%; font-size:1.2rem}
  #s09 .s09-hermes, #s09 .s09-life, #s09 .s09-gallery{grid-template-columns:1fr}
  #s09 .s09-krater{grid-row:auto; width:100%}
  #s09 .s09-hermes > *, #s09 .s09-life > *, #s09 .s09-gallery > *{grid-column:1/-1 !important; grid-row:auto !important}
  #s09 .s09-lekythos{width:72%; justify-self:center}
  #s09 .s09-attest{margin:0}
  #s09 .s09-big .gr{font-size:1.06rem}
  #s09 .s09-od24 .gr, #s09 .s09-peleus .gr{font-size:.98rem}
  #s09 .s09-hero-tag{left:0}
  #s09 .s09-pair{grid-template-columns:1fr}
  #s09 .s09-krater, #s09 .s09-fuseli{width:100%}
  #s09 .s09-para{font-size:1.35rem}
}