@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{color-scheme:dark;--ink:#111921;--cream:#f3e9ce;--gold:#dbb46c;--muted:#a9b6ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--ink);color:var(--cream);font:17px/1.65 Georgia,serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7ff6eb;outline-offset:6px}img{max-width:100%;display:block}.masthead{position:absolute;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;height:82px;padding:0 5%;border-bottom:1px solid #e2d6b72d;background:linear-gradient(#09111dcc,transparent)}.studio{font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:3px}.studio span{font-weight:500;color:var(--gold)}nav{display:flex;gap:34px;font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}nav a:last-child{color:var(--gold)}.title-scene{min-height:820px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #dbb46c60}.cover-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#07101b63 0%,#07101b08 45%,#0a1420aa 76%,#111921 100%)}.title-copy{position:absolute;top:14%;left:0;width:100%;text-align:center;filter:drop-shadow(0 3px 9px #000)}.overline{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:3.5px;color:var(--gold)}.title-copy .overline{color:#fff7e5;text-shadow:0 2px 8px #000}h1{margin:23px auto 0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;line-height:.73;letter-spacing:10px;text-shadow:0 3px 2px #22182a,0 0 26px #041222,0 0 5px #041222}h1>span{display:block;font-size:clamp(70px,8.5vw,136px)}h1 .trigger{font-size:clamp(56px,7.25vw,117px);margin-top:15px;letter-spacing:11px;color:#ffdd99}h1 small{display:block;font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:7px;margin-top:26px}.tagline{font-style:italic;color:#ffefd0;font-size:20px;letter-spacing:.8px;margin-top:19px}.title-actions{position:absolute;bottom:13%;width:100%;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:42px;min-height:56px;padding:12px 28px;font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;text-transform:uppercase;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-3px)}.primary{background:var(--gold);color:#1b2428;box-shadow:0 3px 24px #0005;border:1px solid #f7d89f}.secondary{background:#142532d9;border:1px solid #e8d6ac80}.title-actions p{width:100%;text-align:center;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#dce0d8;margin:6px}.title-actions p span{padding:0 9px;color:var(--gold)}.chapter-mark,.scroll-cue{position:absolute;bottom:38px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2.6px}.chapter-mark{left:5%;color:#bfc8c6}.scroll-cue{right:5%;color:var(--gold)}.scroll-cue span{margin-left:15px}.wrap{max-width:1360px;margin:auto;padding-left:5%;padding-right:5%}.intro{text-align:center;max-width:950px;padding-top:90px;padding-bottom:80px}h2{font:600 clamp(35px,3.8vw,57px)/1.13 'Cormorant Garamond',Georgia,serif;margin:15px 0 25px;letter-spacing:-.8px}.intro>p:not(.overline){max-width:680px;margin:auto;color:var(--muted);font-size:18px}.feature-line{display:flex;justify-content:center;gap:65px;margin-top:42px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:2px}.feature-line b{display:block;color:var(--gold);font:500 38px 'Cormorant Garamond',serif;letter-spacing:0}.heroes{padding-top:30px;padding-bottom:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{margin:8px 0}.text-link{font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:var(--gold);padding-bottom:12px}.roster{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.hero-card{overflow:hidden;text-align:center;background:linear-gradient(#26414a6e,#1a2833);border:1px solid #97a9a52d;padding-bottom:18px;transition:border-color .2s,transform .2s}.hero-card:hover{border-color:var(--gold);transform:translateY(-5px)}.hero-portrait{width:100%;height:auto;object-fit:contain;object-position:center bottom;display:block;aspect-ratio:.78;background-image:var(--fighter);background-size:contain;background-position:center bottom;background-repeat:no-repeat;filter:drop-shadow(0 5px 8px #0007)}.hero-card small{font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:1.1px;color:var(--gold)}h3{font:600 29px 'Cormorant Garamond',Georgia,serif;margin:3px 0 0}.eras{padding-bottom:85px}.section-heading>p{font-style:italic;color:var(--muted)}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stage-grid a{position:relative;overflow:hidden;aspect-ratio:1.25;border:1px solid #e0c78542}.stage-grid img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.stage-grid a:hover img{transform:scale(1.04)}.stage-grid a:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#0b1523e8)}.stage-grid a>div{position:absolute;z-index:1;bottom:26px;left:26px}.stage-grid small{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#e7c88a}.stage-grid h3{font-size:35px}.era-note{color:var(--muted);font-size:16px;max-width:800px;margin:27px 0 0}.controls-section{padding-top:60px;padding-bottom:85px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;border-top:1px solid #c8c8b72a}.controls-section p{color:var(--muted)}.controls-section .button{margin-top:15px}.control-card{padding:32px 38px;border:1px solid #e0c78542;background:#1a29316b}.control-card h3{margin-bottom:20px}.control-card p{font-size:14px;margin:12px 0}.control-card small{font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:var(--gold)}kbd{display:inline-block;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:1px;padding:2px 7px;background:#53616a45;border:1px solid #c5c3ab50;color:#fff5d8;border-radius:2px}footer{display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid #d1ccb52a;padding-top:35px;padding-bottom:35px}footer p{max-width:480px;font-size:12px;color:#899da4}footer>a:last-child{font:500 13px 'Barlow Condensed',sans-serif;color:var(--gold);letter-spacing:1px}@media(max-width:1000px){.roster{grid-template-columns:repeat(4,1fr)}.controls-section{gap:35px}.hero-portrait{aspect-ratio:1}.title-scene{min-height:750px}.title-copy{top:16%}}@media(max-width:650px){body{font-size:16px}.masthead{height:65px}.studio{font-size:14px;letter-spacing:2px}nav{gap:15px;font-size:12px}nav a:first-child{display:none}.title-scene{min-height:690px;height:94svh;max-height:950px}.cover-art{object-position:45% center}.title-copy{top:17%}h1>span{font-size:68px;letter-spacing:5px}h1 .trigger{font-size:56px;letter-spacing:7px}h1 small{font-size:12px;letter-spacing:5px}.tagline{font-size:17px}.title-copy .overline{font-size:10px;letter-spacing:2px}.title-actions{bottom:13%;gap:10px}.button{font-size:14px;gap:18px;padding:10px 22px}.title-actions .button{width:min(100%,300px)}.title-actions p{font-size:9px;letter-spacing:1px}.chapter-mark{display:none}.scroll-cue{right:0;left:0;text-align:center;bottom:25px}.intro{padding-top:60px;padding-bottom:50px}.feature-line{gap:25px;font-size:9px;letter-spacing:1px}.feature-line b{font-size:32px}.section-heading{align-items:start;display:block}.section-heading h2{font-size:35px}.text-link{display:inline-block;margin-top:10px}.heroes{padding-bottom:55px}.roster{grid-template-columns:repeat(2,1fr);gap:12px}.hero-portrait{aspect-ratio:1}.hero-card:last-child{grid-column:1/3;max-width:calc(50% - 6px);width:100%;justify-self:center}.hero-card small{font-size:10px}.stage-grid{grid-template-columns:1fr}.stage-grid a{aspect-ratio:1.6}.stage-grid a>div{bottom:20px;left:20px}.section-heading>p{font-size:15px}.eras{padding-bottom:55px}.controls-section{padding-top:45px;padding-bottom:50px;grid-template-columns:1fr;gap:30px}.control-card{padding:25px}.control-card h3{font-size:27px}footer{flex-wrap:wrap;gap:14px}footer p{order:3;width:100%;margin:0}.overline{font-size:10px;letter-spacing:2.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}