.language-switch{display:flex;direction:ltr;flex-shrink:0;gap:2px;border:1px solid #ffffff30;border-radius:4px;padding:3px}.language-switch button{background:transparent;color:#c5d0d5;border:0;border-radius:2px;padding:8px 10px;min-height:38px;white-space:nowrap;font-size:12px}.language-switch button[aria-pressed=true]{background:#7ee0e0;color:#091316}.language-switch button:hover{box-shadow:inset 0 0 0 1px #7ee0e0}@media(max-width:600px){header{flex-wrap:wrap;height:auto!important;min-height:74px;padding-block:12px!important;gap:12px!important}.language-switch{margin-inline-start:auto}.language-switch button{padding:7px;min-height:36px}}
:root{color-scheme:dark;--bg:#090d10;--ink:#f0f1ec;--muted:#a4adb2;--accent:#7ee0e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:90px;display:flex;align-items:center;padding:0 5%;gap:40px;border-bottom:1px solid #ffffff19;background:#090d10;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:3px}.brand img{width:44px;height:44px;object-fit:cover;border-radius:3px}.brand small{display:block;font-size:7px;letter-spacing:3px;color:var(--muted);margin-top:4px}nav{display:flex;gap:34px;margin-inline-start:auto;font-size:12px}select{background:transparent;color:var(--ink);border:1px solid #ffffff30;padding:8px;border-radius:2px}option{background:#111}.hero{min-height:680px;height:calc(100svh - 90px);max-height:900px;position:relative;display:flex;align-items:center;padding:70px 7%;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060c12ed 0%,#060c1280 48%,#060c1200 80%),linear-gradient(0deg,#090d10,transparent 40%)}.hero-copy{z-index:1;position:relative;max-width:660px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:3px;color:var(--accent);display:block;margin-bottom:25px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,8.4vw,130px);font-weight:600;line-height:.9;letter-spacing:-2px;margin:0 0 10px}.subtitle{font-size:14px;letter-spacing:5px;margin:18px 0 28px;text-transform:uppercase}.hero-copy p{max-width:410px;font-size:17px;line-height:1.7;color:#ccd3d6}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;padding:16px 25px;align-items:center;justify-content:center;border:1px solid #ffffff45;background:transparent;color:white;font-size:12px;gap:20px}.button.primary{color:#0a171a;background:var(--accent);border-color:var(--accent)}.hero-bottom{position:absolute;bottom:36px;left:7%;right:7%;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#b7c2c8}.count{display:flex;gap:10px;align-items:center}.count:after{content:'';width:100px;height:1px;background:#76858e}.section{padding:85px 7%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-top h2,.studio h2{font-size:clamp(32px,4vw,54px);font-weight:400;letter-spacing:-2px;margin:0}.section-top p{font-size:12px;color:var(--muted);max-width:260px;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.poster{height:350px;position:relative;overflow:hidden;background:#17262c;display:flex;align-items:end;padding:22px;border:1px solid #ffffff12}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.04)}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b0ce8,transparent 65%)}.poster-title{position:relative;z-index:1;font-family:'Barlow Condensed',Impact,sans-serif;font-size:39px;line-height:1}.poster-title small{font:9px Inter,Arial;letter-spacing:2px;display:block;line-height:1.6;margin-top:10px}.number{position:absolute;top:17px;left:18px;font:11px Inter;z-index:1;color:#e5ebec}.abstract{background:repeating-linear-gradient(115deg,transparent 0 70px,#3ca7a10a 71px 72px),radial-gradient(ellipse at 70% 20%,#1e6664,#07191a 70%)}.abstract.sin{background:repeating-linear-gradient(0deg,transparent 0 70px,#c9985309 71px 72px),radial-gradient(ellipse at 70% 20%,#774f2d,#21170f 70%)}.asset-label{position:absolute;top:45%;left:20px;right:20px;text-align:center;font-size:9px;letter-spacing:2px;color:#ffffff60}.card h3{font-size:15px;font-weight:500;margin:18px 0 10px}.card p{font-size:11px;color:var(--muted);line-height:1.6}.card-end{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:20px;padding-top:14px;font-size:10px;color:var(--muted)}.studio{border-top:1px solid #ffffff1c;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#10171b}.studio p{color:var(--muted);line-height:1.9}.studio h2{line-height:1.2}.contact{padding:65px 7%;display:flex;justify-content:space-between;gap:25px;align-items:center}.contact h2{font-size:32px;font-weight:400;margin:0 0 12px}.contact p{color:var(--muted);font-size:13px}footer{border-top:1px solid #ffffff20;padding:30px 7%;display:flex;align-items:center;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:10px}.wordmark{font-size:21px;color:white;letter-spacing:3px}footer span{margin-inline-start:auto}.back{font-size:12px;display:inline-block;margin-bottom:35px;color:var(--accent)}.detail-head{padding:55px 7% 30px}.detail-head h1{font-size:clamp(45px,6vw,85px);line-height:1.05}.detail-head p{max-width:750px;color:var(--muted);line-height:1.9}.watch{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;padding:10px 7% 70px}.screen-wrap{background:#030506;display:flex;justify-content:center;border:1px solid #ffffff1a;min-height:420px}.screen{width:100%;aspect-ratio:21/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.screen.vertical{aspect-ratio:9/16;width:auto;max-height:620px;min-width:240px}.screen.landscape{aspect-ratio:16/9}.screen img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.25}.screen-message{position:relative;text-align:center;padding:25px;max-width:450px}.play-symbol{font-size:36px;color:var(--accent)}.screen-message p{font-size:13px;color:#bec9cf;line-height:1.8}.episode-list{display:flex;flex-direction:column;gap:8px}.episode-list button{background:#11191d;border:1px solid #ffffff18;color:var(--ink);padding:17px;text-align:start;font-size:12px;display:flex;gap:17px}.episode-list button.active{border-color:var(--accent);color:var(--accent)}.episode-list span{color:#8c9a9e}.availability{font-size:11px;color:var(--muted);line-height:1.8}.meta{display:flex;gap:15px;color:var(--accent);font-size:11px;margin:22px 0}.rtl .hero:after{background:linear-gradient(270deg,#060c12ed,#060c1280 48%,transparent 80%),linear-gradient(0deg,#090d10,transparent 40%)}[lang=zh] h1,[lang=ar] h1{font-family:Arial,sans-serif;font-size:clamp(42px,6vw,85px);line-height:1.15;letter-spacing:0}[lang=ar] .subtitle{letter-spacing:0}[lang=ar] .poster-title{font-family:Arial;font-size:29px;line-height:1.3}@media(min-width:1600px){.poster{height:440px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.poster{height:380px}.watch{grid-template-columns:1fr}.episode-list{display:grid;grid-template-columns:repeat(2,1fr)}.hero{min-height:620px}.studio{gap:6%}}@media(max-width:600px){header{height:74px;padding:0 5%;gap:15px}.brand{font-size:19px}.brand img{width:34px;height:34px}.brand small{font-size:6px}nav{display:none}select{margin-inline-start:auto}.hero{height:calc(90svh - 74px);min-height:570px;padding:70px 6% 100px;align-items:end}.hero-bg{object-position:62% center}.hero:after{background:linear-gradient(0deg,#090d10 0%,#090d10c0 42%,#090d1030 100%)}.hero-copy p{font-size:14px;max-width:300px}.hero h1{font-size:66px}.subtitle{font-size:10px;letter-spacing:3px}.hero-bottom{bottom:25px;left:6%;right:6%;font-size:8px}.section{padding:55px 6%}.section-top{display:block}.section-top h2{letter-spacing:-1px}.section-top p{max-width:none}.grid{gap:25px 13px}.poster{height:250px;padding:15px}.poster-title{font-size:29px}.poster-title small{font-size:7px}.card h3{font-size:13px}.card p{font-size:10px}.studio{grid-template-columns:1fr;gap:20px}.contact{display:block;padding:45px 6%}.contact .button{margin-top:15px}footer{padding:25px 6%;gap:15px}footer span{margin:0;width:100%}.detail-head{padding:35px 6% 20px}.watch{padding:10px 6% 45px}.screen-wrap{min-height:230px}.screen.vertical{max-height:70svh;width:100%;max-width:340px;min-width:0}.episode-list{grid-template-columns:1fr 1fr}.episode-list button{padding:14px 10px;font-size:11px}.screen-message p{font-size:12px}.rtl .hero:after{background:linear-gradient(0deg,#090d10,#090d10b0 45%,#090d1020)}[lang=zh] .hero h1,[lang=ar] .hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster img{transition:none}}
/* Art-directed Aethelgard campaign: distinct desktop, mobile and poster files. */
.hero-art{position:absolute;inset:0;display:block}.hero-art .hero-bg{object-position:center center}.hero{height:auto;min-height:560px;aspect-ratio:21/9;padding:60px 5%}.hero-copy{max-width:36%}.hero h1{font-size:clamp(48px,5.2vw,94px)}.hero .subtitle{font-size:11px;letter-spacing:2px;line-height:1.8}.hero-copy p{font-size:16px}.hero .button{padding:13px 17px}.hero .actions{gap:9px}.hero:after{background:linear-gradient(90deg,#060c12c9,transparent 53%),linear-gradient(0deg,#090d10,transparent 23%)}.rtl .hero:after{background:linear-gradient(270deg,#060c12d9,transparent 48%),linear-gradient(0deg,#090d10,transparent 23%)}.rtl .hero-copy{max-width:30%}[lang=zh] .hero h1,[lang=ar] .hero h1{font-size:clamp(38px,4.4vw,76px)}.poster:has(img[src*="aethelgard-poster"]){height:auto;aspect-ratio:2/3}.poster img[src*="aethelgard-poster"]{object-position:center top}
@media(max-width:1000px) and (min-width:701px){.hero-copy{max-width:39%}.rtl .hero-copy{max-width:34%}.hero h1{font-size:48px}.hero-copy p{font-size:14px}.hero .actions{flex-direction:column;align-items:flex-start}.hero .eyebrow{font-size:9px}}
@media(max-width:700px){.hero{aspect-ratio:9/16;height:auto;min-height:680px;max-height:none;padding:0 6% 85px;align-items:end}.hero-copy,.rtl .hero-copy{max-width:100%;width:100%}.hero .hero-bg{object-position:center center}.hero:after,.rtl .hero:after{background:linear-gradient(0deg,#090d10 0%,#090d10d9 18%,#090d1040 39%,transparent 58%)}.hero h1{font-size:clamp(46px,9vw,66px)}[lang=zh] .hero h1,[lang=ar] .hero h1{font-size:40px}.hero-copy p{font-size:14px;max-width:360px;margin:12px 0}.hero .eyebrow{margin-bottom:13px}.hero .subtitle{margin:10px 0 12px}.hero .actions{margin-top:18px}.hero-bottom{font-size:8px;bottom:23px;gap:12px}.hero-bottom .count{display:none}}
/* Keep all four posters aligned while preserving the supplied 2:3 artwork. */
.grid .poster{height:auto;aspect-ratio:2/3}
@media(max-width:380px){.poster-title{font-size:24px}[lang=ar] .poster-title{font-size:23px}.poster{padding:12px}.hero-bottom{letter-spacing:0}.hero .button{padding:12px}}
/* Keep titles outside artwork so long localized names never cover characters. */
.card > .poster-title{font-family:Inter,Arial,sans-serif;font-size:19px;font-weight:500;line-height:1.5;letter-spacing:0;margin-top:16px;overflow-wrap:anywhere}
.card > .poster-title small{display:block;font-size:9px;line-height:1.7;letter-spacing:1.1px;margin-top:5px;color:var(--muted)}
.card h3{font-size:11px;margin-top:10px;color:var(--muted);line-height:1.7}
.card .poster:after{background:linear-gradient(0deg,#080b0c30,transparent 35%)}
[lang=ar] .card > .poster-title{font-family:Arial,sans-serif;font-size:19px;line-height:1.6}
@media(max-width:600px){.card > .poster-title,[lang=ar] .card > .poster-title{font-size:15px;margin-top:12px;line-height:1.55}.card > .poster-title small{font-size:8px;letter-spacing:.5px}.card h3{font-size:10px}}
/* Compact localized titles at the bottom of each poster. */
.card .poster{padding:0}
.card .poster .poster-title{position:absolute;inset-inline:0;bottom:0;z-index:2;margin:0;padding:30px 12px 13px;background:linear-gradient(transparent,rgba(5,9,12,.88));font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.card .poster .poster-title small{display:block;font-family:Inter,Arial,sans-serif;font-size:8px;line-height:1.5;letter-spacing:.5px;margin-top:4px;color:#d2dadd}
[lang=ar] .card .poster .poster-title{font-family:Arial,sans-serif;font-size:17px;line-height:1.5}
@media(max-width:600px){.card .poster .poster-title,[lang=ar] .card .poster .poster-title{font-size:14px;padding:25px 10px 11px}.card .poster .poster-title small{font-size:7px}}
.card .card-meta{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.6;margin:12px 0 0;color:var(--muted)}
.card .card-end{margin-top:14px}
@media(max-width:600px){.card .card-meta{font-size:9px}}