:root{--story-gold:#e7bd59;--story-amber:#c8752c;--story-ink:#05080d;--story-paper:#f5e7cd;--story-muted:#a9b0b8}
*{box-sizing:border-box}
body.story-page{min-height:100vh;margin:0;overflow-x:hidden;background:#05070b;color:#fff;font-family:"Montserrat",sans-serif;background-image:radial-gradient(circle at 82% 18%,rgba(198,93,24,.18),transparent 28%),radial-gradient(circle at 16% 48%,rgba(95,47,27,.14),transparent 32%),linear-gradient(135deg,#090b10,#030507 65%,#0e0907)}
body.story-page::before{position:fixed;z-index:0;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(231,189,89,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(231,189,89,.025) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.story-page .landing-topbar{z-index:40;background:linear-gradient(180deg,rgba(4,7,11,.97),rgba(4,7,11,.84));border-bottom-color:rgba(231,189,89,.12);backdrop-filter:blur(18px)}
.story-page .landing-nav a[aria-current="page"]{color:#f2ce7a}
.story-shell{position:relative;z-index:1;width:min(1500px,calc(100% - 64px));margin:0 auto;padding:106px 0 72px}
.story-atmosphere{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.story-atmosphere::before,.story-atmosphere::after{position:absolute;border:1px solid rgba(231,189,89,.055);border-radius:50%;content:""}
.story-atmosphere::before{top:-28vw;right:-16vw;width:62vw;height:62vw;box-shadow:0 0 0 7vw rgba(231,189,89,.012),0 0 0 7.05vw rgba(231,189,89,.035),0 0 0 14vw rgba(200,117,44,.01),0 0 0 14.05vw rgba(200,117,44,.025)}
.story-atmosphere::after{bottom:-34vw;left:-24vw;width:64vw;height:64vw;box-shadow:0 0 0 8vw rgba(231,189,89,.01),0 0 0 8.05vw rgba(231,189,89,.03)}
.story-header{display:grid;grid-template-columns:1fr minmax(420px,2fr) 1fr;align-items:center;gap:24px;margin-bottom:28px}
.story-back{justify-self:start;display:inline-flex;align-items:center;gap:9px;color:rgba(224,228,231,.58);font-size:.64rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .2s ease,transform .2s ease}
.story-back span{font-family:Arial,sans-serif;font-size:1.35rem;line-height:0;color:var(--story-gold)}
.story-back:hover,.story-back:focus-visible{color:#fff;outline:0;transform:translateX(-4px)}
.story-heading{text-align:center}
.story-kicker{display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(231,189,89,.72);font-size:.52rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.story-kicker i{width:38px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.story-kicker i:last-child{transform:scaleX(-1)}
.story-heading h1{margin:7px 0 5px;color:var(--story-paper);font-family:"AOW",serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:400;letter-spacing:.09em;line-height:1;text-shadow:0 8px 32px rgba(0,0,0,.75)}
.story-heading p{max-width:690px;margin:0 auto;color:rgba(203,210,216,.61);font-size:.68rem;line-height:1.65}
.story-season{justify-self:end;padding:9px 0 9px 18px;border-left:1px solid rgba(231,189,89,.2);text-align:left;text-transform:uppercase}
.story-season span{display:block;color:rgba(185,192,198,.42);font-size:.46rem;font-weight:700;letter-spacing:.18em}
.story-season strong{display:block;margin-top:4px;color:#e7bd59;font-family:"AOW",serif;font-size:.82rem;font-weight:400;letter-spacing:.12em}
.episode{position:relative;isolation:isolate;padding:10px;border:1px solid rgba(231,189,89,.25);background:linear-gradient(145deg,rgba(20,19,20,.96),rgba(6,9,13,.98));box-shadow:0 35px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025)}
.episode::before,.episode::after{position:absolute;z-index:4;width:50px;height:50px;content:"";pointer-events:none}
.episode::before{top:-1px;left:-1px;border-top:1px solid #e5b84f;border-left:1px solid #e5b84f}
.episode::after{right:-1px;bottom:-1px;border-right:1px solid #e5b84f;border-bottom:1px solid #e5b84f}
.episode-visual{position:relative;height:clamp(390px,52vw,700px);overflow:hidden;background:#090807;outline:none;cursor:default}
.episode-visual::after{position:absolute;z-index:8;inset:0;border:1px solid rgba(255,255,255,.06);content:"";pointer-events:none}
.episode-stills,.episode-video,.episode-shade{position:absolute;inset:0;width:100%;height:100%}
.episode-stills img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.86) contrast(1.04);animation:storyStillCycle 44s infinite}
.episode-stills img:nth-child(1){animation-delay:0s}.episode-stills img:nth-child(2){animation-delay:4s}.episode-stills img:nth-child(3){animation-delay:8s}.episode-stills img:nth-child(4){animation-delay:12s}.episode-stills img:nth-child(5){animation-delay:16s}.episode-stills img:nth-child(6){animation-delay:20s}.episode-stills img:nth-child(7){animation-delay:24s}.episode-stills img:nth-child(8){animation-delay:28s}.episode-stills img:nth-child(9){animation-delay:32s}.episode-stills img:nth-child(10){animation-delay:36s}.episode-stills img:nth-child(11){animation-delay:40s}
.episode-video{z-index:2;object-fit:cover;opacity:0;transform:scale(1.018);transition:opacity .65s ease,transform 4s ease}
.episode-previewing .episode-video{opacity:1;transform:scale(1)}
.episode-previewing .episode-stills{opacity:0}
.episode-shade{z-index:3;background:linear-gradient(90deg,rgba(4,5,7,.2),transparent 48%,rgba(4,5,7,.14)),linear-gradient(180deg,rgba(2,3,4,.24),transparent 38%,rgba(2,3,4,.9));pointer-events:none}
.episode-number{position:absolute;z-index:5;top:30px;left:32px;display:flex;align-items:center;gap:12px;padding-left:14px;border-left:2px solid var(--story-gold);text-transform:uppercase}
.episode-number span{color:rgba(255,255,255,.55);font-size:.47rem;font-weight:700;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg)}
.episode-number strong{color:rgba(255,244,221,.92);font-family:"AOW",serif;font-size:2.8rem;font-weight:400;line-height:.9;text-shadow:0 3px 18px #000}
.episode-state{position:absolute;z-index:5;top:30px;right:32px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(231,189,89,.26);background:rgba(5,7,9,.66);backdrop-filter:blur(8px);color:#eacb82;font-size:.48rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.episode-state i{width:6px;height:6px;border-radius:50%;background:#83daa9;box-shadow:0 0 9px rgba(131,218,169,.8)}
.episode-preview-cue{position:absolute;z-index:6;top:50%;left:50%;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border:1px solid rgba(255,255,255,.15);background:rgba(4,6,8,.58);backdrop-filter:blur(10px);opacity:.88;transform:translate(-50%,-50%);transition:opacity .25s ease,transform .3s ease}
.episode-previewing .episode-preview-cue{opacity:0;transform:translate(-50%,-45%)}
.episode-play{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(231,189,89,.55);border-radius:50%;color:#f1cc72;font-size:.65rem;padding-left:2px}
.episode-preview-cue span:last-child{display:flex;flex-direction:column;gap:2px;color:rgba(255,255,255,.5);font-size:.44rem;letter-spacing:.11em;text-transform:uppercase}
.episode-preview-cue b{color:#fff;font-size:.54rem;font-weight:700}
.episode-visual-title{position:absolute;z-index:5;right:34px;bottom:26px;left:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.episode-visual-title span{padding-bottom:7px;color:rgba(238,203,125,.76);font-size:.54rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.episode-visual-title strong{color:#fff0d7;font-family:"AOW",serif;font-size:clamp(1.65rem,3vw,3rem);font-weight:400;letter-spacing:.05em;text-align:right;text-shadow:0 5px 20px #000}
.episode-content{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.65fr);gap:34px;padding:34px 34px 28px}
.episode-copy{padding-right:34px;border-right:1px solid rgba(231,189,89,.13)}
.episode-label{display:flex;align-items:center;gap:10px;color:rgba(231,189,89,.7);font-size:.5rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.episode-label i{width:4px;height:4px;border-radius:50%;background:rgba(231,189,89,.42)}
.episode-copy h2{margin:8px 0 8px;color:var(--story-paper);font-family:"AOW",serif;font-size:clamp(2rem,3.3vw,3.35rem);font-weight:400;letter-spacing:.035em;line-height:1.06}
.episode-logline{max-width:820px;margin:0;color:rgba(218,220,221,.76);font-family:"SpectralBold",Georgia,serif;font-size:clamp(.98rem,1.35vw,1.22rem);line-height:1.5}
.episode-facts{display:flex;gap:48px;margin:25px 0 0}
.episode-facts div{display:flex;flex-direction:column;gap:6px}
.episode-facts dt{color:rgba(166,175,183,.43);font-size:.46rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.episode-facts dd{display:flex;align-items:center;gap:9px;margin:0;color:rgba(244,232,212,.88);font-size:.67rem;font-weight:600}
.episode-facts dd i{width:3px;height:3px;border-radius:50%;background:#b27839}
.fact-icon{color:#dc9a4e;font-size:1rem}
.episode-cast{gap:8px!important;flex-wrap:wrap}
.cast-member{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border:1px solid rgba(231,189,89,.13);border-radius:999px;background:linear-gradient(100deg,rgba(231,189,89,.09),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.cast-member:hover{border-color:rgba(231,189,89,.35);background:linear-gradient(100deg,rgba(231,189,89,.15),rgba(255,255,255,.04));transform:translateY(-1px)}
.cast-member img{width:30px;height:30px;border:1px solid rgba(231,189,89,.36);border-radius:50%;object-fit:cover;background:#090b0e;box-shadow:0 0 0 2px rgba(5,7,10,.75),0 3px 10px rgba(0,0,0,.4)}
.episode-formats{display:flex;align-items:center;gap:16px;margin-top:27px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);color:rgba(169,178,185,.6);font-size:.54rem;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.episode-formats span{display:flex;flex-direction:column}.episode-formats b{color:rgba(236,221,197,.9);font-size:.61rem}.episode-formats>i{color:#bd803d;font-family:"AOW",serif;font-size:1rem}
.episode-progress{display:flex;flex-direction:column;justify-content:center;min-width:0}
.progress-eyebrow{color:rgba(167,177,185,.48);font-size:.46rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.progress-value{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:7px}
.progress-value strong{color:#f2d083;font-family:"AOW",serif;font-size:2.3rem;font-weight:400;line-height:1}
.progress-value span{padding-bottom:4px;color:rgba(255,255,255,.5);font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.progress-track{height:3px;margin:10px 0 15px;background:rgba(255,255,255,.08)}
.progress-track i{display:block;width:3%;height:100%;background:linear-gradient(90deg,#8c5228,#e7bd59);box-shadow:0 0 10px rgba(231,189,89,.45)}
.episode-progress p{margin:0;color:rgba(185,194,200,.64);font-size:.61rem;line-height:1.62}
.episode-cta{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:13px 15px;border:1px solid rgba(231,189,89,.24);background:linear-gradient(100deg,rgba(157,94,37,.18),rgba(231,189,89,.07));color:rgba(241,218,171,.52);font:700 .55rem "Montserrat",sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:not-allowed;transition:background .2s ease,border-color .2s ease,color .2s ease}
.episode-cta i{font-size:.9rem;font-style:normal}.episode-progress small{margin-top:8px;color:rgba(157,165,172,.38);font-size:.44rem;line-height:1.4}
.episode-cta:not([disabled]){cursor:pointer;color:#f6e4b8;border-color:rgba(231,189,89,.55);background:linear-gradient(100deg,rgba(157,94,37,.32),rgba(231,189,89,.16))}
.episode-cta:not([disabled]):hover,.episode-cta:not([disabled]):focus-visible{background:linear-gradient(100deg,rgba(157,94,37,.44),rgba(231,189,89,.26));border-color:#e7bd59;outline:none}
.chapter-rewards{margin:0 34px 28px;padding-top:24px;border-top:1px solid rgba(231,189,89,.13)}
.chapter-rewards-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}
.chapter-rewards-kicker{color:rgba(231,189,89,.55);font-size:.44rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.chapter-rewards-header h3{margin:4px 0 0;color:#eadcbe;font-family:"AOW",serif;font-size:1.35rem;font-weight:400;letter-spacing:.04em}
.chapter-rewards-header p{max-width:390px;margin:0;color:rgba(169,178,185,.46);font-size:.5rem;line-height:1.55;text-align:right}
.chapter-rewards-list{display:flex;flex-direction:column;gap:8px}
.chapter-row{position:relative;border:1px solid rgba(231,189,89,.13);background:linear-gradient(105deg,rgba(24,22,21,.86),rgba(7,10,14,.95));overflow:hidden}
.chapter-row::before{position:absolute;z-index:1;top:0;left:0;width:64px;height:1px;background:linear-gradient(90deg,#d9aa4b,transparent);content:""}
.chapter-row summary{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto 24px;align-items:center;gap:16px;min-height:76px;padding:10px 20px 10px 12px;cursor:pointer;list-style:none;transition:background .2s ease}
.chapter-row summary::-webkit-details-marker{display:none}
.chapter-row summary:hover,.chapter-row summary:focus-visible{background:rgba(231,189,89,.045);outline:none}
.chapter-index{display:grid;width:52px;height:52px;place-items:center;border-right:1px solid rgba(231,189,89,.16);color:rgba(231,189,89,.38);font-family:"AOW",serif;font-size:1.7rem}
.chapter-summary-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.chapter-summary-copy small{color:rgba(211,172,91,.55);font-size:.42rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.chapter-summary-copy strong{overflow:hidden;color:rgba(246,235,215,.94);font-family:"SpectralBold",Georgia,serif;font-size:.94rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.chapter-dropdown-label{color:rgba(178,185,190,.42);font-size:.43rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.chapter-chevron{color:#d0a34b;font-family:Arial,sans-serif;font-size:1.1rem;font-style:normal;transition:transform .25s ease}
.chapter-row[open] .chapter-chevron{transform:rotate(180deg)}
.chapter-row[open] summary{border-bottom:1px solid rgba(231,189,89,.1);background:rgba(231,189,89,.025)}
.chapter-rewards-panel{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:24px;padding:17px 20px 18px 28px;background:rgba(0,0,0,.15)}
.chapter-reward-items{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.chapter-reward{display:grid;grid-template-columns:50px auto;grid-template-rows:auto auto;column-gap:10px;min-width:150px;padding:8px 12px 8px 8px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025)}
.chapter-reward img{grid-row:1/3;width:50px;height:50px;align-self:center;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.58))}
.chapter-reward b{align-self:end;color:rgba(241,220,179,.92);font-size:.65rem;font-weight:700;line-height:1.15}
.chapter-reward small{align-self:start;color:rgba(159,168,175,.55);font-size:.4rem;line-height:1.2;white-space:nowrap}
.chapter-reward--avatar img{border:1px solid rgba(231,189,89,.32);border-radius:50%}
.chapter-reward--skin{min-width:210px;border-color:rgba(231,189,89,.22);background:linear-gradient(90deg,rgba(178,114,40,.12),rgba(255,255,255,.025))}
.chapter-reward--skin img{border:1px solid rgba(231,189,89,.45);border-radius:2px;object-fit:cover}
.chapter-reward--skin b{color:#eac56e;text-transform:uppercase;letter-spacing:.06em}
.chapter-claim{display:flex;align-items:center;justify-content:space-between;width:150px;min-height:48px;padding:11px 13px;border:1px solid rgba(231,189,89,.16);background:rgba(185,119,43,.055);color:rgba(231,218,191,.34);font:700 .48rem "Montserrat",sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:not-allowed;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.chapter-claim i{color:rgba(231,189,89,.32);font-size:.7rem;font-style:normal}
.chapter-claim:not([disabled]){cursor:pointer;color:#f2d99a;border-color:rgba(231,189,89,.5);background:rgba(231,189,89,.14)}
.chapter-claim:not([disabled]):hover,.chapter-claim:not([disabled]):focus-visible{background:rgba(231,189,89,.24);border-color:#e7bd59;outline:none}
.chapter-claim:not([disabled]) i{color:#e7bd59}
.chapter-claim--claimed{color:rgba(131,218,169,.55);border-color:rgba(131,218,169,.2)}
.chapter-claim--claimed i{color:rgba(131,218,169,.5)}
.chapter-claim--justclaimed{animation:chapterClaimPulse .55s ease}
.chapter-status-badge{display:inline-flex;align-self:flex-start;margin-top:3px;padding:2px 9px;border-radius:999px;font-size:.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.chapter-status-badge--locked{color:rgba(178,185,190,.55);background:rgba(255,255,255,.05)}
.chapter-status-badge--available{color:#eacb82;background:rgba(231,189,89,.12)}
.chapter-status-badge--completed{color:#eacb82;background:rgba(231,189,89,.12)}
.chapter-status-badge--claimable{color:#151107;background:#e7bd59}
.chapter-status-badge--claimed{color:#83daa9;background:rgba(131,218,169,.14)}
.chapter-row--locked{opacity:.62}
@keyframes chapterClaimPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
.chapter-row--finale{border-color:rgba(231,189,89,.3);background:radial-gradient(circle at 90% 10%,rgba(231,189,89,.1),transparent 32%),linear-gradient(105deg,rgba(33,25,19,.92),rgba(8,9,12,.96))}
.chapter-row--finale .chapter-index{color:rgba(231,189,89,.62)}
.story-footer{padding:34px 20px 0;text-align:center}
.story-footer span{display:flex;align-items:center;justify-content:center;gap:10px;color:rgba(231,189,89,.55);font-size:.5rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.story-footer span i{width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg)}
.story-footer p{margin:8px 0 0;color:rgba(168,177,184,.4);font-size:.55rem}
.story-page .global-copyright{position:relative;z-index:2;padding:0 0 18px;color:rgba(255,255,255,.24);font-size:.5rem;text-align:center}
@keyframes storyStillCycle{0%{opacity:0;transform:scale(1.045)}2%,8%{opacity:1}10%,100%{opacity:0}9%{transform:scale(1)}}
@media(max-width:980px){.story-shell{width:min(calc(100% - 36px),1100px);padding-top:92px}.story-header{grid-template-columns:1fr auto}.story-heading{grid-column:1/-1;grid-row:1;text-align:left}.story-kicker{justify-content:flex-start}.story-kicker i:last-child{display:none}.story-heading p{margin-left:0}.story-back{grid-column:1;grid-row:2}.story-season{grid-column:2;grid-row:2}.episode-visual{height:clamp(370px,61vw,610px)}.episode-content{grid-template-columns:1fr}.episode-copy{padding-right:0;padding-bottom:26px;border-right:0;border-bottom:1px solid rgba(231,189,89,.13)}}
@media(max-width:760px){.chapter-row summary{grid-template-columns:50px minmax(0,1fr) 20px;gap:11px;padding-right:13px}.chapter-index{width:44px;height:48px;font-size:1.35rem}.chapter-dropdown-label{display:none}.chapter-summary-copy strong{font-size:.82rem}.chapter-rewards-panel{grid-template-columns:1fr;gap:14px;padding:15px}.chapter-reward-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-reward{min-width:0}.chapter-claim{width:100%}}
@media(max-width:620px){.story-shell{width:calc(100% - 22px);padding-top:82px}.story-header{gap:15px;margin-bottom:18px}.story-heading h1{font-size:2.25rem}.story-heading p{font-size:.62rem}.story-season span{display:none}.story-season strong{font-size:.7rem}.episode{padding:6px}.episode-visual{height:430px}.episode-stills img,.episode-video{object-position:center}.episode-number{top:18px;left:18px}.episode-number strong{font-size:2rem}.episode-state{top:18px;right:18px}.episode-preview-cue{white-space:nowrap}.episode-visual-title{right:20px;bottom:19px;left:20px;flex-direction:column;align-items:flex-start;gap:2px}.episode-visual-title strong{text-align:left}.episode-content{gap:24px;padding:26px 18px 22px}.episode-copy h2{font-size:2.05rem}.episode-facts{flex-direction:column;gap:16px}.episode-formats{align-items:flex-start;gap:10px}.episode-progress{padding-bottom:4px}.chapter-rewards{margin:0 18px 20px}.chapter-rewards-header{align-items:flex-start;flex-direction:column;gap:6px}.chapter-rewards-header p{text-align:left}.chapter-reward{grid-template-columns:42px auto;padding:7px}.chapter-reward img{width:42px;height:42px}.story-footer{padding-top:26px}.story-footer p{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.episode-stills img{animation:none}.episode-stills img:last-child{opacity:1}.episode-video{transition:none}}

/* Chronicle library: wide cinematic cards, with the next story in view. */
.story-page [hidden]{display:none!important}
.story-page.has-landing-topbar{padding-top:0}
.story-page .legal-site-footer .global-social-links{position:static;right:auto;bottom:auto;z-index:auto;flex-basis:100%;margin:3px 0}
.story-shell{width:min(1440px,calc(100% - 100px));padding:126px 0 48px}
body.story-page{background:#06090f;background-image:radial-gradient(ellipse at 75% 42%,rgba(115,66,30,.18),transparent 52%),radial-gradient(ellipse at 10% 10%,rgba(33,55,76,.25),transparent 45%)}
body.story-page::before{background-size:100px 100px;opacity:.35}
.story-header{grid-template-columns:1fr;position:relative;gap:0;margin-bottom:54px}
.story-header>.story-back{position:absolute;grid-area:auto;top:0;left:0;font-size:.58rem}
.story-heading{padding-top:20px;text-align:center}
.story-kicker{font-size:.58rem;letter-spacing:.27em;color:#d2ad68}
.story-kicker i{width:50px}
.story-heading h1{margin:17px 0 17px;font-size:clamp(2.8rem,5.3vw,5.3rem);letter-spacing:.035em;line-height:1.1;background:linear-gradient(180deg,#fff5dd 18%,#e5c588 75%,#a8793c);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 30px rgba(208,157,74,.15))}
.story-heading p{color:#9c9eaa;font-size:.76rem;line-height:1.9;letter-spacing:.015em}
.story-season{position:absolute;grid-area:auto;top:0;right:0;padding:0 0 0 12px;border-color:rgba(231,189,89,.22)}
.story-season span{font-size:.44rem;color:#888a94}
.story-season strong{font-family:"Montserrat",sans-serif;font-size:.52rem;letter-spacing:.04em;margin-top:6px;color:#ccb58d}
.story-atmosphere::before,.story-atmosphere::after{opacity:.45}
.story-aurora{position:absolute;inset:-20%;background:radial-gradient(ellipse at 68% 48%,rgba(190,119,42,.09),transparent 40%),radial-gradient(ellipse at 28% 20%,rgba(101,143,172,.08),transparent 35%);animation:storyAurora 18s ease-in-out infinite alternate}
.story-orbit{position:absolute;top:-540px;left:calc(50% - 600px);width:1200px;height:1200px;border:1px solid rgba(219,181,108,.065);border-radius:50%;box-shadow:0 0 0 30px rgba(219,181,108,.018),0 0 0 31px rgba(219,181,108,.035),0 0 0 110px rgba(219,181,108,.01),0 0 0 111px rgba(219,181,108,.025);animation:storyOrbit 160s linear infinite}
.story-orbit::before,.story-orbit::after{position:absolute;inset:30px;content:"";border:1px dashed rgba(219,181,108,.07);border-radius:50%}
.story-orbit::after{inset:110px;border-style:solid;border-color:rgba(219,181,108,.05);background:conic-gradient(from 20deg,transparent 0 89deg,rgba(219,181,108,.07) 90deg,transparent 91deg 179deg,rgba(219,181,108,.07) 180deg,transparent 181deg 269deg,rgba(219,181,108,.07) 270deg,transparent 271deg)}
.story-embers{position:absolute;inset:0}
.story-embers i{position:absolute;left:var(--x);bottom:-12px;width:3px;height:3px;border-radius:50%;background:#e5b666;box-shadow:0 0 10px #c7803a;opacity:0;animation:storyEmber var(--duration) var(--delay) linear infinite}
.story-embers i:nth-child(3n){width:2px;height:2px;background:#b2d3e8;box-shadow:0 0 8px #83b9dc}
.story-library-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}
.story-library-kicker{display:block;margin-bottom:7px;color:#bd9454;font-size:.52rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.story-library-header h2{margin:0;color:#e6e1d7;font-family:"AOW",serif;font-size:clamp(1.1rem,1.7vw,1.65rem);font-weight:400;letter-spacing:.025em}
.story-library-count{color:#8d909b;font-size:.56rem;letter-spacing:.05em;padding-bottom:4px;white-space:nowrap}
.story-carousel{position:relative;display:flex;align-items:stretch;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:4px;padding:2px 0 4px;outline-offset:7px}
.story-carousel::-webkit-scrollbar{display:none}
.story-carousel:focus-visible{outline:1px solid #e7bd59}
.story-card{position:relative;isolation:isolate;display:block;flex:0 0 86%;min-width:0;min-height:420px;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(226,183,108,.3);border-radius:3px;background:#17120d;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 6px rgba(0,0,0,.18);transition:border-color .3s,box-shadow .3s}
.story-card::after{position:absolute;z-index:4;inset:9px;content:"";border:1px solid rgba(246,215,162,.09);pointer-events:none}
.story-card--available:hover,.story-card--available:focus-visible{border-color:#d7ad66;box-shadow:inset 0 0 0 6px rgba(0,0,0,.18),inset 0 0 60px rgba(231,189,89,.08);outline:none}
.story-card-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 36%;filter:saturate(.86);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s}
.story-card--available:hover .story-card-art,.story-card--available:focus-visible .story-card-art{transform:scale(1.035);filter:saturate(1.05)}
.story-card-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(8,10,14,.98),rgba(8,10,14,.78) 34%,rgba(8,10,14,.24) 62%,rgba(8,10,14,.04)),linear-gradient(0deg,rgba(5,8,12,.83),transparent 48%,rgba(5,8,12,.3));pointer-events:none}
.story-card-grain{position:absolute;z-index:-1;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.18' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}
.story-card-topline{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:27px 34px}
.story-card-volume{color:#c5b59e;font-size:.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.story-card-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(190,185,216,.22);border-radius:2px;background:rgba(6,8,14,.5);color:#bcb8ce;font-size:.47rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}
.story-card-status i{width:4px;height:4px;border-radius:50%;background:#aaa0c3}
.story-card-status.is-available{border-color:rgba(231,189,89,.3);color:#eed4a0}
.story-card-status.is-available i{background:#99d8b3;box-shadow:0 0 9px rgba(132,227,175,.6)}
.story-card-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:342px;padding:32px 42px 36px}
.story-card-kicker{color:#cba369;font-size:.53rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.story-card-copy h3{max-width:600px;margin:13px 0 16px;color:#fff0d8;font-family:"AOW",serif;font-size:clamp(2rem,3.8vw,3.6rem);font-weight:400;line-height:1.12;letter-spacing:.01em;text-shadow:0 4px 30px #000}
.story-card-copy p{max-width:360px;margin:0;color:#b5b1ab;font-size:.73rem;line-height:1.85}
.story-card-tags{display:flex;flex-wrap:wrap;gap:8px 13px;margin:23px 0 26px;color:#d2c0a4;font-size:.48rem;font-weight:600}
.story-card-tags span{display:flex;align-items:center;gap:13px}
.story-card-tags span+span::before{width:3px;height:3px;content:"";background:#b08748;transform:rotate(45deg)}
.story-card-bottom{display:flex;align-items:center;gap:20px;margin-top:auto}
.story-card-cta{position:relative;display:flex;align-items:center;gap:32px;overflow:hidden;padding:14px 18px;border:1px solid rgba(237,197,120,.6);background:linear-gradient(115deg,#e6c17e,#bc873c);color:#25190d;font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 24px rgba(170,107,35,.15)}
.story-card-cta::before{position:absolute;inset:-50%;content:"";background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-100%);animation:storyCtaSheen 8s ease-in-out infinite}
.story-card-cta i{font-size:1rem;font-style:normal;transition:transform .3s}
.story-card:hover .story-card-cta i{transform:translate(2px,-2px)}
.story-card-progress{color:#c1b5a0;font-size:.5rem}
.story-card-corner{position:absolute;bottom:9px;right:9px;width:28px;height:28px;border-right:1px solid #ddba7e;border-bottom:1px solid #ddba7e;opacity:.75;pointer-events:none}
.story-card--coming{background:radial-gradient(ellipse at 76% 50%,#302746,#11131d 58%,#0b1019);border-color:rgba(151,135,191,.3)}
.story-card--coming .story-card-shade{background:linear-gradient(90deg,rgba(7,10,18,.84),rgba(7,10,18,.58) 42%,transparent 85%)}
.story-card--coming .story-card-kicker{color:#b6a2d2}
.story-card--coming .story-card-copy h3{color:#e6deef}
.story-card--coming .story-card-copy p{color:#aaa5b8}
.story-card--coming .story-card-corner{border-color:#a491c5}
.story-sealed-art{position:absolute;z-index:-3;inset:0;overflow:hidden;pointer-events:none}
.story-seal-orbit{position:absolute;left:calc(75% - 180px);top:calc(50% - 180px);width:360px;height:360px;border:1px solid rgba(176,143,222,.25);border-radius:50%;box-shadow:0 0 0 12px rgba(157,128,205,.035),0 0 0 13px rgba(157,128,205,.13),0 0 0 50px rgba(157,128,205,.02),0 0 0 51px rgba(157,128,205,.08);animation:storyOrbit 80s linear infinite reverse}
.story-seal-orbit::before{position:absolute;inset:35px;content:"";border:1px dashed rgba(176,143,222,.3);border-radius:50%}
.story-seal-orbit::after{position:absolute;inset:53px;content:"";border:1px solid rgba(176,143,222,.22);transform:rotate(45deg)}
.story-seal{position:absolute;left:75%;top:50%;display:grid;place-items:center;width:126px;height:126px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(197,170,240,.4);background:linear-gradient(135deg,rgba(184,153,226,.08),rgba(70,50,100,.25));box-shadow:0 0 60px rgba(153,94,215,.16),inset 0 0 25px rgba(189,144,244,.08);animation:storySealGlow 5s ease-in-out infinite alternate}
.story-seal span{font-family:Georgia,serif;font-size:5.5rem;line-height:1;color:#c1a2e4;transform:rotate(-45deg);text-shadow:0 0 30px #9070b3}
.story-seal-caption{position:absolute;left:75%;top:calc(50% + 114px);transform:translateX(-50%);color:#9a86b8;font-size:.45rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.story-release{display:grid;grid-template-columns:1fr auto;gap:6px 30px;align-items:center;margin-top:28px;padding:17px 0 0;border-top:1px solid rgba(177,149,213,.25);min-width:260px}
.story-release>span{color:#9990a8;font-size:.48rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.story-release time{grid-column:1;font-family:"AOW",serif;font-size:1.7rem;color:#d4b9ec}
.story-release>i{grid-column:2;grid-row:1/3;font-size:2rem;font-style:normal;color:#b99bd9}
.story-carousel-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:22px}
.story-carousel-hint{display:flex;align-items:center;gap:10px;color:#767984;font-size:.52rem}
.story-carousel-hint i{color:#b8945a;font-size:1rem;font-style:normal}
.story-carousel-dots{display:flex;align-items:center;justify-content:center;gap:5px}
.story-carousel-dots button{display:grid;place-items:center;width:32px;height:36px;padding:0;border:0;background:transparent;cursor:pointer}
.story-carousel-dots button span{width:6px;height:6px;border:1px solid #7c725e;background:transparent;transform:rotate(45deg);transition:background .25s,box-shadow .25s}
.story-carousel-dots button[aria-current] span{background:#e3bf77;border-color:#e3bf77;box-shadow:0 0 12px rgba(227,191,119,.5)}
.story-carousel-arrows{justify-self:end;display:flex;align-items:center;gap:9px}
.story-carousel-position{color:#b7a789;font-size:.58rem;letter-spacing:.14em;margin-right:12px;font-variant-numeric:tabular-nums}
.story-carousel-arrows button{display:grid;place-items:center;width:44px;height:42px;border:1px solid rgba(209,173,108,.35);border-radius:2px;background:rgba(209,173,108,.045);color:#e3c78e;font-size:1.05rem;cursor:pointer;transition:border-color .25s,background .25s}
.story-carousel-arrows button:hover:not(:disabled){background:rgba(209,173,108,.15);border-color:#e3c78e}
.story-carousel-arrows button:disabled{opacity:.3;cursor:default}
.story-carousel-navigation button:focus-visible{outline:2px solid #e7bd59;outline-offset:3px}
.story-library-note{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:44px;padding-top:28px;border-top:1px solid rgba(215,183,125,.09)}
.story-library-note>span{color:#86704c;font-size:.85rem}
.story-library-note p{margin:0;color:#767a87;font-family:"SpectralBold",Georgia,serif;font-size:.93rem;text-align:center;line-height:1.7}
.story-library-note strong{font-weight:400;color:#b5a58b}
.story-hub~.story-footer{padding-top:26px;opacity:.8}
.story-footer span{font-size:.46rem}
.story-footer p{font-size:.5rem}
.story-detail-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.story-detail-navigation>span{color:#8c8273;font-size:.54rem;letter-spacing:.08em}
.story-detail-navigation i{padding:0 10px;color:#c89953;font-style:normal}
.story-detail-open .story-header{margin-bottom:34px}
.story-detail-open .story-heading h1{font-size:clamp(2.4rem,4vw,4rem)}
.story-detail-open .story-orbit{opacity:.4}
.story-noscript{color:#dfc799;font-size:.8rem}
@keyframes storyOrbit{to{transform:rotate(360deg)}}
@keyframes storyAurora{to{transform:translate(-4%,3%) scale(1.08);opacity:.65}}
@keyframes storyEmber{0%{opacity:0;transform:translate(0,0)}12%{opacity:.65}80%{opacity:.4}100%{opacity:0;transform:translate(55px,-95vh)}}
@keyframes storySealGlow{to{box-shadow:0 0 90px rgba(153,94,215,.28),inset 0 0 35px rgba(189,144,244,.16)}}
@keyframes storyCtaSheen{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@media(min-width:1700px){.story-shell{padding-top:148px}.story-header{margin-bottom:68px}.story-card{min-height:480px}.story-card-copy{min-height:399px;padding-top:50px}.story-card-copy p{font-size:.82rem;max-width:400px}}
@media(max-width:1100px){.story-shell{width:calc(100% - 56px);padding-top:112px}.story-header>.story-back{top:-18px}.story-season{top:-18px}.story-heading{grid-column:auto;grid-row:auto;padding-top:22px;text-align:center}.story-kicker{justify-content:center}.story-kicker i:last-child{display:block}.story-heading p{margin:0 auto}.story-card{flex-basis:91%;min-height:410px}.story-card-copy{padding:34px 30px 32px}.story-card-topline{padding:24px 30px}.story-card-copy h3{font-size:clamp(2rem,4.4vw,3.3rem)}.story-card-art{object-position:67% center}.story-card-shade{background:linear-gradient(90deg,rgba(8,10,14,.97),rgba(8,10,14,.74) 40%,rgba(8,10,14,.08)),linear-gradient(0deg,rgba(5,8,12,.8),transparent 70%)}.story-card-copy p{max-width:320px}}
@media(max-width:760px){.story-shell{width:calc(100% - 36px);padding-top:107px}.story-header{margin-bottom:35px}.story-season{display:none}.story-header>.story-back{font-size:.52rem}.story-heading{padding-top:30px}.story-kicker{font-size:.47rem;gap:8px;letter-spacing:.15em}.story-kicker i{width:22px}.story-heading h1{font-size:clamp(2.15rem,6.8vw,3.4rem);margin:16px 0}.story-heading p{font-size:.66rem}.story-library-count{font-size:.48rem}.story-library-header{gap:10px;margin-bottom:16px}.story-library-header h2{font-size:1.08rem}.story-library-kicker{font-size:.45rem;letter-spacing:.13em}.story-card{flex-basis:94%;min-height:460px}.story-carousel{gap:14px}.story-card-topline{padding:23px 22px}.story-card-copy{min-height:378px;padding:58px 24px 28px}.story-card-copy h3{font-size:2.15rem;max-width:350px}.story-card-copy p{max-width:300px;font-size:.68rem}.story-card-art{object-position:70% center}.story-card-shade{background:linear-gradient(90deg,rgba(7,9,13,.75),rgba(7,9,13,.16)),linear-gradient(0deg,#080b10,rgba(8,11,16,.9) 25%,rgba(8,11,16,.35) 80%)}.story-card-tags{font-size:.46rem;gap:8px 10px;margin:20px 0 25px}.story-card-tags span{gap:10px}.story-card-bottom{gap:12px;flex-wrap:wrap}.story-card-cta{font-size:.5rem;gap:20px;padding:13px 14px}.story-card-progress{font-size:.46rem}.story-card-status{font-size:.42rem}.story-card-volume{font-size:.44rem}.story-seal-orbit{left:calc(78% - 150px);top:-62px;width:300px;height:300px;opacity:.55}.story-seal{left:78%;top:89px;width:84px;height:84px;opacity:.7}.story-seal span{font-size:3.5rem}.story-seal-caption{display:none}.story-card--coming .story-card-shade{background:linear-gradient(0deg,rgba(7,10,18,.95),rgba(7,10,18,.6) 65%,transparent)}.story-card--coming .story-card-copy{padding-top:72px}.story-release{margin-top:24px;min-width:220px}.story-carousel-navigation{gap:12px;grid-template-columns:1fr auto;margin-top:18px}.story-carousel-hint{grid-row:2;grid-column:1/-1;justify-content:center;font-size:.49rem}.story-carousel-dots{justify-content:flex-start}.story-carousel-position{font-size:.52rem;margin-right:6px}.story-carousel-arrows button{width:42px;height:40px}.story-library-note{margin-top:29px;padding-top:23px;gap:12px}.story-library-note p{font-size:.84rem;max-width:300px}.story-library-note strong{display:block}.story-detail-navigation>span{font-size:.44rem}.story-detail-navigation i{padding:0 4px}}
@media(max-width:380px){.story-shell{width:calc(100% - 24px)}.story-heading h1{font-size:2rem}.story-library-header{align-items:flex-start;flex-direction:column;gap:8px}.story-card-copy{padding-left:20px;padding-right:20px}.story-card-copy h3{font-size:1.9rem}.story-card-topline{padding-left:20px;padding-right:20px}.story-card-cta{font-size:.46rem}.story-card-progress{font-size:.44rem}.story-detail-navigation>span{display:none}}
@media(prefers-reduced-motion:reduce){.story-aurora,.story-orbit,.story-embers i,.story-seal-orbit,.story-seal,.story-card-cta::before{animation:none}.story-embers{display:none}.story-card,.story-card-art,.story-card-cta i,.story-carousel-dots button span{transition:none}.story-card--available:hover .story-card-art,.story-card--available:focus-visible .story-card-art{transform:none}}