/* Slide 10 — Tale as allegory. Scoped to #s10. */
#s10 .s10-notes{grid-column:1/8}
#s10 .s10-hero{grid-column:8/13; position:relative; padding:0 0 0 clamp(0px,1.5vw,24px)}
#s10 .s10-glyph{width:min(100%,370px); margin:0 auto; aspect-ratio:687/1009}
#s10 .s10-hero .splat{position:absolute; z-index:-1; opacity:.5}
#s10 .s10-stamp{margin:.35em 0 0; text-align:center; font:400 clamp(1.9rem,3.2vw,2.9rem)/1.05 var(--f-greek); color:var(--rust); letter-spacing:.01em}
#s10 .s10-stamp-en{margin:.15em 0 .4em; text-align:center; font:italic 400 1rem/1.3 var(--f-body); color:var(--ink-soft)}
#s10 .s10-hero .credit{text-align:center}
#s10 .s10-hand-eye{margin:.4em 0 0; text-align:center; font-size:1.25em; transform:rotate(-2deg)}

/* section sub-heads */
#s10 .s10-sub{grid-column:1/-1; margin:clamp(28px,4vw,56px) 0 0; display:flex; align-items:center; gap:.6em;
  font:400 clamp(1.5rem,2.4vw,2.2rem)/1.1 var(--f-display); color:var(--ink); border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent); padding-top:.55em}
#s10 .s10-sub > span:first-child{font:500 .72rem/1 var(--f-mono); letter-spacing:.2em; color:var(--paper-light); background:var(--rust); padding:.45em .6em; border-radius:2px}
#s10 .s10-sub .term{font-size:.95em}

/* I · Nietzsche + aesthetics */
#s10 .s10-nz{grid-column:1/8}
#s10 .s10-nz .en{font-size:1.04em; line-height:1.55}
#s10 .s10-nz .en b{font-weight:500; color:var(--ink); font-style:italic; background:linear-gradient(transparent 62%, color-mix(in srgb,var(--rust) 18%,transparent) 62%)}
#s10 .s10-bif{grid-column:8/13; padding:18px 20px}
#s10 .s10-bif p{margin:.2em 0 .55em}
#s10 .s10-bif h4 + p{margin-top:0}
#s10 .s10-bif h4:not(:first-child){margin-top:.9em}
#s10 .s10-fc{font-size:.92em; border-top:1px dashed color-mix(in srgb,var(--ink) 25%,transparent); padding-top:.5em}

#s10 .s10-tri{grid-column:1/-1; position:relative; display:grid; grid-template-columns:.78fr 1fr 1fr; gap:clamp(18px,2.4vw,40px); align-items:center; margin-top:clamp(10px,2vw,24px)}
#s10 .s10-tri figure:nth-child(1){margin-top:-10px}
#s10 .s10-tri figure:nth-child(2){margin-top:40px}
#s10 .s10-tri figure:nth-child(3){margin-top:-20px}
#s10 .s10-tri-note{position:absolute; right:2%; bottom:-1.6em; margin:0; transform:rotate(-2deg)}

/* II · Polyphemus */
#s10 .s10-eye{width:58px; height:29px; margin-left:.2em; overflow:visible}
#s10 .s10-eye .lid{fill:var(--paper-light); stroke:var(--ink); stroke-width:3.2; stroke-linejoin:round}
#s10 .s10-eye .iris{fill:none; stroke:var(--rust); stroke-width:3}
#s10 .s10-eye .pupil{fill:var(--ink)}
#s10 .s10-eye{transform-origin:50% 50%; animation:s10-blink 7s ease-in-out infinite}
@keyframes s10-blink{0%,92%,100%{transform:scaleY(1)} 95%{transform:scaleY(.08)}}

#s10 .s10-poly{grid-column:1/8}
#s10 .verse{position:relative; padding-left:2.2em; font-size:1.28em; line-height:1.6}
#s10 .verse .ln{position:absolute; left:0; font:400 .62rem/2.6 var(--f-mono); color:var(--ink-faint)}
#s10 mark{background:none; color:var(--rust); padding:0 .05em; box-shadow:inset 0 -.32em 0 color-mix(in srgb,var(--rust) 14%,transparent)}
#s10 .quote .en b{font-weight:500; color:var(--rust); font-style:italic}
#s10 .s10-phil{grid-column:8/13}
#s10 .s10-phil p{margin:.15em 0 .7em}
#s10 .s10-phil h4:not(:first-child){margin-top:1em}

#s10 .s10-three{grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2.4vw,40px); margin-top:clamp(6px,1.4vw,18px)}
#s10 .s10-three .gr{font-size:1.08em}
#s10 .s10-three .en{font-size:.95em}
#s10 .s10-zeus{transform:translateY(18px)}
#s10 .s10-bakker{grid-column:3/11; padding:18px 22px; margin-top:clamp(18px,2.6vw,36px)}
#s10 .s10-bakker p{margin:.2em 0 .5em}

/* III · Foucault */
#s10 .s10-fou{grid-column:1/8}
#s10 .s10-fou .quote{margin-bottom:1.1em}
#s10 .s10-fou .quote .en{margin:0 0 .45em}
#s10 .s10-fou-notes .hand{display:block; margin:.15em 0 0 1.2em; font-size:1.3em; transform:rotate(-1.5deg)}
#s10 .s10-redon{grid-column:8/13; grid-row:span 1; align-self:start; margin-top:12px}
#s10 .s10-redon img{width:100%; height:auto; aspect-ratio:1272/1600; object-fit:cover}
#s10 .s10-redon-cap{grid-column:8/13; margin-top:-8px}
#s10 .s10-redon-cap .hand{display:block; margin-top:.35em; font-size:1.15rem; letter-spacing:0}

@media (prefers-reduced-motion:reduce){ #s10 .s10-eye{animation:none} }

@media (max-width:820px){
  #s10 .s10-notes, #s10 .s10-hero{grid-row:auto}
  #s10 .s10-hero{padding:0}
  #s10 .s10-glyph{width:min(80%,320px)}
  #s10 .s10-tri{grid-template-columns:1fr 1fr; gap:16px}
  #s10 .s10-tri figure:nth-child(1){grid-row:span 2; margin-top:0}
  #s10 .s10-tri figure:nth-child(2), #s10 .s10-tri figure:nth-child(3){margin-top:0}
  #s10 .s10-tri figcaption{font-size:.6rem}
  #s10 .s10-tri-note{position:static; grid-column:1/-1; text-align:right}
  #s10 .s10-three{grid-template-columns:1fr; gap:22px}
  #s10 .s10-zeus{transform:none}
  #s10 .verse{font-size:1.02em; padding-left:1.9em}
  #s10 .s10-redon{max-width:360px}
}