/* Slide 12 · Reception & Adaptations — scoped to #s12 */
#s12{--fox1:12% 6%; --fox2:92% 40%; --fox3:30% 88%}
#s12 .la{font:italic 400 1.02em/1.45 var(--f-body); color:var(--ink); margin:0 0 .35em}
#s12 .quote .en{font-size:.92em}
#s12 .s12-src{font:400 .68rem/1.4 var(--f-mono); letter-spacing:.04em; color:var(--ink-faint); margin:.6em 0 0}
#s12 .s12-src code{font:inherit}

/* lead */
#s12 .s12-lead{grid-column:1/10}
#s12 .s12-lead .kicker{margin:0 0 .5em}
#s12 .s12-four{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5em 1.4em; counter-reset:f}
#s12 .s12-four li{counter-increment:f; font:400 1.25rem/1.2 var(--f-display); color:var(--ink)}
#s12 .s12-four li::before{content:counter(f, lower-greek) "  "; font:400 .95rem var(--f-greek); color:var(--rust)}

/* panels */
#s12 .s12-panel{grid-column:1/-1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); align-items:start;
  margin-top:clamp(40px,7vh,84px); padding-top:clamp(18px,3vh,30px); position:relative}
#s12 .s12-panel::before{content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:repeating-linear-gradient(90deg,var(--ink) 0 14px,transparent 14px 20px); opacity:.22}
#s12 .s12-panel > *{grid-column:1/-1}
#s12 .s12-head{display:flex; align-items:baseline; flex-wrap:wrap; gap:.3em 1em}
#s12 .s12-head h3{margin:0; font:400 clamp(1.9rem,3.4vw,3rem)/1 var(--f-display)}
#s12 .s12-head h3 a{color:inherit; text-decoration-color:color-mix(in srgb,var(--rust) 50%,transparent)}
#s12 .s12-head h3 small{font:400 .9rem var(--f-mono); color:var(--ink-faint); letter-spacing:.1em}
#s12 .s12-head .term{font-size:.85em}
#s12 .s12-no{font:400 clamp(2.4rem,4vw,3.6rem)/.8 var(--f-display); color:var(--rust)}
#s12 .s12-head .hand{font-size:1.25rem}
#s12 .s12-official{font:500 .72rem/1 var(--f-mono); letter-spacing:.12em; text-transform:uppercase; margin-left:auto}
#s12 .s12-sub{margin:0 0 .8em; font:600 .72rem/1.2 var(--f-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--rust)}
#s12 .s12-sub span{color:var(--ink-faint); font-weight:400}

/* I · Aeneid */
#s12 .s12-aen-notes{grid-column:1/9; grid-row:2}
#s12 .s12-mix{display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:.2em .45em; margin-left:.2em}
#s12 .s12-mix span{font-size:.9em; color:var(--ink-soft); white-space:nowrap}
#s12 .s12-mix span b{font-weight:600; color:var(--ink)}
#s12 .s12-mix i{font:400 1.1em var(--f-display); color:var(--rust); font-style:normal}
#s12 .s12-aeneas{grid-column:10/13; grid-row:2/4; width:min(100%,250px); justify-self:center; aspect-ratio:440/1200; --glyph-ar:440/1200}
#s12 .s12-barocci{grid-column:1/5; grid-row:3; margin-top:.4em}
#s12 .s12-guerin{grid-column:5/9; grid-row:3; margin-top:1.6em}
#s12 .s12-vs{display:grid; grid-template-columns:1fr auto 1fr; gap:0 clamp(16px,2.4vw,36px); align-items:start; margin-top:1.4em}
#s12 .s12-vs > .s12-sub, #s12 .s12-vs > .s12-after{grid-column:1/-1}
#s12 .s12-versus, #s12 .s12-arrow{font:italic 400 2.2rem/1 var(--f-display); color:var(--rust); align-self:center}
#s12 .s12-after{margin:.8em 0 0; font-size:.92em; color:var(--ink-soft); text-align:right}
#s12 .s12-echo-row{display:grid; grid-template-columns:1fr auto 1fr; gap:0 clamp(16px,2.4vw,36px); align-items:center}
#s12 .s12-echo .gr{font-size:1.32em}
#s12 .s12-turnus .la{font-size:1.18em}
#s12 .s12-turnus .flow-src{color:var(--rust); font-weight:500}
#s12 .s12-steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,24px); counter-reset:st}
#s12 .s12-steps li{position:relative; padding:.9em 0 0; border-top:1.5px solid var(--ink); font-size:.9em}
#s12 .s12-steps li b{display:block; font:400 1.35rem/1 var(--f-display); margin-bottom:.4em}
#s12 .s12-steps li b::before{counter-increment:st; content:counter(st) " · "; font:500 .7rem var(--f-mono); color:var(--ink-faint); vertical-align:.25em}
#s12 .s12-steps .la{font-size:1em}
#s12 .s12-steps .en{margin:0; font-style:italic; color:var(--ink-soft)}
#s12 .s12-steps cite{display:block; margin-top:.5em; font:500 .66rem/1.3 var(--f-mono); font-style:normal; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint)}
#s12 .s12-steps .s12-kill{border-top:3px solid var(--rust)}
#s12 .s12-steps .s12-kill b{color:var(--rust)}

/* II · Translations */
#s12 .s12-tr-notes{grid-column:1/9}
#s12 .s12-table-wrap{grid-column:1/-1}
#s12 .s12-table{width:100%; border-collapse:collapse; font-size:.95em}
#s12 .s12-table thead th{text-align:left; font:600 .74rem/1.2 var(--f-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink); padding:0 .8em .6em; border-bottom:1.5px solid var(--ink)}
#s12 .s12-table thead th small{font-weight:400; color:var(--ink-faint); letter-spacing:.06em}
#s12 .s12-table th[scope=row], #s12 .s12-table td{vertical-align:top; padding:.9em .8em; border-bottom:1px dashed color-mix(in srgb,var(--ink) 22%,transparent); text-align:left; font-weight:400}
#s12 .s12-table th[scope=row]{width:30%}
#s12 .s12-table .gr{font:400 1.08em/1.45 var(--f-greek); margin:0}
#s12 .s12-table cite{display:block; margin-top:.45em; font:500 .66rem/1.3 var(--f-mono); font-style:normal; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint)}
#s12 .s12-table cite a{color:inherit}
#s12 .s12-table td p{margin:0}
#s12 .s12-table td:nth-child(4){background:color-mix(in srgb,var(--paper-deep) 45%,transparent)}
#s12 mark{background:linear-gradient(transparent 60%, color-mix(in srgb,var(--rust) 34%,transparent) 60%); color:inherit; padding:0 .1em}
#s12 .s12-np{text-decoration:underline dotted var(--ink-faint); text-underline-offset:3px}
#s12 .s12-gap{display:inline-block; margin-left:.2em; padding:0 .45em; border:1.5px dashed var(--rust); border-radius:3px; font:500 .72em/1.6 var(--f-mono); color:var(--rust); white-space:nowrap}
#s12 .s12-why{margin-top:.5em !important; font-family:var(--f-hand); font-size:1.2em; line-height:1.15; color:var(--cobalt)}
#s12 .s12-verdict{grid-column:3/11; margin-top:.6em; font-size:.92em}
#s12 .s12-verdict h4{margin:0 0 .5em; font:600 .72rem/1.2 var(--f-mono); letter-spacing:.16em; text-transform:uppercase; color:var(--rust)}
#s12 .s12-verdict ul{margin:0; padding:0 0 0 1.1em}
#s12 .s12-verdict li{margin:.3em 0}
#s12 .s12-verdict li b{color:var(--ink)}

/* III · Nolan */
#s12 .s12-rw{display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,3vw,48px)}
#s12 .s12-rw h4{margin:0 0 .3em; font:400 1.5rem/1.1 var(--f-display)}
#s12 .s12-right h4::before{content:"✓ "; color:var(--gold)}
#s12 .s12-wrong h4::before{content:"✗ "; color:var(--rust)}
#s12 .s12-rw .hand{display:block; font-size:1.15em; margin-top:.15em}
#s12 .s12-argos{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); align-items:center; margin-top:1.2em}
#s12 .s12-argos > .s12-sub{grid-column:1/-1; margin-bottom:0}
#s12 .s12-riviere{grid-column:1/6}
#s12 .s12-argos-q{grid-column:6/9}
#s12 .s12-dog{grid-column:9/13; justify-self:center; width:min(100%,250px)}
#s12 .s12-dog .clip.short{max-width:none}
#s12 .s12-bow{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); align-items:center}
#s12 .s12-bow > .s12-sub{grid-column:1/-1; margin-bottom:0}
#s12 .s12-bow-clip{grid-column:2/7}
#s12 .s12-bow-q{grid-column:7/12}
#s12 .s12-anti{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(16px,2vw,32px); align-items:center; margin-top:1em}
#s12 .s12-anti > .notes{grid-column:1/5}
#s12 .s12-anti-clips{grid-column:5/13; display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,28px)}
#s12 .credit{margin:.6em 0 0}

/* the last line of the deck */
#s12 .s12-last{grid-column:1/-1; position:relative; margin:clamp(70px,14vh,150px) auto clamp(30px,8vh,90px); max-width:16ch; text-align:center;
  font:400 clamp(2.6rem,6.4vw,6rem)/1.02 var(--f-display); color:var(--ink); letter-spacing:-.01em}
#s12 .s12-last em{color:var(--rust)}
#s12 .s12-last .splat{position:absolute; aspect-ratio:1; z-index:-1}

@media (max-width:820px){
  #s12 .s12-panel > *, #s12 .s12-argos > *, #s12 .s12-bow > *, #s12 .s12-anti > *{grid-column:1/-1 !important; grid-row:auto !important}
  #s12 .s12-aeneas{width:46vw; justify-self:center; margin:.5em 0}
  #s12 .s12-guerin{margin-top:0}
  #s12 .s12-vs, #s12 .s12-echo-row{grid-template-columns:1fr; gap:.8em}
  #s12 .s12-versus, #s12 .s12-arrow{justify-self:start; font-size:1.7rem}
  #s12 .s12-arrow{transform:rotate(90deg)}
  #s12 .s12-after{text-align:left}
  #s12 .s12-steps{grid-template-columns:1fr}
  #s12 .s12-rw, #s12 .s12-anti-clips{grid-template-columns:1fr}
  #s12 .s12-official{margin-left:0}
  #s12 .s12-table, #s12 .s12-table tbody, #s12 .s12-table tr, #s12 .s12-table th[scope=row], #s12 .s12-table td{display:block; width:auto}
  #s12 .s12-table thead{display:none}
  #s12 .s12-table tr{margin-bottom:1.4em; border-top:1.5px solid var(--ink)}
  #s12 .s12-table td{padding:.6em .4em; border-bottom:1px dashed color-mix(in srgb,var(--ink) 22%,transparent)}
  #s12 .s12-table td::before{display:block; font:600 .66rem/1.2 var(--f-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:.25em}
  #s12 .s12-table td:nth-child(2)::before{content:"Lattimore 1965"}
  #s12 .s12-table td:nth-child(3)::before{content:"Fagles 1996"}
  #s12 .s12-table td:nth-child(4)::before{content:"Wilson 2017"}
  #s12 .s12-verdict{transform:none}
  #s12 .s12-last{max-width:none}
  #s12 .quote .gr, #s12 .s12-echo .gr{font-size:1.02em}
  #s12 .s12-table .gr{font-size:1em}
  #s12 .s12-head .hand{flex-basis:100%}
  #s12 .s12-dog{width:min(100%,230px)}
}