@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--navy:#080e1b;--navy-light:#111d31;--paper:#eeece5;--ink:#101d31;--white:#faf9f3;--muted:#afbdd0;--blue:#315cdc;--orange:#ff7b46;--line:#a6b5ca30;--max:1280px;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Barlow,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:var(--orange);color:var(--navy)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}figure,blockquote,p,h1,h2,h3{margin:0}button, a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.paper a:focus-visible,.paper button:focus-visible{outline-color:var(--blue)}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;padding:13px 22px;z-index:100;background:var(--orange);color:var(--navy);font-weight:600}.skip-link:focus{top:12px}
.nav{position:fixed;inset:0 0 auto;z-index:50;background:#080e1bf2;border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:102px;flex-shrink:0;padding:8px 0}.brand img{height:auto;width:100%}.nav-links{display:flex;gap:34px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.nav-links a{padding:24px 0;position:relative;color:#c9d3e1;transition:color .2s}.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:13px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links a:hover,.nav-links a[aria-current]{color:white}.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}.nav-follow{border:1px solid #728098;padding:12px 18px;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.nav-follow:hover{border-color:var(--orange);color:var(--orange)}.nav-follow span{font-size:19px}.menu-toggle{display:none;background:none;border:1px solid #718098;width:44px;height:44px;padding:12px}.menu-toggle span{display:block;background:white;width:100%;height:1px;margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{border-top:1px solid var(--line);padding:15px 24px 24px;background:var(--navy);max-height:calc(100svh - 72px);overflow:auto}.mobile-menu a{display:block;padding:11px 2px;font-size:18px;border-bottom:1px solid var(--line)}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:25px;color:#c7d1e1}.eyebrow>span:not(.live-dot){color:var(--orange);letter-spacing:0;font-size:12px;min-width:18px}.live-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;flex-shrink:0}.display{font-family:var(--display);font-weight:800;font-size:clamp(62px,6.3vw,90px);line-height:.96;letter-spacing:-.013em;text-transform:uppercase;text-wrap:balance}.display em{font-style:normal;color:var(--orange)}.paper{background:var(--paper);color:var(--ink);color-scheme:light}.paper .eyebrow{color:#505c6d}.paper .eyebrow>span{color:var(--blue)}.paper .display em{color:var(--blue)}
.hero{position:relative;isolation:isolate;min-height:880px;min-height:clamp(840px,100svh,1000px);padding:154px 0 122px;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;z-index:-3;inset:0 0 0 23%}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:9% center}.hero::before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#080e1b 5%,#080e1bfa 25%,#080e1bd9 36%,#080e1b55 57%,transparent 73%),linear-gradient(0deg,#080e1b,transparent 35%,transparent 80%,#080e1b66)}.hero-intro{max-width:535px;width:47%}.hero .eyebrow{margin-bottom:22px;font-size:10px}.hero-logo{width:min(100%,480px);height:auto;margin-bottom:26px}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(58px,5.6vw,78px);line-height:.96;letter-spacing:-.01em;text-transform:uppercase}.hero h1>span:not(.sr-only){color:var(--orange)}.hero-copy{max-width:430px;color:#ccd4e0;font-size:19px;line-height:1.6;margin-top:24px;text-wrap:pretty}.hero-copy strong{color:var(--white);font-weight:600}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 23px;min-height:54px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.button svg{width:18px;height:18px}.button>span{font-size:20px;margin-left:9px}.button-orange{background:var(--orange);color:#071020;border:1px solid #ff9c70;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.button-orange:hover{background:#ff9c71;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:600;font-size:13px;min-height:44px}.text-link>span{font-size:19px}.text-link:hover{color:var(--orange)}.hero-credit{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:11px;color:#a6b5cb}.hero-credit a{color:#e7edf6;text-decoration:underline;text-underline-offset:3px}.hero-credit>span{margin:0 6px;color:#6a7f9e}.hero-bottom{position:absolute;left:0;right:0;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #adbeda33;padding-top:20px}.scroll-cue{display:flex;gap:17px;align-items:center;font-size:11px;color:#b1c0d6}.scroll-cue>span{color:var(--orange);font-size:22px}.arena-motto{font:800 24px var(--display);text-transform:uppercase;letter-spacing:.015em;color:#e2e7ee}
section{padding:98px 0;scroll-margin-top:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:21px}.section-aside{font-size:16px;line-height:1.55;color:#5a6473;max-width:340px;padding-bottom:5px}.trailer-section{border-top:1px solid var(--line);padding:85px 0 100px}.trailer-layout{display:grid;grid-template-columns:.75fr 1.75fr;gap:64px;align-items:center}.trailer-copy .display{font-size:82px}.trailer-copy>p{font-size:16px;color:var(--muted);line-height:1.65;margin-top:24px;max-width:325px}.format-note{display:flex;gap:17px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;max-width:285px}.format-note b{font-family:var(--display);font-size:36px;line-height:1;color:var(--white);font-weight:800}.format-note span{font-size:12px;line-height:1.5;color:#b9c7d9}
.story{padding:106px 0 87px;background:var(--navy);color:var(--white)}.story-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center}.story-art{position:relative;align-self:center}.story-art::before{content:'';position:absolute;inset:-13px 20px 51px -13px;border:1px solid #ff7b4655}.story-art>img{width:100%;height:auto;aspect-ratio:1.14;object-fit:cover;object-position:53% center;position:relative}.story-art figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:11px;color:var(--muted)}.story-art figcaption span:first-child{font-weight:600;color:var(--white)}.story-copy .display{font-size:clamp(57px,5.2vw,74px);margin-bottom:27px}.story-copy>p{font-size:18px;line-height:1.6;color:var(--muted);text-wrap:pretty}.story-copy>p+p{margin-top:19px}.story-copy strong{color:var(--white);font-weight:600}
.cast{padding-top:70px;border-top:1px solid #10213c24}.cast .section-head{margin-bottom:37px}.cast .display{font-size:94px}.characters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.character{min-width:0}.portrait{position:relative;aspect-ratio:4/4.4;overflow:hidden;border:1px solid #0d1b3330;background:#15243b}.portrait img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07122333,transparent 45%);pointer-events:none}.character:hover .portrait img{transform:scale(1.035)}.portrait-index{position:absolute;top:12px;left:12px;z-index:1;min-width:26px;height:26px;display:grid;place-items:center;border:1px solid #ffffff70;color:white;background:#080e1b99;font-size:10px;font-weight:600}.character-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;padding-top:2px}.character h3{font-family:var(--display);font-weight:800;font-size:33px;line-height:1;text-transform:uppercase;white-space:nowrap}.character-role{font-size:10px;line-height:1.25;text-align:right;max-width:80px;color:var(--character);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.character>p{font-size:15px;line-height:1.5;color:#4c586a;margin-top:12px;text-wrap:pretty}
.previews{background:var(--paper);color:var(--ink);border-top:1px solid #10213c24}.previews .section-head{margin-bottom:23px}.preview-intro{color:#435064;font-size:17px;max-width:770px;line-height:1.55;margin-bottom:37px}.preview-intro a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:4px}.rail-controls{display:flex;gap:9px;flex-shrink:0;margin-bottom:5px}.rail-controls button,.dialog-controls button,.dialog-close{width:46px;height:46px;display:grid;place-items:center;background:transparent;border:1px solid #8190a6;color:var(--white);font-size:23px;transition:background .2s}.rail-controls button:hover:not(:disabled),.dialog-controls button:hover,.dialog-close:hover{background:var(--orange);color:var(--navy);border-color:var(--orange)}.rail-controls button:disabled{opacity:.3}.preview-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,21vw,280px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 1px 24px;scrollbar-width:thin;scrollbar-color:#7787a0 #d5d9df}.episode{color:var(--white);position:relative;isolation:isolate;aspect-ratio:9/16;overflow:hidden;border:1px solid #73829a66;display:flex;flex-direction:column;justify-content:space-between;padding:20px;scroll-snap-align:start}.episode>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.episode::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#030815fa 0%,#030815dd 15%,transparent 57%,#03081566)}.episode:hover>img{transform:scale(1.035)}.preview-type{align-self:start;background:#070e1cd9;border:1px solid #d6deeb55;padding:5px 9px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.episode h3{font-family:var(--display);font-size:37px;line-height:.98;font-weight:800;text-transform:uppercase;text-wrap:balance}.rail-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;color:#536177;font-size:12px}.rail-status{text-align:right;color:#435064}
.artwork-section .section-aside{max-width:390px}.gallery{display:grid;grid-template-columns:1.14fr 1fr 1fr;grid-template-rows:300px 260px;gap:16px}.art{position:relative;overflow:hidden;background:var(--navy);color:var(--white);border:1px solid #0c1d3544;min-width:0}.art-lead{grid-column:span 2}.art-open{display:block;width:100%;height:100%}.art-open>img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.art-open::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050b18db,transparent 65%);pointer-events:none}.art:hover .art-open>img{transform:scale(1.035)}.art-open:focus-visible{outline-offset:-4px}.expand{position:absolute;right:17px;top:17px;width:35px;height:35px;border:1px solid #ffffffaa;background:#06132440;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:1;font-size:20px;transition:background .2s}.art-open:hover .expand{background:var(--orange);color:var(--navy);border-color:var(--orange)}.art figcaption{position:absolute;bottom:18px;left:20px;right:17px;z-index:1;pointer-events:none}.art figcaption b{display:block;font-family:var(--display);font-weight:800;font-size:26px;line-height:1.1;text-transform:uppercase}.art figcaption>span{display:block;font-size:12px;line-height:1.4;color:#dae3f1;margin-top:5px}.art-lead figcaption b{font-size:32px}
.beyond{position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:flex;align-items:center;padding:90px 0}.beyond>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 64%;z-index:-2}.beyond::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061023ed,#061023bb 51%,#06102355),linear-gradient(0deg,#080e1b99,transparent 60%)}.beyond .eyebrow{margin-bottom:31px}.quote blockquote{font-size:clamp(34px,3.65vw,52px);line-height:1.2;letter-spacing:-.03em;font-weight:600;max-width:930px;text-wrap:balance}.quote em{font-style:normal;color:#ffae7f}.quote figcaption{display:flex;align-items:center;gap:12px;margin-top:27px;font-size:12px;letter-spacing:.05em;color:#e2eaf4}.quote figcaption>span:not(.quote-line){color:#95aaca}.quote-line{width:32px;height:2px;background:var(--orange)}
.follow{position:relative;overflow:hidden;isolation:isolate;padding:84px 0 92px}.follow-art{position:absolute;z-index:-2;inset:0 0 0 auto;height:100%;width:65%;object-fit:cover;object-position:61% center}.follow::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#eeece5 13%,#eeece5 32%,#eeece5ed 43%,#eeece522 70%,transparent)}.follow-content>.display{font-size:88px;max-width:470px}.follow-content>p{font-size:17px;line-height:1.6;max-width:405px;color:#49566a;margin-top:24px;text-wrap:pretty}.follow-actions{display:flex;gap:27px;align-items:center;margin-top:29px}.button-dark{background:var(--ink);color:var(--white);border:1px solid var(--ink)}.button-dark:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.paper .text-link:hover{color:var(--blue)}
footer{padding:33px 0;background:#070c16}.footer-inner{display:flex;align-items:center;gap:34px}.footer-brand{width:96px;flex-shrink:0}.footer-brand img{width:100%;height:auto}.footer-inner>p{font-size:12px;line-height:1.7;color:#c1cdde}.footer-inner>p>span{color:#8ea0bc}.footer-motto{margin-left:auto;font-family:var(--display);font-weight:800;font-size:23px;line-height:1.05;text-transform:uppercase;text-align:right}.footer-motto span{color:#98aac5}
.art-dialog{color:var(--white);background:#0a1220;border:1px solid #8396b477;padding:20px 24px;width:min(1160px,calc(100% - 40px));max-height:calc(100svh - 36px);overflow:auto;margin:auto;box-shadow:0 30px 120px #0008}.art-dialog::backdrop{background:#030810e8;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.dialog-head h2{font-family:var(--display);font-weight:800;font-size:29px;text-transform:uppercase}.dialog-image{width:100%;height:auto;max-height:calc(100svh - 220px);object-fit:contain;background:#040812;min-height:100px}.dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.dialog-caption{font-size:15px;color:#c4d1e3}.dialog-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.art-counter{font-size:12px;color:#cbd7e8;min-width:36px;text-align:center}
@media(min-width:1650px){.hero-art{left:26%}.hero-intro{max-width:565px}}
@media(max-width:1150px){
.wrap{width:calc(100% - 64px)}.nav-inner{gap:24px}.nav-links{gap:24px}.nav-follow{gap:15px;padding-inline:13px}.hero{min-height:840px}.hero-intro{width:51%;max-width:520px}.hero h1{font-size:clamp(56px,5.55vw,68px)}.hero-copy{font-size:18px}.hero-art{left:15%}.hero-art img{object-position:6% center}.hero-actions{gap:20px}.hero-bottom{bottom:26px}
.trailer-layout{gap:42px;grid-template-columns:.8fr 1.4fr}.trailer-copy .display{font-size:70px}.trailer-copy>p{font-size:15px}
.story-layout{gap:50px}.story-copy .display{font-size:63px}.story-copy>p{font-size:16px}.story-art>img{aspect-ratio:.92;object-position:51% center}.story-art figcaption{font-size:10px;gap:12px}.characters{gap:32px 19px}.character h3{font-size:29px}.character-role{font-size:9px;max-width:62px}.character>p{font-size:14px}.gallery{grid-template-rows:270px 235px}.art figcaption{left:16px;right:14px}.art figcaption>span{font-size:11px}.follow-art{width:69%}
}
@media(max-width:900px){
.nav-inner{height:74px;gap:20px}.nav-links{gap:21px;font-size:11px}.brand{width:82px}.nav-follow{font-size:11px;gap:12px}.hero{min-height:850px;padding-top:142px}.hero-intro{width:55%}.hero h1{font-size:clamp(49px,6.8vw,61px)}.hero-logo{width:min(100%,420px)}.hero-copy{font-size:17px;max-width:380px}.hero-art{left:8%}.hero-art img{object-position:9% center}.hero::before{background:linear-gradient(90deg,#080e1bfa 8%,#080e1be6 28%,#080e1ba6 46%,#080e1b33 74%),linear-gradient(0deg,#080e1b,transparent 55%)}.hero-credit{font-size:10px}.button{font-size:13px;padding-inline:18px;gap:12px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:12px;gap:11px}.arena-motto{font-size:21px}
section{padding:80px 0}.display{font-size:76px}.section-head{gap:28px}.section-aside{font-size:15px;max-width:260px}.trailer-layout{grid-template-columns:1fr;gap:32px}.trailer-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}.trailer-copy .eyebrow{grid-column:span 2;margin-bottom:20px}.trailer-copy .display{grid-row:span 2;font-size:72px}.trailer-copy .display br:nth-child(2){display:none}.trailer-copy>p{margin-top:3px;font-size:16px}.format-note{max-width:none;margin-top:16px;padding-top:16px}
.story-layout{grid-template-columns:1fr;gap:35px}.story-copy{grid-row:1}.story-copy .display{font-size:74px}.story-copy>p{max-width:690px;font-size:18px}.story-art{margin-left:13px}.story-art>img{aspect-ratio:16/9}.story-art figcaption{font-size:12px}.story{padding-bottom:65px}.cast{padding-top:65px}.cast .display{font-size:85px}.characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.character h3{font-size:35px}.character-role{font-size:11px;max-width:90px}.character>p{font-size:16px;line-height:1.5}.portrait{aspect-ratio:4/4.1}
.gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 260px 260px}.art-lead{grid-column:span 2}.art figcaption b{font-size:27px}.art figcaption>span{font-size:12px}.quote blockquote{font-size:41px}.beyond{min-height:415px;padding:75px 0}.follow-content>.display{font-size:81px}.follow-content>p{max-width:380px}.follow-art{width:85%;object-position:61% center}.follow::before{background:linear-gradient(90deg,#eeece5 6%,#eeece5f0 31%,#eeece5b3 60%,#eeece522)}
}
@media(max-width:650px){
html{scroll-padding-top:89px}.wrap{width:calc(100% - 40px)}.nav-inner{height:70px;gap:14px}.brand{width:78px}.nav-links{display:none}.nav-follow{margin-left:auto;font-size:11px;padding:10px 12px;gap:13px}.menu-toggle:not([hidden]){display:block;flex-shrink:0}.nav-follow span{font-size:17px}
.hero{min-height:0;padding:370px 0 98px;align-items:start}.hero-art{inset:70px 0 auto;height:400px}.hero-art img{object-position:42% 50%}.hero::before{background:linear-gradient(180deg,transparent 240px,#080e1b44 330px,#080e1bf2 433px,#080e1b 490px)}.hero-intro{width:100%;max-width:none}.hero .eyebrow{font-size:10px;margin-bottom:18px;gap:10px}.hero-logo{width:min(90%,320px);margin-bottom:25px}.hero h1{font-size:clamp(47px,11.5vw,62px);line-height:.96;max-width:440px}.hero-copy{font-size:17px;line-height:1.6;margin-top:21px;max-width:440px}.hero-actions{gap:25px;flex-wrap:wrap;margin-top:25px}.button{font-size:14px;min-height:54px;padding:15px 20px}.hero-actions .text-link{font-size:13px;gap:14px}.hero-credit{font-size:11px;gap:6px;margin-top:20px;flex-wrap:wrap}.hero-credit>span{margin-inline:4px}.hero-bottom{bottom:22px;padding-top:16px;gap:18px}.scroll-cue{font-size:10px;gap:12px}.scroll-cue>span{font-size:19px}.arena-motto{font-size:17px;max-width:90px;text-align:right}
section{padding:66px 0}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:21px}.eyebrow>span:not(.live-dot){font-size:11px}.display{font-size:clamp(55px,12vw,72px)}.section-head{align-items:start;flex-direction:column;gap:18px;margin-bottom:28px}.section-head .eyebrow{margin-bottom:17px}.section-aside{font-size:15px;max-width:none}.section-aside br{display:none}
.trailer-section{padding:64px 0}.trailer-layout{gap:28px}.trailer-copy{grid-template-columns:1fr;gap:0}.trailer-copy .eyebrow{grid-column:auto}.trailer-copy .display{font-size:65px;grid-row:auto;max-width:350px}.trailer-copy .display br:nth-child(2){display:none}.trailer-copy>p{font-size:16px;max-width:410px;margin-top:21px}.format-note{margin-top:22px;max-width:410px;padding-top:18px;gap:18px}.format-note b{font-size:35px}.format-note span{font-size:12px}.format-note span br{display:none}
.story-layout{gap:34px}.story-copy .display{font-size:clamp(53px,11.7vw,68px);margin-bottom:24px}.story-copy>p{font-size:17px;line-height:1.6}.story-copy>p+p{margin-top:16px}.story-art{margin-left:9px}.story-art::before{inset:-9px 16px 46px -9px}.story-art>img{aspect-ratio:4/3;object-position:center}.story-art figcaption{font-size:10px;gap:14px;padding-top:12px}.story-art figcaption span:last-child{text-align:right;max-width:180px}.cast{padding-top:55px}.cast .display{font-size:70px}.characters{gap:29px 17px}.portrait{aspect-ratio:4/5}.portrait-index{width:24px;height:24px;min-width:0;top:8px;left:8px;font-size:9px}.character-heading{display:block;margin-top:12px}.character h3{font-size:31px}.character-role{font-size:10px;max-width:none;display:block;text-align:left;margin-top:8px}.character>p{font-size:14px;line-height:1.55;margin-top:9px}
.previews .section-head{flex-direction:row;align-items:end;gap:16px;margin-bottom:21px}.previews .display{font-size:clamp(49px,10.8vw,67px);max-width:270px}.rail-controls{gap:7px}.rail-controls button{width:44px;height:44px;flex-shrink:0}.preview-intro{font-size:16px;margin-bottom:27px;max-width:430px}.preview-rail{grid-auto-columns:72%;gap:14px}.episode{padding:17px}.episode h3{font-size:37px}.preview-type{font-size:10px}.rail-footer{font-size:11px;align-items:start;gap:20px;margin-top:13px}.rail-footer>span:first-child{max-width:185px}.rail-status{max-width:125px}
.artwork-section .section-aside{max-width:350px}.gallery{grid-template-rows:275px 220px 220px;gap:12px}.art figcaption{left:12px;right:10px;bottom:14px}.art figcaption b{font-size:23px}.art-lead figcaption b{font-size:29px}.art figcaption>span{font-size:11px;line-height:1.4}.expand{right:10px;top:10px;width:31px;height:31px;font-size:18px}.art-lead .art-open img{object-position:50% center}.gallery .art:nth-child(2) .art-open img{object-position:30% center}.gallery .art:nth-child(3) .art-open img{object-position:66% center}
.beyond{min-height:390px;padding:64px 0}.beyond>img{object-position:66% center}.beyond .eyebrow{margin-bottom:25px}.quote blockquote{font-size:34px;line-height:1.22;letter-spacing:-.025em}.quote blockquote br{display:none}.quote figcaption{font-size:11px;margin-top:26px}.quote-line{width:24px}
.follow{padding:68px 0 74px}.follow-content>.display{font-size:72px;max-width:350px}.follow-content>p{font-size:16px;max-width:345px;margin-top:22px}.follow-art{width:100%;opacity:.38;object-position:65% center}.follow::before{background:linear-gradient(90deg,#eeece5ed 0%,#eeece5d6 42%,#eeece544)}.follow-actions{gap:24px;flex-wrap:wrap;margin-top:26px}.follow-actions .text-link{font-size:13px}.button>span{margin-left:0}
footer{padding:30px 0}.footer-inner{gap:20px;flex-wrap:wrap}.footer-brand{width:82px}.footer-inner>p{font-size:11px;margin-left:auto;text-align:right}.footer-motto{width:100%;margin-left:0;display:flex;justify-content:space-between;gap:15px;text-align:left;font-size:19px;border-top:1px solid var(--line);padding-top:23px}.footer-motto br{display:none}.art-dialog{width:calc(100% - 20px);padding:13px 14px;max-height:calc(100svh - 20px)}.dialog-head{margin-bottom:12px}.dialog-head h2{font-size:25px}.dialog-image{max-height:calc(100svh - 235px)}.dialog-foot{flex-direction:column;align-items:start;gap:15px;margin-top:14px}.dialog-controls{align-self:flex-end}.dialog-caption{font-size:14px}.dialog-close,.dialog-controls button{width:44px;height:44px}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.nav-inner{gap:10px}.nav-follow{font-size:10px;padding:10px;gap:9px}.brand{width:67px}.hero{padding-top:347px}.hero h1{font-size:43px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:12px}.hero-actions .button{padding-inline:16px;gap:10px}.hero-credit{font-size:10px}.hero-logo{width:min(92%,280px)}.hero-bottom{gap:12px}.scroll-cue{font-size:9px}.arena-motto{font-size:15px}.character h3{font-size:28px}.characters{gap:28px 13px}.character>p{font-size:13px}.character-role{font-size:9px}.previews .display{font-size:46px}.previews .eyebrow{font-size:9px;gap:9px}.rail-controls{gap:5px}.gallery{grid-template-rows:250px 210px 210px}.art figcaption b{font-size:21px}.art figcaption>span{font-size:10px}.follow-actions{gap:19px}.follow-actions .button{padding-inline:16px}.follow-actions .text-link{font-size:12px}.quote blockquote{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.nav,.hero-actions,.hero-bottom,.rail-controls,.art-dialog{display:none!important}body,.paper,.previews{background:white;color:black}.hero{padding:40px 0;min-height:0}.hero-art,.hero::before{display:none}.hero-intro{width:100%}.hero-copy{color:black}section{break-inside:avoid;padding:40px 0}.preview-rail{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row}.characters{grid-template-columns:repeat(4,1fr)}}

/* X renders and sizes its own player without cropping the video or controls. */
.trailer-layout{grid-template-columns:1fr 1.1fr;gap:72px}
.trailer-player{position:relative;min-width:0;width:100%;max-width:550px;margin:0;justify-self:end;scroll-margin-top:20px}
.trailer-embed{width:100%}.trailer-embed[aria-busy=true]{min-height:650px}
.trailer-embed>.twitter-tweet{margin:0!important}
.trailer-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:15px;color:var(--muted);border:1px solid var(--line);background:#0c1423}
.trailer-error{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.5}
.trailer-retry{background:none;border:0;color:var(--orange);font:inherit;text-decoration:underline;text-underline-offset:3px;padding:8px 2px}
.previews{border-top:1px solid var(--line)}
@media(max-width:900px){.trailer-layout{grid-template-columns:1fr;gap:32px}.trailer-player{justify-self:center}}
@media(max-width:650px){.trailer-layout{gap:28px}.trailer-embed[aria-busy=true]{min-height:650px}}

.trailer-embed iframe{color-scheme:normal}

/* Light episode section, with readable controls and artwork captions. */
.previews .rail-controls button{color:var(--ink);border-color:#8793a6}
.previews .rail-controls button:hover:not(:disabled){background:var(--blue);color:var(--white);border-color:var(--blue)}
.previews .preview-rail:focus-visible{outline-color:var(--blue)}

/* Hero art uses a separate desktop composition and mobile focal point per scene. */
.hero{--hero-art-inset:23%}
.hero-art{inset:0;pointer-events:none}
.hero-slide{position:absolute;inset:0 0 0 var(--slide-inset,var(--hero-art-inset));opacity:0;z-index:0;transition:opacity 1.4s ease-in-out}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide picture{display:block;width:100%;height:100%}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:var(--desktop-x,50%) center}
.hero-carousel-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}
.hero-carousel-count{font-size:12px;font-weight:600;letter-spacing:.05em;min-width:62px;color:var(--white)}
.hero-carousel-count>span{color:#a6b5cb;padding-left:6px}
.hero-carousel-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #7687a399;background:#080e1b88;color:var(--white);transition:background .2s,border-color .2s}
.hero-carousel-controls button:hover{background:#19283f;border-color:var(--orange)}
.hero-carousel-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-carousel-controls .pause-symbol{stroke-width:2.6}
.hero-rotation .resume-symbol{display:none;fill:currentColor;stroke:none}
.hero-rotation.is-paused .pause-symbol{display:none}
.hero-rotation.is-paused .resume-symbol{display:block}
.has-carousel .arena-motto{margin-left:auto}
@media(max-width:1150px){.hero{--hero-art-inset:15%}.has-carousel .arena-motto{font-size:20px}}
@media(max-width:900px){.hero{--hero-art-inset:8%}.has-carousel .arena-motto{display:none}}
@media(max-width:650px){
  .hero-art{inset:70px 0 auto;height:400px}
  .hero-slide{inset:0}
  .hero-slide img{object-position:var(--mobile-x,50%) var(--mobile-y,50%)}
  .has-carousel .scroll-cue{font-size:0;gap:0}
  .has-carousel .scroll-cue>span{font-size:22px}
  .hero-carousel-controls{gap:8px}
  .hero-carousel-count{min-width:65px}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Feedback refinements: readable credit and stronger closing actions. */
.hero-credit{font-size:14px;line-height:1.55;flex-wrap:wrap;color:#bcc9db;gap:8px}
.follow-actions .button{font-size:18px;min-height:60px;padding:17px 25px}
.follow-actions .text-link{font-size:15px}
@media(max-width:650px){.hero-credit{font-size:13px;gap:7px}.follow-actions .button{font-size:17px;padding:16px 22px}.follow-actions .text-link{font-size:15px}}

/* Preserve the series' xHIGH EFFORT title casing. */
.episode .effort-title{text-transform:none}

/* The LLW community joins the visual story without changing the established site language. */
.community{padding:0 0 98px;background:var(--navy);border-top:1px solid var(--line);overflow:hidden}
.community-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:70px;padding-top:98px;margin-bottom:42px}
.community-heading .eyebrow{margin-bottom:20px}
.community-heading .display{font-size:clamp(62px,6.3vw,90px)}
.community-heading>p{max-width:520px;padding-bottom:7px;color:var(--muted);font-size:18px;line-height:1.65;text-wrap:pretty}
.community-stage{position:relative;min-height:650px;display:flex;align-items:flex-end;justify-content:flex-end;border:1px solid #7890b244;isolation:isolate;overflow:hidden;background:#0e1a2d}
.community-stage::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 35%,#07101d33 56%,#07101de8 100%),linear-gradient(0deg,#07101d99,transparent 38%);pointer-events:none}
.community-art{position:absolute;z-index:-2;inset:0}
.community-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.community-panel{width:min(410px,calc(100% - 48px));margin:24px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-template-areas:"label qr" "actions qr";column-gap:16px;row-gap:14px;align-items:center;background:#07101df0;border:1px solid #9fb1ca66;box-shadow:0 24px 70px #0008;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.community-panel-label{grid-area:label;display:flex;align-items:center;gap:9px;color:#c8d5e6;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.community-panel-label>span{width:8px;height:8px;border-radius:50%;background:#2ac66d;box-shadow:0 0 0 4px #2ac66d22}
.community-qr{grid-area:qr;width:132px;margin:0;padding:8px;background:#fff;border:1px solid #dce4ef}
.community-qr img{width:100%;height:auto}
.community-actions{grid-area:actions;display:block;margin:0}
.community-action{min-height:46px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #91a4bf66;color:var(--white);font-size:13px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}
.community-action:hover{transform:translateY(-2px);border-color:var(--white)}
.community-action.whatsapp{background:#25d366;color:#07140d;border-color:#55e58c}
.community-action.whatsapp:hover{background:#4ee182;border-color:#76eca1}
.community-action svg{width:20px;height:20px;fill:currentColor}
.community-action b{font-size:18px;font-weight:400}
.community-action.whatsapp{width:100%}
@media(max-width:1150px){.community-heading{gap:45px}.community-stage{min-height:590px}.community-panel{width:min(400px,calc(100% - 48px));grid-template-columns:minmax(0,1fr) 128px}.community-qr{width:128px}.community-action{font-size:12px}}
@media(max-width:900px){.community{padding-bottom:80px}.community-heading{grid-template-columns:1fr;gap:18px;padding-top:80px}.community-heading>p{max-width:700px;padding:0}.community-stage{min-height:590px}.community-stage::after{background:linear-gradient(90deg,transparent 20%,#07101d33 45%,#07101de8 100%),linear-gradient(0deg,#07101d99,transparent 38%)}}
@media(max-width:650px){.community{padding-bottom:66px}.community-heading{padding-top:66px;margin-bottom:28px}.community-heading .display{font-size:clamp(55px,12vw,72px)}.community-heading>p{font-size:17px}.community-stage{width:100%;min-height:0;display:grid;overflow:visible;border-inline:0}.community-stage::after{display:none}.community-art{position:relative;z-index:0;display:block;aspect-ratio:16/9}.community-art img{object-position:50% center}.community-panel{width:calc(100% - 40px);margin:-22px auto 0;position:relative;padding:20px;display:block}.community-actions{margin-top:14px}.community-action{min-height:52px;grid-template-columns:22px 1fr auto;gap:11px;padding:12px 14px;font-size:14px}.community-action svg{width:22px;height:22px}.community-qr{width:min(100%,210px);margin:18px auto 0;padding:10px}}
@media(max-width:360px){.community-panel{width:calc(100% - 32px);padding:20px}.community-panel h3{font-size:36px}.community-qr{padding:10px}}
@media print{.community{padding:40px 0;background:white;color:black}.community-heading{display:block;padding-top:0}.community-heading>p,.community-panel>p{color:black}.community-stage{display:grid;min-height:0;border:1px solid #aaa}.community-art{position:relative;z-index:0}.community-panel{width:100%;margin:0;box-shadow:none;background:white;color:black}.community-action{color:black;border-color:#777}.community-action.whatsapp{background:white}}
