:root{
  --bg:#030405;
  --ink:#f5f1e8;
  --muted:#b8b3a8;
  --gold:#d9aa36;
  --gold-bright:#f2cf6b;
  --silver:#d9dde0;
  --line:rgba(255,255,255,.15);
  --glass:rgba(8,9,10,.50);
  --glass-strong:rgba(8,9,10,.68);
  --app-height:100vh;
  --safe-x:clamp(20px,4.5vw,72px);
  --topbar-h:72px;
  --footer-h:58px;
  --display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body,#app{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--ink)}
html{background:#000}
body{font-family:var(--ui);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,select,a{font:inherit}
button{cursor:pointer}
img{max-width:100%}
#app{min-height:100%;opacity:1}
.app-enter{animation:appIn .38s ease both}
@keyframes appIn{from{opacity:.2}to{opacity:1}}

/* typography */
.screen-kicker,.preview-number{display:inline-block;color:var(--gold-bright);font-size:12px;font-weight:500;letter-spacing:.25em;text-transform:uppercase}
.scene-heading h1,.home-copy h1,.episode-preview h2,.episode-file-copy h1,.myth-feature h2,.about-feature h2,.learning-feature h2{
  font-family:var(--display);font-weight:400;text-wrap:balance;text-shadow:0 12px 36px rgba(0,0,0,.55)
}
.scene-heading h1{font-size:clamp(58px,7.4vw,108px);line-height:.86;letter-spacing:-.045em;margin:7px 0 9px}
.scene-heading p{margin:0;max-width:440px;color:var(--muted);font-size:16px;line-height:1.45}

/* fixed chrome */
.topbar{position:fixed;z-index:90;top:0;left:0;right:0;height:var(--topbar-h);padding:14px var(--safe-x);display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.32) 58%,transparent)}
.topbar>*{pointer-events:auto}
.topbar-mark{width:36px;height:36px;border:1px solid rgba(217,170,54,.50);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.34);backdrop-filter:blur(12px);color:var(--silver);font-family:var(--display);font-size:12px;font-weight:500;letter-spacing:.02em}
.menu-wrap{position:relative}
.menu-toggle{display:flex;align-items:center;gap:11px;border:1px solid rgba(244,195,65,.26);background:rgba(5,6,7,.68);color:#fff;border-radius:999px;padding:9px 15px 9px 10px;font-weight:500;font-size:11px;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(15px)}
.menu-toggle:hover,.menu-wrap.open .menu-toggle{border-color:rgba(244,195,65,.65);background:rgba(20,17,11,.94)}
.gold-hamburger{width:27px;height:22px;position:relative;display:block}.gold-hamburger i{position:absolute;left:1px;width:24px;height:6px;border-radius:2px;transform-origin:center;transition:top .27s ease,transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s,width .25s;background:linear-gradient(180deg,#fff0a2 0%,#f7c944 20%,#c88a16 58%,#7d4c08 100%);border:1px solid #e8b83e;box-shadow:inset 1px 1px 0 rgba(255,255,255,.42),0 2px 4px rgba(0,0,0,.5);overflow:hidden}.gold-hamburger i::after{content:"";position:absolute;top:0;bottom:0;width:9px;left:-12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-22deg);animation:barShine 2.1s infinite}.gold-hamburger i:nth-child(1){top:0}.gold-hamburger i:nth-child(2){top:8px}.gold-hamburger i:nth-child(3){top:16px}.menu-wrap.open .gold-hamburger i:nth-child(1){top:8px;transform:rotate(45deg)}.menu-wrap.open .gold-hamburger i:nth-child(2){top:8px;width:7px;left:10px;opacity:0;transform:scaleX(.2)}.menu-wrap.open .gold-hamburger i:nth-child(3){top:8px;transform:rotate(-45deg)}@keyframes barShine{0%,50%{left:-13px}75%,100%{left:30px}}
.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;width:min(310px,calc(100vw - 32px));padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(6,7,8,.91);backdrop-filter:blur(24px);box-shadow:0 28px 90px rgba(0,0,0,.68);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.menu-wrap.open .dropdown-menu{opacity:1;visibility:visible;transform:none}
.dropdown-menu a{display:block;padding:12px 13px;border-radius:10px;color:#aaa8a2;font-size:13px;font-weight:500;letter-spacing:.105em;text-transform:uppercase;transition:color .18s ease,background .18s ease}
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{color:var(--gold-bright);background:rgba(217,170,54,.08);outline:none}
.dropdown-menu a.active{color:var(--silver);background:rgba(217,221,224,.075)}
.menu-divider{height:1px;margin:6px 9px;background:rgba(255,255,255,.08)}

/* backdrops */
.cinema-page,.home-cinema,.intro-stage{position:relative;width:100%;height:var(--app-height);min-height:520px;overflow:hidden;background:#030405}
.cinema-backdrop{position:absolute;inset:0;overflow:hidden;background:#030405}
.cinema-backdrop img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.78);transform:translate(var(--mx,0),var(--my,0)) scale(1.035);transition:transform .18s linear,filter .35s ease,opacity .32s ease}
.cinema-backdrop img.scene-out{opacity:.18;filter:blur(9px) saturate(.45) brightness(.55)}
.backdrop-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.54) 44%,rgba(0,0,0,.16) 76%,rgba(0,0,0,.36) 100%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 46%,rgba(0,0,0,.30))}
.film-grain{position:absolute;inset:-20%;pointer-events:none;opacity:.08;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='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:grain .5s steps(2) infinite}
@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-1.2%,1%)}100%{transform:translate(1%,-1.3%)}}
.pointer-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 28vw at var(--px,50%) var(--py,50%),rgba(217,170,54,.07),transparent 67%)}

/* buttons */
.cinema-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.33);backdrop-filter:blur(12px);color:#f5f3ef;font-size:12px;font-weight:500;letter-spacing:.10em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.cinema-button:hover,.cinema-button:focus-visible{transform:translateY(-1px);border-color:rgba(217,170,54,.70);outline:none}
.cinema-button.primary{color:#090909;border-color:#e2c163;background:linear-gradient(115deg,#b57c19 0%,#e2b84c 38%,#f0d47f 56%,#d9dde0 100%)}
.cinema-button.ghost{background:rgba(4,5,6,.35)}

/* footer/end-card */
.cinema-footer{position:absolute;z-index:25;left:var(--safe-x);right:var(--safe-x);bottom:10px;height:var(--footer-h);display:grid;grid-template-columns:minmax(180px,.72fr) minmax(300px,1.15fr) minmax(180px,.72fr);align-items:center;gap:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(100deg,rgba(5,6,7,.87),rgba(8,9,10,.72),rgba(5,6,7,.88)),url('/assets/editorial/footer-crypto-bg.jpg') center/cover;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.footer-sizzle{height:44px;display:flex;align-items:center;gap:10px;padding:6px 11px;border:0;border-radius:10px;background:rgba(217,170,54,.055);color:#fff;text-align:left}
.footer-sizzle:hover{background:rgba(217,170,54,.13)}
.play-glyph{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(217,170,54,.65);border-radius:50%;color:var(--gold-bright);font-size:11px;padding-left:2px}
.footer-sizzle span:last-child{display:grid;gap:1px}.footer-sizzle b{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.footer-sizzle small{color:#92928d;font-size:10px}
.footer-chapters{display:flex;justify-content:center;align-items:center;gap:2px;min-width:0}
.footer-chapters a{padding:8px 10px;border-radius:999px;color:#999994;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.footer-chapters a:hover{color:var(--gold-bright);background:rgba(217,170,54,.07)}
.footer-chapters a.active{color:var(--silver);background:rgba(217,221,224,.06)}
.footer-credit{text-align:right;color:#777976;font-size:9px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;line-height:1.45}

/* intro + home */
.intro-stage{display:grid;place-items:center;background:#000}
.intro-film,.home-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.intro-shade,.home-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.36) 58%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 56%)}
.intro-copy{position:relative;z-index:4;display:grid;justify-items:center;gap:15px;padding:24px;text-align:center}
.intro-title img{width:min(700px,75vw);filter:drop-shadow(0 18px 38px #000)}
.intro-copy p{margin:0;color:#e0d6c3;font-family:var(--display);font-style:italic;font-size:clamp(25px,3vw,40px)}
.skip-intro{position:absolute;z-index:5;right:24px;bottom:24px;border:0;background:none;color:#cbc7bf;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.skip-intro:hover{color:var(--gold-bright)}
.home-frame{position:relative;width:100%;height:100%;overflow:hidden}
.home-film{inset:-2%;width:104%;height:104%;transform:translate(var(--mx,0),var(--my,0)) scale(1.025);filter:saturate(.82) contrast(1.05) brightness(.86)}
.home-copy{position:absolute;z-index:8;left:var(--safe-x);top:43%;transform:translateY(-50%);width:min(760px,58vw)}
.home-title{display:block;margin-bottom:12px}.home-title img{display:block;width:min(540px,42vw);filter:drop-shadow(0 14px 32px rgba(0,0,0,.75))}
.home-copy h1{margin:12px 0 13px;font-size:clamp(52px,6.6vw,96px);line-height:.92;letter-spacing:-.045em}
.home-copy h1 em{font-weight:400;color:var(--gold-bright)}
.home-copy p{margin:0;max-width:650px;color:#d3cec4;font-size:clamp(17px,1.35vw,21px);line-height:1.55}
.sponsor-strip{position:absolute;z-index:9;right:var(--safe-x);bottom:82px;width:min(700px,52vw);display:grid;grid-template-columns:58px repeat(7,minmax(0,1fr));align-items:center;gap:6px}
.sponsor-strip>span{color:#8d8e89;font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}
.sponsor-strip img{width:100%;height:42px;object-fit:contain;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(5,6,7,.48);backdrop-filter:blur(12px)}
.sponsor-strip img[src*="sound_money_movement"]{padding:5px 3px}

/* page framing */
.scene-heading{position:absolute;z-index:8;left:var(--safe-x);top:95px;width:min(520px,39vw)}
.liquid-detail{position:absolute;z-index:10;width:min(710px,48vw);padding:34px 92px 36px 36px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(13,14,15,.54),rgba(7,8,9,.38));box-shadow:0 18px 65px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(122%);-webkit-backdrop-filter:blur(24px) saturate(122%);overflow:hidden}
.liquid-detail::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(217,170,54,.07),transparent 30%,rgba(217,221,224,.05) 72%,transparent);opacity:.72}
.episode-preview,.myth-feature,.about-feature,.learning-feature{right:var(--safe-x);top:43%;transform:translateY(-50%)}
.episode-preview h2,.myth-feature h2,.about-feature h2,.learning-feature h2{margin:5px 0 5px;font-size:clamp(44px,4.2vw,70px);line-height:.96;letter-spacing:-.035em}
.episode-preview h3,.episode-file-copy h2{margin:2px 0 16px;color:#eadfc3;font-family:var(--display);font-style:normal;font-weight:400;font-size:clamp(19px,1.6vw,26px);line-height:1.25}
.episode-preview p,.myth-feature p,.about-feature p,.learning-feature p,.episode-file-copy>p{margin:0;color:#d2cec6;font-size:16.5px;font-weight:400;line-height:1.68}
.preview-actions,.episode-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
[data-about-detail]{margin-top:20px;color:#9da09d;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}

/* slide transitions */
.detail-slide-viewport{position:relative;min-height:0;overflow:hidden}
.detail-slide-content{position:relative;width:100%;transition:transform .38s cubic-bezier(.22,.78,.22,1);will-change:transform}
.detail-slide-incoming{position:absolute;inset:0}
.detail-slide-viewport.is-sliding{pointer-events:none}
.detail-arrow-controls{position:absolute;z-index:5;right:20px;top:20px;display:flex;flex-direction:row;align-items:center;gap:9px}
.detail-arrow,.episode-scroll-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.32);backdrop-filter:blur(12px);color:var(--silver);transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}
.detail-arrow{width:40px;height:40px}
.detail-arrow:hover,.detail-arrow:focus-visible,.episode-scroll-arrow:hover,.episode-scroll-arrow:focus-visible{border-color:rgba(217,170,54,.7);color:var(--gold-bright);background:rgba(16,12,5,.60);outline:none}
.detail-arrow:hover{transform:translateY(-1px)}


.detail-arrow svg,.episode-scroll-arrow svg,.scene-back-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.scene-back-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(0,0,0,.28)}
.detail-slide-content>h1,.detail-slide-content>h2{font-weight:400}
.detail-slide-content>p{margin-top:4px}
.preview-actions,.episode-file-actions{margin-top:24px}

/* seasons */
.episode-file-toolbar{position:absolute;z-index:13;left:var(--safe-x);top:92px;display:flex;align-items:center;gap:14px}
.scene-back{display:inline-flex;align-items:center;gap:8px;color:#cbc8c0;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.scene-back:hover{color:var(--gold-bright)}

/* episodes */
.episode-index .scene-heading{width:min(430px,34vw)}
.episode-file-copy{left:var(--safe-x);right:auto;top:42%;transform:translateY(-50%);width:min(720px,51vw)}
.episode-file-copy h1{margin:5px 0 8px;font-size:clamp(50px,5.5vw,86px);line-height:.90;letter-spacing:-.045em}
.focus-toggle{width:100%;margin-top:22px;padding:12px 2px;border:0;border-top:1px solid rgba(217,221,224,.30);border-bottom:1px solid rgba(255,255,255,.09);background:none;color:var(--silver);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-align:left}
.focus-toggle b{font-size:22px;font-weight:300}.focus-reveal{max-height:0;overflow:hidden;opacity:0;transition:max-height .26s ease,opacity .22s ease}.focus-reveal.open{max-height:160px;opacity:1}.focus-reveal p{margin:10px 0 0;color:#b8b7b1;font-size:14px;line-height:1.5}

/* episode rail */
.episode-scroller-shell{position:absolute;z-index:14;left:var(--safe-x);right:var(--safe-x);bottom:78px;height:126px}
.episode-scroller-caption{height:20px;display:flex;justify-content:space-between;align-items:center;padding:0 48px 5px;color:#91918c;font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.episode-scroller-row{height:calc(100% - 20px);display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:9px}
.episode-scroll-arrow{border-radius:50%}
.episode-thumb-viewport{min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(3,4,5,.32);backdrop-filter:blur(14px);overflow:hidden}
.episode-thumb-rail{height:100%;display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:5px 7px;cursor:grab;touch-action:pan-x;-webkit-overflow-scrolling:touch}
.episode-thumb-rail::-webkit-scrollbar{display:none}.episode-thumb-rail.dragging{cursor:grabbing;scroll-snap-type:none}
.episode-thumb-card{position:relative;flex:0 0 190px;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 33px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(4,5,6,.72);color:#d8d5ce;text-align:left;overflow:hidden;scroll-snap-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.episode-thumb-card::before{content:"";position:absolute;z-index:4;left:0;right:100%;top:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--silver));transition:right .22s ease}
.episode-thumb-card:hover,.episode-thumb-card:focus-visible,.episode-thumb-card.active{transform:translateY(-1px);border-color:rgba(217,170,54,.64);outline:none}
.episode-thumb-card:hover::before,.episode-thumb-card:focus-visible::before,.episode-thumb-card.active::before{right:0}
.episode-thumb-card.active{box-shadow:0 0 0 1px rgba(217,221,224,.18),0 10px 28px rgba(0,0,0,.30)}
.episode-thumb-image{position:relative;overflow:hidden;background:#050606}.episode-thumb-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.82);transform:scale(1.02);transition:transform .22s ease,filter .22s ease}.episode-thumb-card:hover img,.episode-thumb-card.active img{transform:scale(1.05);filter:saturate(.88) contrast(1.08) brightness(.98)}
.episode-thumb-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.58) 100%)}
.episode-thumb-number{position:absolute;z-index:3;left:7px;bottom:6px;color:var(--gold-bright);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 6px #000}.episode-thumb-image i{position:absolute;z-index:3;right:6px;top:6px;color:var(--silver);font-style:normal;font-size:8px;font-weight:500;letter-spacing:.10em}
.episode-thumb-title{display:flex;align-items:center;padding:5px 8px;color:#ece8df;font-family:var(--display);font-size:15px;line-height:1.1;font-weight:400}

/* selector strips */
.myth-selector,.about-selector,.learning-selector{position:absolute;z-index:13;left:var(--safe-x);bottom:78px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:calc(100vw - (2 * var(--safe-x)) - 340px);padding-top:3px}
.myth-selector::-webkit-scrollbar,.about-selector::-webkit-scrollbar,.learning-selector::-webkit-scrollbar{display:none}
.myth-tab,.about-tab,.learning-tab{position:relative;flex:0 0 170px;min-height:60px;padding:9px 10px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(4,5,6,.48);backdrop-filter:blur(12px);color:#b8b6b0;text-align:left;overflow:hidden;transition:border-color .18s ease,background .18s ease,color .18s ease}
.myth-tab::after,.about-tab::after,.learning-tab::after{content:"";position:absolute;left:0;right:100%;top:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--silver));transition:right .2s ease}
.myth-tab b,.about-tab b,.learning-tab b{display:block;margin-bottom:4px;color:var(--gold-bright);font-size:8.5px;letter-spacing:.12em}.about-tab b{color:var(--silver)}
.myth-tab span,.about-tab span,.learning-tab span{font-family:var(--display);font-size:14px;font-weight:400;line-height:1.12}
.myth-tab:hover,.myth-tab.active,.about-tab:hover,.about-tab.active,.learning-tab:hover,.learning-tab.active{border-color:rgba(217,170,54,.52);background:rgba(12,10,6,.62);color:#fff}
.myth-tab:hover::after,.myth-tab.active::after,.about-tab:hover::after,.about-tab.active::after,.learning-tab:hover::after,.learning-tab.active::after{right:0}
.learning-episodes{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.learning-episodes a{padding:7px 10px;border:1px solid rgba(217,221,224,.30);border-radius:999px;background:rgba(217,221,224,.04);color:var(--silver);font-size:10px;font-weight:500;letter-spacing:.10em}.learning-episodes a:hover{border-color:var(--gold);color:var(--gold-bright)}

/* modal */
.video-modal{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:clamp(18px,5vw,72px);background:rgba(0,0,0,.93);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.18s ease}.video-modal.open{opacity:1;visibility:visible}.modal-frame{position:relative;width:min(1160px,92vw);aspect-ratio:16/9;border:1px solid rgba(255,255,255,.17);background:#000;box-shadow:0 40px 120px rgba(0,0,0,.8),0 0 80px rgba(217,170,54,.07)}.modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.modal-close{position:absolute;z-index:4;right:24px;top:18px;width:43px;height:43px;border:1px solid rgba(255,255,255,.20);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:30px;font-weight:200}.modal-caption{position:absolute;left:clamp(18px,5vw,70px);bottom:20px;display:flex;align-items:center;gap:10px;text-transform:uppercase}.modal-caption span{color:var(--gold-bright);font-size:9px;font-weight:500;letter-spacing:.14em}.modal-caption b{font-size:11px;letter-spacing:.08em}

/* tablet */
@media(max-width:1050px){
  :root{--safe-x:24px}
  .home-copy{width:min(690px,68vw);top:42%}.home-title img{width:min(480px,52vw)}
  .scene-heading{width:42vw}.scene-heading h1{font-size:clamp(54px,8.8vw,88px)}
  .liquid-detail{width:52vw;right:24px;padding:24px 68px 24px 25px}
  .episode-file-copy{left:24px;right:auto;width:58vw}
  .episode-thumb-card{flex-basis:170px}
  .myth-selector,.about-selector,.learning-selector{max-width:calc(100vw - 48px)}
  .sponsor-strip{width:min(590px,56vw);grid-template-columns:repeat(7,minmax(0,1fr))}.sponsor-strip>span{display:none}
}

/* mobile: deliberate vertical flow, not viewport compression */
@media(max-width:760px){
  :root{--safe-x:14px;--topbar-h:64px;--footer-h:auto}
  html,body,#app{min-height:100%;height:auto}
  body{overflow:auto;background:#030405}
  .topbar{height:var(--topbar-h);padding:10px 14px;background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.48) 62%,transparent)}
  .menu-toggle{padding:8px}.topbar-mark{width:34px;height:34px}
  .cinema-page,.home-cinema,.intro-stage{height:auto;min-height:100vh;min-height:100svh;overflow:visible}
  .cinema-backdrop{position:fixed;inset:0;z-index:0}.cinema-backdrop img{inset:0;width:100%;height:100%;transform:none;filter:saturate(.70) contrast(1.06) brightness(.55)}
  .backdrop-shade{background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.74) 42%,rgba(0,0,0,.93) 100%)}
  .film-grain,.pointer-light{position:fixed}

  .home-frame{min-height:100vh;min-height:100svh;height:auto;padding:104px 14px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;overflow:visible}
  .home-film{position:fixed;inset:0;width:100%;height:100vh;height:100svh;transform:none;filter:saturate(.78) contrast(1.05) brightness(.62)}
  .home-shade{position:fixed;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.63) 48%,rgba(0,0,0,.94) 100%)}
  .home-copy{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:auto;padding-bottom:4px}
  .home-title img{width:min(440px,88vw)}
  .home-copy h1{font-size:clamp(46px,13.6vw,70px);line-height:.91;margin:11px 0 12px}
  .home-copy p{font-size:18px;line-height:1.5;max-width:none}
  .screen-kicker,.preview-number{font-size:11px;letter-spacing:.20em}
  .sponsor-strip{position:relative;right:auto;bottom:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sponsor-strip img{height:48px;padding:6px}

  .scene-heading{position:relative;z-index:7;left:auto;top:auto;width:auto;padding:88px 14px 0}
  .episode-index .scene-heading{width:auto}
  .scene-heading h1{font-size:clamp(52px,15vw,76px);line-height:.89;margin:6px 0 7px}
  .scene-heading p{font-size:16px;line-height:1.45;max-width:none}

  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{position:relative;z-index:10;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;margin:28px 14px 0;padding:70px 22px 30px;border-radius:19px;background:linear-gradient(135deg,rgba(13,14,15,.58),rgba(7,8,9,.42));backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
  .episode-preview h2,.myth-feature h2,.about-feature h2,.learning-feature h2{font-size:clamp(38px,11vw,54px);line-height:.96}
  .episode-preview h3,.episode-file-copy h2{font-size:23px}
  .episode-preview p,.myth-feature p,.about-feature p,.learning-feature p,.episode-file-copy>p{font-size:18px;line-height:1.52}
  .detail-arrow-controls{right:16px;top:16px;flex-direction:row;gap:9px}.detail-arrow{width:38px;height:38px}
  .detail-slide-content{overflow:visible}

  .episode-file-copy{margin-top:18px}.episode-file-copy h1{font-size:clamp(43px,12.5vw,63px);line-height:.91}
  .focus-reveal.open{max-height:260px}.focus-reveal p{font-size:16px}

  .episode-scroller-shell{position:relative;z-index:13;left:auto;right:auto;bottom:auto;height:142px;margin:24px 14px 0}
  .episode-scroller-caption{height:22px;padding:0 42px 5px;font-size:9px}.episode-scroller-row{height:calc(100% - 22px);grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.episode-scroll-arrow{width:38px;height:38px;border-radius:50%}.episode-thumb-card{flex-basis:154px;grid-template-rows:minmax(0,1fr) 38px}.episode-thumb-title{font-size:16px;padding:5px 7px;line-height:1.02}

  .myth-selector,.about-selector,.learning-selector{position:relative;z-index:13;left:auto;bottom:auto;max-width:none;margin:20px 14px 0;padding:2px 0 4px}.myth-tab,.about-tab,.learning-tab{flex-basis:160px;min-height:64px}.myth-tab span,.about-tab span,.learning-tab span{font-size:15px}

  .cinema-footer{position:relative;z-index:20;left:auto;right:auto;bottom:auto;height:auto;margin:26px 14px 14px;display:grid;grid-template-columns:1fr;padding:8px;border-radius:14px;gap:6px;background:rgba(5,6,7,.78)}
  .footer-sizzle{height:46px}.footer-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.footer-chapters a{padding:10px 4px;text-align:center;font-size:10px}.footer-credit{display:none}

  .preview-actions,.episode-file-actions{gap:7px}.cinema-button{font-size:11px;min-height:43px;padding:10px 15px}
  .modal-caption{display:none}.modal-close{top:12px;right:12px}
}

@media(max-width:390px){
  .episode-file-toolbar{padding-left:12px;padding-right:12px;align-items:flex-start;flex-wrap:wrap}
  .home-frame{padding-left:12px;padding-right:12px}.home-copy h1{font-size:45px}.home-copy p{font-size:17px}
  .scene-heading{padding-left:12px;padding-right:12px}.scene-heading h1{font-size:50px}.scene-heading p{font-size:15.5px}
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{margin-left:12px;margin-right:12px;padding:68px 18px 28px}.episode-preview h2,.myth-feature h2,.about-feature h2,.learning-feature h2{font-size:39px}.episode-preview h3,.episode-file-copy h2{font-size:21px}.episode-preview p,.myth-feature p,.about-feature p,.learning-feature p,.episode-file-copy>p{font-size:17px}
  .episode-scroller-shell{margin-left:8px;margin-right:8px}.episode-thumb-card{flex-basis:145px}.episode-thumb-title{font-size:15px}
  .myth-selector,.about-selector,.learning-selector{margin-left:12px;margin-right:12px}.myth-tab,.about-tab,.learning-tab{flex-basis:150px}
  .cinema-footer{margin-left:10px;margin-right:10px}.footer-chapters a{font-size:9.5px}
}

@media(max-height:650px) and (min-width:761px){
  :root{--topbar-h:62px;--footer-h:52px}
  .topbar{height:var(--topbar-h);padding-top:10px;padding-bottom:10px}
  .scene-heading{top:78px}.scene-heading h1{font-size:clamp(48px,9.8vh,72px);margin:4px 0 5px}.scene-heading p{font-size:14px}
  .liquid-detail{top:41%;padding-top:19px;padding-bottom:19px}.episode-preview h2,.myth-feature h2,.about-feature h2,.learning-feature h2{font-size:clamp(38px,8.8vh,57px)}.episode-preview p,.myth-feature p,.about-feature p,.learning-feature p,.episode-file-copy>p{font-size:14.5px;line-height:1.42}
  .episode-file-toolbar{top:76px}.episode-file-copy h1{font-size:clamp(43px,10vh,66px)}.episode-file-copy h2{font-size:20px}
  .episode-scroller-shell{height:104px;bottom:66px}.episode-scroller-caption{height:18px}.episode-scroller-row{height:calc(100% - 18px)}.episode-thumb-card{grid-template-rows:minmax(0,1fr) 27px;flex-basis:160px}.episode-thumb-title{font-size:13px}
  .myth-selector,.about-selector,.learning-selector{bottom:66px}.myth-tab,.about-tab,.learning-tab{min-height:48px;flex-basis:150px}.myth-tab span,.about-tab span,.learning-tab span{font-size:12px}
  .cinema-footer{height:52px;bottom:7px}.footer-sizzle{height:38px}.footer-chapters a{padding:7px 8px}
  .sponsor-strip{bottom:69px}.home-copy{top:44%}.home-copy h1{font-size:clamp(46px,11vh,70px)}
}

@media(prefers-reduced-motion:reduce){.gold-hamburger i::after{animation:none}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* =========================================================
   v13 cinematic layout cleanup
   - custom silver season menu (no native select)
   - larger fixed desktop/tablet detail stage
   - adaptive-height mobile detail stage
   - clean thumbnail rail spacing
   - top-left detail alignment with protected navigation controls
   ========================================================= */

/* custom season menu */
.season-menu-wrap{
  position:relative;
  z-index:30;
  display:inline-block;
  margin-top:16px;
}
.season-menu-toggle{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:7px 14px 7px 10px;
  border:1px solid rgba(217,221,224,.30);
  border-radius:999px;
  background:rgba(5,6,7,.62);
  color:var(--silver);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  font-size:11px;
  font-weight:500;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.season-menu-toggle:hover,.season-menu-toggle:focus-visible,.season-menu-wrap.open .season-menu-toggle{
  border-color:rgba(217,221,224,.68);
  background:rgba(16,17,18,.82);
  outline:none;
}
.silver-hamburger{width:25px;height:21px;position:relative;display:block;flex:0 0 25px}
.silver-hamburger i{
  position:absolute;
  left:1px;
  width:22px;
  height:5px;
  border-radius:2px;
  transform-origin:center;
  transition:top .27s ease,transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s,width .25s;
  background:linear-gradient(180deg,#ffffff 0%,#e4e7e9 24%,#aeb4b8 62%,#737a7f 100%);
  border:1px solid rgba(235,239,241,.72);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.48),0 2px 4px rgba(0,0,0,.48);
  overflow:hidden;
}
.silver-hamburger i::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:8px;
  left:-11px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.90),transparent);
  transform:skewX(-22deg);
  animation:silverBarShine 2.4s infinite;
}
.silver-hamburger i:nth-child(1){top:0}
.silver-hamburger i:nth-child(2){top:8px}
.silver-hamburger i:nth-child(3){top:16px}
.season-menu-wrap.open .silver-hamburger i:nth-child(1){top:8px;transform:rotate(45deg)}
.season-menu-wrap.open .silver-hamburger i:nth-child(2){top:8px;width:7px;left:9px;opacity:0;transform:scaleX(.2)}
.season-menu-wrap.open .silver-hamburger i:nth-child(3){top:8px;transform:rotate(-45deg)}
@keyframes silverBarShine{0%,52%{left:-11px}76%,100%{left:27px}}
.season-menu-panel{
  position:absolute;
  top:calc(100% + 9px);
  left:0;
  min-width:180px;
  max-width:min(280px,calc(100vw - 28px));
  padding:7px;
  border:1px solid rgba(217,221,224,.22);
  border-radius:14px;
  background:rgba(6,7,8,.94);
  box-shadow:0 22px 60px rgba(0,0,0,.60);
  backdrop-filter:blur(22px) saturate(120%);
  -webkit-backdrop-filter:blur(22px) saturate(120%);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.season-menu-wrap.open .season-menu-panel{opacity:1;visibility:visible;transform:none}
.season-menu-option{
  width:100%;
  display:flex;
  align-items:center;
  min-height:40px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#b9bcbe;
  text-align:left;
  font-size:11px;
  font-weight:500;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.season-menu-option:hover,.season-menu-option:focus-visible{
  color:var(--gold-bright);
  background:rgba(217,170,54,.08);
  border-color:rgba(217,170,54,.28);
  outline:none;
}
.season-menu-option.active{
  color:var(--silver);
  background:rgba(217,221,224,.09);
  border-color:rgba(217,221,224,.28);
}
.episode-file-toolbar .season-menu-wrap{margin-top:0}

/* consistent fixed glass stage on tablet + desktop */
.liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
  width:min(860px,54vw);
  height:430px;
  min-height:430px;
  max-height:430px;
  padding:42px 118px 40px 42px;
  display:block;
  text-align:left;
}
.episode-file-copy{width:min(900px,58vw)}
.detail-slide-viewport{
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  transition:height .32s cubic-bezier(.22,.78,.22,1);
}
.detail-slide-content{
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  text-align:left;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 8px 6px 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(217,221,224,.30) transparent;
}
.detail-slide-content::-webkit-scrollbar{width:5px}
.detail-slide-content::-webkit-scrollbar-thumb{background:rgba(217,221,224,.28);border-radius:999px}
.detail-slide-content::-webkit-scrollbar-track{background:transparent}
.detail-slide-incoming{position:absolute;inset:0;height:100%}

/* give Myths controls and CTA breathing room */
.myth-feature [data-myth-link]{margin-top:30px}
.myth-feature .detail-arrow-controls{top:24px;right:24px}
.myth-feature .detail-slide-content{padding-top:4px}

/* stable thumbnail rail, with no nonfunctional caption/helper row */
.episode-scroller-shell{
  height:132px;
  bottom:78px;
}
.episode-scroller-row{
  height:132px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  gap:10px;
  align-items:center;
}
.episode-scroll-arrow{width:42px;height:42px;align-self:center}
.episode-thumb-viewport{
  width:100%;
  height:126px;
  min-height:126px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.episode-thumb-rail{
  width:100%;
  height:126px;
  min-height:126px;
  align-items:stretch;
  gap:9px;
  padding:7px 8px;
}
.episode-thumb-card{
  flex:0 0 196px;
  width:196px;
  height:112px;
  min-height:112px;
  max-height:112px;
  grid-template-rows:72px 40px;
  align-self:center;
  transform:none;
}
.episode-thumb-card:hover,.episode-thumb-card:focus-visible,.episode-thumb-card.active{transform:none}
.episode-thumb-image{height:72px;min-height:72px}
.episode-thumb-title{
  height:40px;
  min-height:40px;
  align-items:flex-start;
  overflow:hidden;
  padding:6px 8px 5px;
  font-size:14.5px;
  line-height:1.08;
}

/* larger intentional stage on big displays */
@media(min-width:1600px) and (min-height:760px){
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    width:min(980px,53vw);
    height:470px;
    min-height:470px;
    max-height:470px;
    padding:46px 126px 44px 46px;
  }
  .episode-file-copy{width:min(1020px,57vw)}
  .episode-scroller-shell,.episode-scroller-row{height:142px}
  .episode-thumb-viewport,.episode-thumb-rail{height:136px;min-height:136px}
  .episode-thumb-card{flex-basis:214px;width:214px;height:122px;min-height:122px;max-height:122px;grid-template-rows:78px 44px}
  .episode-thumb-image{height:78px;min-height:78px}
  .episode-thumb-title{height:44px;min-height:44px;font-size:15.5px}
}

/* tablet: larger glass than prior builds, but still clears the rail */
@media(max-width:1050px) and (min-width:761px){
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    width:min(660px,54vw);
    height:390px;
    min-height:390px;
    max-height:390px;
    padding:34px 94px 34px 34px;
  }
  .episode-file-copy{width:min(720px,62vw)}
  .episode-scroller-shell,.episode-scroller-row{height:124px}
  .episode-thumb-viewport,.episode-thumb-rail{height:118px;min-height:118px}
  .episode-thumb-card{flex-basis:176px;width:176px;height:104px;min-height:104px;max-height:104px;grid-template-rows:66px 38px}
  .episode-thumb-image{height:66px;min-height:66px}
  .episode-thumb-title{height:38px;min-height:38px;font-size:13.5px}
}

/* mobile: natural-height details, deliberate vertical spacing, compact footer gap */
@media(max-width:760px){
  .scene-heading .season-menu-wrap{margin-top:14px}
  .episode-file-toolbar{
    position:relative;
    z-index:13;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    padding:82px 14px 0;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    gap:10px;
  }
  .episode-file-toolbar .season-menu-wrap{margin:0}

  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    width:calc(100% - 28px);
    height:auto;
    min-height:0;
    max-height:none;
    margin:30px 14px 0;
    padding:20px 20px 28px;
    display:block;
    text-align:left;
    overflow:hidden;
  }
  .detail-arrow-controls{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    width:100%;
    min-height:40px;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    margin:0 0 20px;
  }
  .detail-arrow{width:40px;height:40px;flex:0 0 40px}
  .detail-slide-viewport{
    height:auto;
    min-height:0;
    overflow:hidden;
  }
  .detail-slide-content{
    height:auto;
    min-height:0;
    overflow:visible;
    padding:0;
  }
  .detail-slide-incoming{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:auto;
  }
  .myth-feature .detail-arrow-controls{top:auto;right:auto}
  .myth-feature .detail-slide-content{padding-top:0}
  .myth-feature [data-myth-link]{margin-top:32px}

  /* create a readable gap above rail without leaving dead space below it */
  .episode-scroller-shell{
    position:relative;
    z-index:13;
    left:auto;right:auto;bottom:auto;
    height:auto;
    min-height:0;
    margin:40px 10px 0;
  }
  .episode-scroller-row{
    height:142px;
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:6px;
  }
  .episode-scroll-arrow{width:38px;height:38px}
  .episode-thumb-viewport{height:136px;min-height:136px;border-radius:13px}
  .episode-thumb-rail{height:136px;min-height:136px;padding:7px;gap:7px}
  .episode-thumb-card{
    flex:0 0 156px;
    width:156px;
    height:122px;
    min-height:122px;
    max-height:122px;
    grid-template-rows:80px 42px;
  }
  .episode-thumb-image{height:80px;min-height:80px}
  .episode-thumb-title{height:42px;min-height:42px;font-size:15px;line-height:1.08;padding:6px 7px}

  .myth-selector,.about-selector,.learning-selector{margin-top:30px}
  .cinema-footer{margin-top:16px;margin-bottom:10px}

  .season-menu-toggle{min-height:42px;font-size:10.5px}
  .season-menu-panel{position:absolute;min-width:170px}
}

@media(max-width:390px){
  .episode-file-toolbar{padding-left:12px;padding-right:12px;align-items:flex-start;flex-wrap:wrap}
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    width:calc(100% - 24px);
    margin-left:12px;
    margin-right:12px;
    padding:18px 18px 26px;
  }
  .episode-file-toolbar{padding-left:12px;padding-right:12px}
  .episode-scroller-shell{margin-left:6px;margin-right:6px;margin-top:38px}
  .episode-scroller-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px;height:136px}
  .episode-scroll-arrow{width:36px;height:36px}
  .episode-thumb-viewport,.episode-thumb-rail{height:130px;min-height:130px}
  .episode-thumb-card{flex-basis:146px;width:146px;height:116px;min-height:116px;max-height:116px;grid-template-rows:76px 40px}
  .episode-thumb-image{height:76px;min-height:76px}
  .episode-thumb-title{height:40px;min-height:40px;font-size:14px}
  .cinema-footer{margin-top:14px;margin-bottom:8px}
}

/* short desktop/tablet windows keep the fixed stage but shrink proportionally */
@media(max-height:650px) and (min-width:761px){
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    height:300px;
    min-height:300px;
    max-height:300px;
    padding-top:24px;
    padding-bottom:24px;
  }
  .episode-scroller-shell,.episode-scroller-row{height:102px}
  .episode-thumb-viewport,.episode-thumb-rail{height:96px;min-height:96px}
  .episode-thumb-card{height:82px;min-height:82px;max-height:82px;grid-template-rows:52px 30px;flex-basis:154px;width:154px}
  .episode-thumb-image{height:52px;min-height:52px}
  .episode-thumb-title{height:30px;min-height:30px;font-size:12px;padding:4px 6px}
}

@media(prefers-reduced-motion:reduce){
  .silver-hamburger i::after{animation:none}
}

/* =========================================================
   v14 — JSON content model + responsive polish
   ========================================================= */

/* Season menu must always paint above the detail glass. */
.season-heading{z-index:42}
.season-menu-wrap{z-index:80}
.season-menu-panel{z-index:120}
.episode-file-toolbar{z-index:42}

/* Mobile footer navigation: stronger, larger, unmistakable buttons. */
@media(max-width:760px){
  .footer-chapters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .footer-chapters a{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:11px 8px;
    border:1px solid rgba(217,221,224,.22);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(217,170,54,.075),rgba(217,221,224,.055));
    box-shadow:inset 0 1px rgba(255,255,255,.05);
    color:#d4d1ca;
    font-size:14px;
    font-weight:500;
    letter-spacing:.09em;
    line-height:1;
  }
  .footer-chapters a:hover,.footer-chapters a:focus-visible{
    color:var(--gold-bright);
    border-color:rgba(217,170,54,.62);
    background:rgba(217,170,54,.11);
  }
  .footer-chapters a.active{
    color:var(--silver);
    border-color:rgba(217,221,224,.52);
    background:rgba(217,221,224,.10);
  }
}

@media(max-width:390px){
  .footer-chapters a{min-height:50px;font-size:13.5px}
}

/* Landscape tablets receive a more cinematic, generous detail stage. */
@media(min-width:761px) and (max-width:1180px) and (orientation:landscape) and (min-height:651px){
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    width:min(820px,72vw);
    height:440px;
    min-height:440px;
    max-height:440px;
    padding:40px 110px 38px 40px;
  }
  .episode-file-copy{width:min(860px,76vw)}
}

.content-load-error{
  min-height:100vh;
  display:grid;
  place-content:center;
  gap:10px;
  padding:32px;
  background:#050607;
  color:#fff;
  text-align:center;
}
.content-load-error h1{font-size:clamp(42px,8vw,82px);font-weight:400}
.content-load-error p{color:#b8b7b1;font-size:16px}

/* Tablet landscape composition: larger detail canvas without colliding with the left title or rail. */
@media(min-width:761px) and (max-width:1180px) and (orientation:landscape) and (min-height:651px){
  .scene-heading,.episode-index .scene-heading{width:min(300px,25vw)}
  .scene-heading h1{font-size:clamp(54px,7vw,76px)}
  .scene-heading p{font-size:14px;line-height:1.42}
  .liquid-detail,.episode-preview,.myth-feature,.about-feature,.learning-feature,.episode-file-copy{
    width:min(840px,70vw);
    height:420px;
    min-height:420px;
    max-height:420px;
  }
  .episode-file-copy{width:min(880px,76vw)}
}

/* =========================================================
   v16 — JSON-driven sponsors and related media
   ========================================================= */
.sponsor-card{
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.sponsor-card[data-sponsor-bg="dark"]{background:rgba(5,6,7,.68)}
.sponsor-card[data-sponsor-bg="light"]{background:rgba(246,244,238,.94);border-color:rgba(255,255,255,.28)}
.sponsor-card[href]:hover,.sponsor-card[href]:focus-visible{border-color:rgba(217,170,54,.58);transform:translateY(-1px);outline:none}
.sponsor-strip .sponsor-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:7px;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.sponsor-strip .sponsor-card img[src*="sound_money_movement"]{padding:5px 3px}

.related-video-section{margin-top:16px;padding-top:13px;border-top:1px solid rgba(217,221,224,.14)}
.related-video-label{display:block;margin-bottom:8px;color:var(--silver);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.related-video-list{display:grid;gap:7px}
.related-video-card{
  width:100%;
  display:grid;
  gap:3px;
  padding:10px 12px;
  text-align:left;
  border:1px solid rgba(217,170,54,.24);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(217,170,54,.08),rgba(217,221,224,.045));
  color:#f4f1e9;
}
.related-video-card b{font-size:12px;font-weight:500;letter-spacing:.02em}
.related-video-card small{color:#b8b6b0;font-size:10.5px;line-height:1.35}
.related-video-card:hover,.related-video-card:focus-visible{border-color:rgba(217,170,54,.62);background:linear-gradient(135deg,rgba(217,170,54,.14),rgba(217,221,224,.08));outline:none}
.detail-json-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

@media(max-width:760px){
  .sponsor-card{height:50px}
  .sponsor-strip .sponsor-card img{padding:7px}
  .related-video-card{padding:11px 12px}
  .related-video-card b{font-size:13px}
  .related-video-card small{font-size:11px}
}
.modal-frame .modal-video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000}

/* =========================================================
   v18 — episode detail spacing, in-panel return control,
   unified season toggle label, sponsor external links
   ========================================================= */

/* The silver bars and current season read as one control. */
.season-menu-toggle{
  gap:0;
  padding-right:15px;
}
.season-menu-current{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  margin-left:11px;
  padding-left:12px;
  border-left:1px solid rgba(217,221,224,.24);
  color:#e0e3e5;
  font-size:12px;
  font-weight:500;
  letter-spacing:.10em;
  line-height:1;
  white-space:nowrap;
}

/* Back to Episodes lives inside the episode liquid-glass detail surface. */
.episode-back-button{
  width:max-content;
  max-width:100%;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 25px;
  padding:8px 13px 8px 9px;
  border:1px solid rgba(217,221,224,.22);
  border-radius:999px;
  background:rgba(5,6,7,.32);
  color:#d9dcde;
  font-size:11px;
  font-weight:500;
  letter-spacing:.10em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.episode-back-button svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.episode-back-button:hover,.episode-back-button:focus-visible{
  color:var(--gold-bright);
  border-color:rgba(217,170,54,.62);
  background:rgba(217,170,54,.08);
  outline:none;
  transform:translateX(-1px);
}

/* Desktop open-episode composition: more breathing room from toolbar and glass edges. */
@media(min-width:1181px){
  .episode-file-copy{
    left:clamp(36px,5vw,92px);
    top:46%;
    width:min(960px,61vw);
    height:450px;
    min-height:450px;
    max-height:450px;
    padding:54px 132px 48px 56px;
  }
  .episode-file-toolbar{
    left:clamp(36px,5vw,92px);
    top:86px;
  }
}

@media(min-width:1600px) and (min-height:760px){
  .episode-file-copy{
    left:clamp(54px,5.5vw,118px);
    width:min(1080px,61vw);
    height:490px;
    min-height:490px;
    max-height:490px;
    padding:60px 144px 52px 62px;
  }
  .episode-file-toolbar{left:clamp(54px,5.5vw,118px)}
}

/* Tablet: keep the in-panel back control and season toggle clear of titles. */
@media(min-width:761px) and (max-width:1180px){
  .episode-back-button{margin-bottom:21px}
  .episode-file-copy{padding-left:42px}
}

/* Mobile: the back control remains inside the adaptive-height glass panel. */
@media(max-width:760px){
  .season-menu-toggle{min-height:44px;padding-right:13px}
  .season-menu-current{font-size:11.5px;margin-left:10px;padding-left:10px}
  .episode-back-button{
    min-height:42px;
    margin-bottom:22px;
    padding:10px 14px 10px 10px;
    font-size:11.5px;
  }
  .episode-file-copy{padding-top:24px}
}



/* =========================================================
   v23 — episode detail controls share one aligned toolbar row
   ========================================================= */
.episode-detail-control-row{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 22px;
}
.episode-detail-control-row .episode-back-button{
  margin:0;
  flex:0 1 auto;
}
.episode-detail-control-row .detail-arrow-controls{
  position:static;
  top:auto;
  right:auto;
  left:auto;
  width:auto;
  min-height:0;
  margin:0;
  flex:0 0 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.episode-file-copy>.detail-slide-viewport{
  height:calc(100% - 64px);
}
@media(max-width:760px){
  .episode-detail-control-row{
    min-height:44px;
    margin-bottom:24px;
    gap:12px;
  }
  .episode-detail-control-row .episode-back-button{
    min-height:42px;
    margin:0;
  }
  .episode-detail-control-row .detail-arrow-controls{
    width:auto;
    min-height:42px;
    margin:0;
  }
  .episode-file-copy>.detail-slide-viewport{
    height:auto;
  }
}
@media(max-width:360px){
  .episode-detail-control-row{gap:8px}
  .episode-detail-control-row .episode-back-button{
    padding-right:11px;
    gap:7px;
    font-size:10.5px;
    letter-spacing:.07em;
  }
}


/* =========================================================
   v24 — visible gold-menu page label, robust sponsor logos,
   deliberate desktop thumbnail selection
   ========================================================= */
.menu-toggle{
  gap:0;
  max-width:min(420px,calc(100vw - 86px));
  padding-right:15px;
}
.menu-toggle-current{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  margin-left:11px;
  padding-left:12px;
  border-left:1px solid rgba(217,170,54,.30);
  color:var(--silver);
  font-size:12px;
  font-weight:500;
  letter-spacing:.10em;
  line-height:1;
  white-space:nowrap;
}
.episode-thumb-card{cursor:pointer}
@media (hover:hover) and (pointer:fine){
  .episode-thumb-card{pointer-events:auto}
}
/* Keep SVG/PNG sponsor artwork visible in flex tiles on older mobile browsers. */
.sponsor-strip .sponsor-card img{
  display:block!important;
  width:calc(100% - 12px)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:34px!important;
  min-width:0!important;
  min-height:1px!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative;
  z-index:2;
}
.sponsor-strip .sponsor-card img[src*="sound_money_movement"]{max-height:36px!important}
@media(max-width:760px){
  .menu-toggle{max-width:calc(100vw - 76px);padding-right:12px}
  .menu-toggle-current{
    max-width:170px;
    min-height:25px;
    margin-left:9px;
    padding-left:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px;
    letter-spacing:.075em;
  }
  .sponsor-card{height:54px!important;min-height:54px}
  .sponsor-strip .sponsor-card img{width:calc(100% - 10px)!important;max-height:40px!important}
  .sponsor-strip .sponsor-card img[src*="sound_money_movement"]{max-height:42px!important}
}
@media(max-width:360px){
  .menu-toggle-current{max-width:145px;font-size:10.5px;letter-spacing:.06em}
}


/* =========================================================
   v27 — reliable thumbnail clicks, unified gold menu label,
   single-path sponsor artwork rendering
   ========================================================= */
.menu-toggle{
  gap:0;
}
.menu-toggle-divider{
  display:block;
  width:1px;
  height:27px;
  flex:0 0 1px;
  margin-left:11px;
  background:rgba(217,170,54,.34);
  box-shadow:0 0 10px rgba(217,170,54,.08);
}
.menu-toggle-current{
  margin-left:0;
  padding-left:12px;
  border-left:0;
}

/* Preserve intentional desktop click targets while still allowing drag.
   Pointer capture begins only after the rail actually moves. */
.episode-thumb-card{
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}
@media (hover:hover) and (pointer:fine){
  .episode-thumb-card{pointer-events:auto}
  .episode-thumb-card:active{transform:translateY(0) scale(.99)}
}

/* One authoritative sponsor-art rendering path on every breakpoint.
   Using the SVG/PNG as a CSS background avoids duplicate logos after SPA
   route re-entry while remaining reliable on older mobile/tablet browsers. */
.sponsor-logo-art{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:block;
  background-image:var(--sponsor-logo);
  background-position:center;
  background-repeat:no-repeat;
  background-size:calc(100% - 14px) calc(100% - 14px);
  overflow:hidden;
}
.sponsor-card[href] .sponsor-logo-art{pointer-events:none}
.sponsor-card[data-sponsor-bg="light"] .sponsor-logo-art,
.sponsor-card[data-sponsor-bg="dark"] .sponsor-logo-art{opacity:1;visibility:visible}

@media(max-width:760px){
  .menu-toggle-divider{height:25px;margin-left:9px}
  .menu-toggle-current{padding-left:10px}
  .sponsor-logo-art{background-size:calc(100% - 12px) calc(100% - 12px)}
}