.evo-page{max-width:1240px}.evo-intro{max-width:760px}.eras{list-style:none;margin:56px 0 0;padding:0;display:grid;gap:72px}.era{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media(min-width:900px){.era{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}.era:nth-child(2n) .era-media{order:2}}.era-media{position:relative;aspect-ratio:16 / 9;background:var(--dusk);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.era-media video,.era-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.era-media.contain{background:#05030a}.era-media.contain video,.era-media.contain img{object-fit:contain}.era-media video{opacity:0;transition:opacity .3s linear}.era-media.is-playing video{opacity:1}.era-media .era-play{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.04em;background:#0a0713b3;color:var(--ink);border:1px solid rgba(238,240,251,.3);border-radius:8px;padding:8px 12px;cursor:pointer;backdrop-filter:blur(6px)}.era-media .era-play:hover{border-color:var(--cyan);color:var(--cyan)}.era-media .era-tag{position:absolute;right:12px;top:12px;z-index:2;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--cyan);background:#0a0713b3;border:1px solid rgba(65,232,255,.35);border-radius:6px;padding:6px 10px}.era-text h2{font-size:clamp(26px,3vw,38px);line-height:1.08;max-width:18ch}.era-text .era-when{margin-top:8px;color:var(--cyan);font-family:var(--display);font-size:15px}.era-text .era-what{margin-top:14px;color:var(--muted);max-width:46ch}.era-text .era-source{margin-top:14px;color:var(--dim);font-size:14px;max-width:46ch}.era-text .era-source code{font-family:var(--mono);font-size:12px;color:var(--muted)}.evo-note{margin-top:64px;color:var(--muted);max-width:66ch;border-left:2px solid var(--line);padding-left:16px}.evo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}body.reel{background:var(--void)}body.reel .site-header,body.reel .site-footer,body.reel .evo-intro,body.reel .evo-note,body.reel .evo-actions,body.reel .skip{display:none}body.reel .page{padding:0;max-width:none}body.reel .eras{gap:0;margin:0}body.reel .era{grid-template-columns:1fr;gap:0;min-height:100dvh;position:relative}body.reel .era .era-media{position:absolute;inset:0;border:0;border-radius:0;aspect-ratio:auto}body.reel .era .era-media video{opacity:1}body.reel .era .era-play{display:none}body.reel .era-text{position:absolute;left:var(--gutter);right:var(--gutter);bottom:12dvh;z-index:3}body.reel .era-text h2{font-size:clamp(36px,8vw,84px);max-width:12ch;text-shadow:0 2px 30px rgba(10,7,19,.9)}body.reel .era-text .era-what{color:var(--ink);font-size:clamp(18px,2.4vw,26px);text-shadow:0 2px 20px rgba(10,7,19,.9)}body.reel .era-text .era-source{display:none}body.reel .era:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0a071300 40%,#0a0713bf);pointer-events:none}