/* The opening is a finite visual prologue; its three eras remain readable without motion. */
#etr-story .lineage-film{background:#101716;color:#edf1ee;max-width:1600px;margin:0 auto}
#etr-story .lineage-stage{position:relative;min-width:0}
#etr-story .lineage-canvas{display:none;width:100%;height:clamp(390px,calc(100svh - 350px),640px)}
#etr-story .lineage-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 30px 40px}
#etr-story .lineage-stills figure{margin:0;min-width:0}
#etr-story .lineage-stills img{width:100%;height:auto;aspect-ratio:720/650;object-fit:contain}
#etr-story .lineage-stills figcaption{color:#c0cac8;padding:0 12px;font-size:14px;text-align:center}
#etr-story .lineage-stills strong{display:block;color:#edf1ee;font-size:19px;margin-bottom:7px}
#etr-story .lineage-stills span{display:block}
#etr-story .lineage-caption{display:none;max-width:1200px;margin:0 auto;padding:0 38px 32px;grid-template-columns:1.15fr 1fr;gap:50px;align-items:end;min-height:128px}
#etr-story .lineage-caption h2{font-size:clamp(28px,3.2vw,44px);line-height:1.09;letter-spacing:-.035em;font-weight:650;margin:0;max-width:600px;text-wrap:balance}
#etr-story .lineage-caption p{font-size:17px;line-height:1.5;color:#b7c5c6;margin:0;max-width:440px}
#etr-story .lineage-controls{display:none;max-width:1200px;margin:0 auto;padding:26px 38px 0;border-top:1px solid #354244;justify-content:space-between;gap:35px;align-items:center}
#etr-story .lineage-eras{display:flex;gap:clamp(25px,6vw,85px);align-items:stretch}
#etr-story .lineage-eras button{background:none;border:0;padding:0 0 14px;border-bottom:1px solid transparent;color:#a4b3b5;font:500 16px/1.4 Figtree,Arial,sans-serif;text-align:left;min-height:58px;cursor:pointer}
#etr-story .lineage-eras button span{display:block;color:#9baaad;font-size:12px;font-weight:400;line-height:1.5;margin-top:3px}
#etr-story .lineage-eras button[aria-pressed="true"]{color:#fff;border-bottom-color:#e8ece8}
#etr-story .lineage-eras button:hover{color:#fff}
#etr-story .lineage-controls .sequence-transport{display:flex;margin:0;padding:0;border:0}
#etr-story .lineage-controls .sequence-transport button{border-color:#697a7d;color:#edf1ee}
#etr-story .lineage-qualification{max-width:1200px;margin:0 auto;padding:24px 38px 28px;color:#a2b0b2;font-size:12px;line-height:1.6}
#etr-story .lineage-qualification a{color:#c9d3d3;text-underline-offset:3px}
#etr-story .lineage-film[data-enhanced="true"] .lineage-canvas{display:block}
#etr-story .lineage-film[data-enhanced="true"] .lineage-stills{display:none}
#etr-story .lineage-film[data-enhanced="true"] .lineage-controls{display:flex}
#etr-story .lineage-film[data-enhanced="true"] .lineage-caption{display:grid}
@media(max-width:700px){
 #etr-story .lineage-canvas{height:clamp(260px,calc(100svh - 290px),430px)}
 #etr-story .lineage-stills{grid-template-columns:1fr;padding:0 22px 35px;gap:24px}
 #etr-story .lineage-stills img{max-height:340px}
 #etr-story .lineage-caption{padding:0 24px 27px;grid-template-columns:1fr;gap:14px;min-height:137px;align-content:start}
 #etr-story .lineage-caption h2{font-size:30px;max-width:440px}
 #etr-story .lineage-caption p{font-size:16px;max-width:400px}
 #etr-story .lineage-controls{padding:22px 24px 0;flex-wrap:wrap;gap:20px}
 #etr-story .lineage-eras{justify-content:space-between;gap:16px;width:100%}
 #etr-story .lineage-eras button{font-size:14px}
 #etr-story .lineage-qualification{padding:23px 24px 28px;font-size:12px}
}
@media(max-width:360px){#etr-story .lineage-eras{gap:10px}#etr-story .lineage-eras button{font-size:12px}#etr-story .lineage-eras button span{font-size:12px}}
@media(prefers-reduced-motion:reduce){
 #etr-story .lineage-film[data-enhanced="true"] .lineage-canvas,#etr-story .lineage-film[data-enhanced="true"] .lineage-caption,#etr-story .lineage-film[data-enhanced="true"] .lineage-controls{display:none}
 #etr-story .lineage-film[data-enhanced="true"] .lineage-stills{display:grid}
}