:root{--bg:#0c0b09;--bg2:#16130e;--gold:#c9a24a;--gold2:#f0d78c;--ink:#ece3cf;--muted:#a99d84;--line:#3d3119;--grad:linear-gradient(135deg,#f6e3a1,#c9a24a 55%,#8a6a22)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 1.12rem/1.7 "Cormorant Garamond",serif}
h1,h2,h3{font-family:Cinzel,serif;letter-spacing:.06em;font-weight:600}
h1,h2{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
h1{font-size:clamp(2.2rem,6vw,3.6rem)}h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin:2.5rem 0 .8rem}h3{color:var(--gold2);font-size:1.05rem}
a{color:var(--gold2)}em{color:var(--gold2)}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.9rem}
.eyebrow{font:600 .78rem "Josefin Sans",sans-serif;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}
.wrap{max-width:1160px;margin:0 auto;padding:1rem 1.5rem 3rem}.narrow{max-width:780px}
.rule{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);margin:1.2rem 0}.rule i{width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.rule i:last-child{transform:scaleX(-1)}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem;background:rgba(12,11,9,.95);border-bottom:1px solid var(--line)}
.brand{font-family:Cinzel;text-decoration:none;letter-spacing:.15em;display:flex;gap:.6rem;align-items:center}
.seal{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:.72rem;outline:1px solid rgba(201,162,74,.35);outline-offset:3px}
.nav ul{list-style:none;display:flex;gap:1.6rem}.nav a:not(.brand){font:400 .76rem "Josefin Sans";letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-bottom:.2rem}
.nav a.active,.nav a:not(.brand):hover{color:var(--gold2);border-bottom:1px solid var(--gold)}
.burger{display:none;background:none;border:0;cursor:pointer}.burger span{display:block;width:24px;height:2px;margin:5px 0;background:var(--gold)}
.hero,.pagehead{text-align:center;padding:5rem 1.5rem 3rem;background:radial-gradient(ellipse at top,#2a2010,transparent 70%),repeating-conic-gradient(from 0deg at 50% 0%,rgba(201,162,74,.05) 0 3deg,transparent 3deg 9deg)}
.pagehead{padding:4rem 1.5rem 2rem}
.big{font-size:clamp(3rem,10vw,6.5rem);line-height:1}.big small{display:block;font-size:.4em;letter-spacing:.5em;margin-top:.4rem}
.lead{max-width:640px;margin:0 auto;font-style:italic;font-size:1.3rem;color:var(--muted)}
.btns{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{font:600 .8rem "Josefin Sans";letter-spacing:.22em;text-transform:uppercase;padding:.9rem 1.8rem;border:1px solid var(--gold);background:var(--gold);color:var(--bg);text-decoration:none}.btn.ghost{background:none;color:var(--gold2)}.btn:hover{filter:brightness(1.15)}
.card{background:linear-gradient(180deg,#1b1610,#120f0a);border:1px solid #4a3b1c;padding:1.6rem;position:relative}.card::after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,162,74,.2);pointer-events:none}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;text-align:center}.trio b{display:block;font:700 2.2rem Cinzel;color:var(--gold2)}.trio span{color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.2rem;margin-top:1.5rem}
.gallery figure{background:#120f0a;border:1px solid #4a3b1c;padding:.5rem;transition:.25s}.gallery figure:hover{transform:translateY(-4px);border-color:var(--gold)}
.gallery img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;filter:sepia(.15)}
.gallery figcaption{font:600 .72rem "Josefin Sans";letter-spacing:.08em;text-transform:uppercase;padding:.5rem .2rem 0;text-align:center}.gallery figcaption span{color:var(--gold)}
.prose p{margin-bottom:1rem}
.timeline{list-style:none;border-left:1px solid var(--gold);margin:2rem 0 0 .5rem}.timeline li{padding:0 0 1rem 1.5rem;position:relative}.timeline li::before{content:"";position:absolute;left:-6px;top:.55rem;width:11px;height:11px;background:var(--gold);transform:rotate(45deg)}.timeline b{font-family:Cinzel;color:var(--gold2);margin-right:.8rem}
.tools{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.tools input,.tools select{background:#0c0b09;border:1px solid #4a3b1c;color:var(--ink);padding:.6rem .8rem;font:1rem "Cormorant Garamond"}.tools input{flex:1;min-width:220px}#count{color:var(--muted);font:.8rem "Josefin Sans";letter-spacing:.1em}
.tablewrap{overflow-x:auto;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:1rem}
th{position:sticky;top:0;background:#1d1811;font:600 .75rem "Josefin Sans";letter-spacing:.15em;text-transform:uppercase;color:var(--gold);text-align:left;padding:.8rem}
th.sortable{cursor:pointer;user-select:none}th.sortable::after{content:" \2195";opacity:.5}th.asc::after{content:" \25B2";opacity:1}th.desc::after{content:" \25BC";opacity:1}
td{padding:.5rem .8rem;border-top:1px solid #241d12;vertical-align:middle}tr:hover td{background:#17130d}
td small{display:block;color:var(--muted);font-size:.8rem}td.th{width:62px}td.th img{width:46px;height:69px;object-fit:cover;border:1px solid #4a3b1c;display:block}.noimg{color:#3d3119;display:block;text-align:center;width:46px}
.notice{border:1px dashed var(--gold);text-align:center;padding:.9rem;font:600 .8rem "Josefin Sans";letter-spacing:.15em;text-transform:uppercase;color:var(--gold2);margin-bottom:2rem}
.phgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem}.phcard{min-height:220px}
.ph-tag{display:inline-block;margin:.8rem 0 .6rem;font:600 .65rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:var(--bg);padding:.2rem .5rem}.ph{font-style:italic;color:var(--muted)}
footer{text-align:center;padding:2rem 1rem 3rem;color:var(--muted);border-top:1px solid var(--line);margin-top:2rem}
@media(max-width:900px){.burger{display:block}.nav nav{position:absolute;top:100%;left:0;right:0;background:#0c0b09;max-height:0;overflow:hidden;transition:.3s}.nav.open nav{max-height:420px;border-bottom:1px solid var(--line)}.nav ul{flex-direction:column;gap:0;padding:0 2rem}.nav li{padding:.8rem 0;border-bottom:1px solid #241d12}.trio{grid-template-columns:1fr}}
.feature{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:2.5rem;align-items:center;margin-bottom:1rem}
.feature img,.feature .poster-missing{width:100%;border:1px solid var(--gold);box-shadow:0 0 40px rgba(201,162,74,.2)}
.feature h2{margin-top:.4rem}.feature p{margin-bottom:.7rem}.subtitle{font:600 1.2rem Cinzel;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.tagline{font-style:italic;font-size:1.4rem;color:var(--muted)}
.soon{display:inline-block;margin-top:.6rem;font:600 .72rem "Josefin Sans";letter-spacing:.25em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold2);padding:.4rem .9rem}
.upgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:1.5rem}
.upc{text-align:center;display:flex;flex-direction:column;align-items:center}.upc img,.upc .poster-missing{width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid #4a3b1c;margin-bottom:1rem}
.upc .logline{font-size:1rem;color:var(--muted);flex:1;margin:.5rem 0}
.poster-missing{aspect-ratio:2/3;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#15120d 0 10px,#1b1610 10px 20px);color:var(--gold);font:600 .75rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase}
.soonstrip{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:1.1rem 1.5rem;text-decoration:none;background:linear-gradient(90deg,transparent,rgba(201,162,74,.08),transparent)}
.soonstrip b{font-family:Cinzel;font-weight:400;color:var(--ink);letter-spacing:.05em}.soonstrip .go{font:600 .75rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase}
@media(max-width:900px){.feature{grid-template-columns:1fr}.upgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.upgrid{grid-template-columns:1fr}}
.intro{font-size:1.3rem}.closing{max-width:760px;margin:2rem auto 0;font-style:italic}
.divgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;margin-top:1.5rem}.div p{font-size:1.02rem;margin-top:.6rem}
.closer{font-size:1.45rem;font-style:italic;text-align:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:1.5rem;margin:2rem 0;color:var(--gold2)}
.peoplegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.4rem;margin-top:1.5rem}
.person{text-align:center}.person p{font-size:1rem}.mono{width:64px;height:64px;margin:0 auto 1rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 1.1rem Cinzel;color:var(--gold2);outline:1px solid rgba(201,162,74,.3);outline-offset:4px}
.role{font:600 .7rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase;color:var(--gold)!important;margin:.3rem 0 .8rem}
.board{margin-top:1.6rem;text-align:center}.board p{max-width:820px;margin:.6rem auto 0}
.slate-intro{max-width:820px;margin:0 auto 3rem;text-align:center;font-size:1.15rem}
.budget{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:1.6rem}.budget b{display:block;font:700 2.2rem Cinzel;color:var(--gold2)}.budget span{font:.72rem "Josefin Sans";letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.desc{font-size:1rem}.upc .desc{color:var(--ink);font-size:.98rem;margin-bottom:.4rem}.upc .logline{flex:0;font-style:italic}
.headshot{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center 20%;display:block;margin:0 auto 1rem;border:2px solid var(--gold);outline:1px solid rgba(201,162,74,.35);outline-offset:4px;box-shadow:0 0 24px rgba(201,162,74,.25)}
/* poster marquee */
.marquee{position:relative;overflow:hidden;background:#000;border-bottom:1px solid var(--gold);padding:1.4rem 0 0}
.track{list-style:none;display:flex;gap:14px;width:max-content;animation:mq 110s linear infinite;padding-bottom:5.5rem}
.marquee:hover .track,.marquee.paused .track{animation-play-state:paused}
.track li{flex:0 0 auto;width:170px;aspect-ratio:2/3;border:1px solid #4a3b1c;position:relative;transition:transform .3s}
.track li:hover{transform:scale(1.04);border-color:var(--gold)}
.track li.new{border-color:var(--gold);box-shadow:0 0 18px rgba(201,162,74,.35)}
.track li.new::after{content:"Coming Soon";position:absolute;left:50%;bottom:-.7rem;transform:translateX(-50%);background:var(--gold);color:#000;font:600 .58rem "Josefin Sans";letter-spacing:.18em;text-transform:uppercase;padding:.2rem .5rem;white-space:nowrap}
.track img{width:100%;height:100%;object-fit:cover;display:block}
.track li.old img{filter:sepia(.2) contrast(1.05)}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,#000,transparent)}.marquee::after{right:0;background:linear-gradient(-90deg,#000,transparent)}
.marquee-title{position:absolute;left:0;right:0;bottom:0;z-index:3;text-align:center;padding:2.2rem 1rem .9rem;background:linear-gradient(transparent,rgba(0,0,0,.85) 40%,#000)}
.mt{font:700 clamp(1.4rem,3.5vw,2.2rem) Cinzel;letter-spacing:.25em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.mq-toggle{position:absolute;right:1rem;bottom:1rem;background:rgba(0,0,0,.6);border:1px solid var(--gold);color:var(--gold2);font:600 .62rem "Josefin Sans";letter-spacing:.15em;text-transform:uppercase;padding:.35rem .6rem;cursor:pointer}
@media(max-width:700px){.track li{width:115px}.track{padding-bottom:5rem;animation-duration:80s}.marquee::before,.marquee::after{width:40px}.mq-toggle{position:static;margin-top:.5rem}}
@media(prefers-reduced-motion:reduce){.track{animation:none;transform:none;overflow-x:auto;width:auto}.track li[aria-hidden]{display:none}.marquee{overflow-x:auto}.mq-toggle{display:none}}
@media(max-width:700px){.track{padding-bottom:1.2rem}.marquee-title{position:relative;padding:.4rem 1rem 1rem;background:#000}.marquee-title .eyebrow{font-size:.6rem;letter-spacing:.2em}}
.brand-seal{width:40px;height:40px;display:block;filter:drop-shadow(0 0 6px rgba(201,162,74,.35))}
.hero-logo{margin:0 auto}.hero-logo img{width:min(320px,70vw);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 30px rgba(201,162,74,.25))}
.footer-seal{width:72px;height:72px;display:block;margin:0 auto .4rem;opacity:.95}
.footer-tag{font:600 .7rem "Josefin Sans";letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
/* PDF design cues: sepia film, projector beam, spaced serif caps */
:root{--sepia:#d8c39a}
.motto{font:600 1rem Cinzel;letter-spacing:.35em;text-transform:uppercase;color:var(--gold2);margin-top:1.2rem}
.eras{display:flex;justify-content:center;gap:4rem;margin:1.6rem 0 .4rem}.eras b{display:block;font:600 1.8rem Cinzel;letter-spacing:.2em;color:var(--sepia)}.eras span{font:600 .68rem "Josefin Sans";letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}
.beam{position:relative;background:radial-gradient(ellipse 60% 90% at 0% 50%,rgba(216,195,154,.18),transparent 60%),#0a0907;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5rem 0;margin:3rem 0}
.beam::before,.beam::after{content:"";position:absolute;top:0;bottom:0;width:26px;background:repeating-linear-gradient(#000 0 10px,transparent 10px 22px),#2a2216;background-size:12px 22px;background-position:center;background-repeat:repeat-y;opacity:.9}
.beam::before{left:0;border-right:1px solid #3d3119}.beam::after{right:0;border-left:1px solid #3d3119}
.mf{font:400 1.15rem Cinzel;letter-spacing:.12em;text-transform:uppercase;line-height:2;color:var(--sepia)}
.mf-strong{font:600 1.2rem Cinzel;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);margin:1.4rem 0}
.script{font-style:italic;font-size:1.35rem;color:var(--gold2);margin:1rem 0}
.promise{padding:3rem 1.5rem}.screen{max-width:900px;margin:auto;text-align:center;padding:3.5rem 2rem;background:radial-gradient(ellipse at center,#efe6d2,#cbbd9e 75%,#8f8164);color:#1a140c;box-shadow:0 0 80px rgba(240,215,140,.15),inset 0 0 60px rgba(0,0,0,.35);border:1px solid #4a3b1c}
.screen .eyebrow{color:#3a2c12;font-size:1rem}.screen .rule{color:#3a2c12}.screen .rule i{background:linear-gradient(90deg,transparent,#3a2c12)}
.pr{font:600 1.15rem Cinzel;letter-spacing:.18em;text-transform:uppercase;line-height:2}.pr-small{font:400 .95rem Cinzel;letter-spacing:.14em;text-transform:uppercase;line-height:2}.pr-end{font:700 1.2rem Cinzel;letter-spacing:.3em;text-transform:uppercase;margin-top:1rem}
.slide{margin:1.8rem auto;max-width:1100px;border:1px solid #4a3b1c;box-shadow:0 10px 40px rgba(0,0,0,.6)}.slide img{width:100%;height:auto;display:block}
.closing-slide{padding:2rem 1.5rem 0}
.eras-line{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;text-align:center;border-top:1px solid var(--gold);padding-top:1.4rem;margin-top:1.5rem}
.eras-line b{font:600 .95rem Cinzel;color:var(--gold2)}.eras-line h3{font-size:.8rem;margin:.4rem 0}.eras-line p{font-size:.95rem;color:var(--muted)}
.valgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-top:1.8rem;text-align:left}
.value .num{font:700 2rem Cinzel;color:var(--gold)}.value p{font-size:1rem}
.syn{margin:.4rem 0;text-align:left;font-size:.95rem}.syn summary{cursor:pointer;font:600 .7rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center}.syn p{margin-top:.5rem;color:var(--muted)}
.feature.small{grid-template-columns:220px 1fr;max-width:860px;margin:1.5rem auto}.feature.small img{width:100%}
.genre-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem}.genre-list b{display:block;font-family:Cinzel;color:var(--gold2)}.genre-list span{font:.7rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.pillars{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem 0 1rem}.pillars li{font:600 .72rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding:.4rem 1.2rem;border-left:1px solid var(--line)}.pillars li:first-child{border-left:0}
.genres{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;margin-top:1.5rem}.genre{display:grid;grid-template-columns:170px 1fr auto;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line)}.genre h3{font-size:1rem}.genre p{font-size:.98rem;color:var(--muted)}.genre span{font:600 .65rem "Josefin Sans";letter-spacing:.15em;color:var(--gold2);white-space:nowrap;padding-top:.3rem}
.news{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;margin-bottom:1.6rem}.news .slide{margin:0}.news p{margin-bottom:.6rem}
.tag{display:inline-block;font:600 .62rem "Josefin Sans";letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#000;padding:.2rem .5rem;margin-bottom:.6rem}
.footer-contact{margin-top:.4rem}.footer-motto{font:600 .7rem Cinzel;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-top:.4rem}
@media(max-width:900px){.eras-line{grid-template-columns:1fr 1fr}.genres,.news{grid-template-columns:1fr}.genre{grid-template-columns:1fr}.feature.small{grid-template-columns:1fr}.eras{gap:2rem}}
/* submissions */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.two-col h2{margin-top:0}
.dlist{padding-left:1.2rem;margin-top:.6rem}.dlist li{margin:.3rem 0}
.steps{list-style:none;counter-reset:s;margin-top:.6rem}.steps li{counter-increment:s;display:grid;grid-template-columns:2.4rem 1fr;gap:.2rem .6rem;margin:.7rem 0}
.steps li::before{content:counter(s);grid-row:span 2;width:2rem;height:2rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 .9rem Cinzel;color:var(--gold2)}.steps b{font-family:Cinzel;color:var(--gold2)}.steps span{color:var(--muted);font-size:1rem}
.subform fieldset{border:0;border-top:1px solid var(--line);padding:1.4rem 0 .6rem}.subform legend{font:600 .8rem "Josefin Sans";letter-spacing:.25em;text-transform:uppercase;color:var(--gold);padding-right:.8rem}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem}
.fld{display:block;font:600 .7rem "Josefin Sans";letter-spacing:.12em;text-transform:uppercase;color:var(--sepia,#d8c39a);margin-bottom:1rem}.fld i,.chk i{color:var(--gold);font-style:normal}
.fld input,.fld select,.fld textarea{display:block;width:100%;margin-top:.4rem;background:#0c0b09;border:1px solid #4a3b1c;color:var(--ink);padding:.65rem .75rem;font:1.02rem "Cormorant Garamond",serif;text-transform:none;letter-spacing:0}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,74,.2)}
.fld.invalid input,.fld.invalid select,.fld.invalid textarea{border-color:#c0583e}.err{display:block;color:#e08a6e;font:400 .85rem "Cormorant Garamond";letter-spacing:0;text-transform:none;min-height:1em;margin-top:.2rem}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem}.checks label,.chk{display:flex;gap:.6rem;align-items:flex-start;font-size:1.02rem;cursor:pointer}.chk{margin-top:.6rem}
input[type=checkbox]{accent-color:var(--gold);width:1.05rem;height:1.05rem;margin-top:.3rem;flex:0 0 auto}
.hint{color:var(--muted);font-style:italic;margin-bottom:.8rem}.hp{position:absolute;left:-9999px}
.form-status{margin-top:1rem;color:var(--gold2)}.form-status.bad{color:#e08a6e}
.cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cta h2{margin:.2rem 0 .5rem}
.footer-links{margin-top:.4rem}
@media(max-width:800px){.two-col,.fgrid{grid-template-columns:1fr}.checks{grid-template-columns:1fr 1fr}}
.nav ul{gap:1.15rem}.nav a:not(.brand){white-space:nowrap;letter-spacing:.14em}
@media(max-width:1100px){.burger{display:block}.nav nav{position:absolute;top:100%;left:0;right:0;background:#0c0b09;max-height:0;overflow:hidden;transition:.3s}.nav.open nav{max-height:480px;border-bottom:1px solid var(--line)}.nav ul{flex-direction:column;gap:0;padding:0 2rem}.nav li{padding:.8rem 0;border-bottom:1px solid #241d12}}


/* =====================================================================
   V3 THEME: modern high-impact studio
   ===================================================================== */
:root{--bg:#050505;--bg2:#0d0d0f;--panel:#111114;--ink:#f4f1ea;--muted:#a3a09a;--gold:#d4a843;--gold2:#f2cf72;--pop:#29b6ff;--pop2:#7fd6ff;--line:#26262b;
 --grad:linear-gradient(120deg,#fff3c4,#d4a843 55%,#9b7424);--disp:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html{scroll-behavior:smooth;background:#050505}
body{background:#050505;color:var(--ink);font:400 1.02rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--disp);font-weight:400;letter-spacing:.02em;line-height:.95;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;text-transform:uppercase}
h1{font-size:clamp(3rem,8vw,6.5rem)}h2{font-size:clamp(2.4rem,5vw,4rem);margin:3.5rem 0 1rem}
h3{font-family:var(--sans);font-weight:800;letter-spacing:.01em;color:#fff;font-size:1.1rem;text-transform:none}
em{color:var(--gold2);font-style:italic}a{color:var(--gold2)}
.eyebrow,.kicker{font:600 .75rem var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.lead{font-style:normal;color:var(--muted);font-size:1.15rem}.muted{color:var(--muted)}
.wrap{max-width:1240px;padding:1.5rem 2rem 4rem}
.rule{display:none}
/* nav: sticky glass */
.nav{position:sticky;top:0;background:rgba(5,5,5,.55)!important;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(255,255,255,.07);padding:.75rem 2rem}
.brand{font-family:Cinzel,serif;color:var(--gold2);font-size:.95rem;white-space:nowrap}
.nav a:not(.brand){font:600 .72rem var(--sans);letter-spacing:.14em;color:#d9d6cf;border-bottom:2px solid transparent;padding:.3rem 0;transition:color .2s,border-color .2s}
.nav a.active,.nav a:not(.brand):hover{color:#fff;border-bottom-color:var(--pop)}
.nav ul{gap:1.4rem}
.nav li a[href="submissions.html"]{color:var(--pop2)}
/* buttons */
.btn,.btn-pop,.btn-line{display:inline-flex;align-items:center;gap:.5rem;font:800 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:1rem 1.8rem;border-radius:999px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;border:0}
.btn,.btn-pop{background:var(--gold);color:#000}.btn:hover,.btn-pop:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(212,168,67,.35);filter:none}
.btn-pop{background:var(--pop);color:#001018}.btn-pop:hover{box-shadow:0 10px 34px rgba(41,182,255,.45)}
.btn.ghost,.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.btn-line:hover,.btn.ghost:hover{box-shadow:inset 0 0 0 2px #fff}
/* ===== Cinematic hero ===== */
.xhero{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.xhero-bg{position:absolute;inset:-40px;z-index:-2;background:url(images/upcoming/zen-hard-bounty.jpg) center 30%/cover;filter:blur(28px) saturate(1.3) brightness(.45);transform:scale(1.1)}
.xhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.85) 38%,rgba(5,5,5,.25) 75%,rgba(5,5,5,.6)),linear-gradient(0deg,#050505,transparent 35%),radial-gradient(ellipse 50% 60% at 72% 45%,rgba(41,182,255,.25),transparent 70%)}
.xhero-inner{width:100%;max-width:1320px;margin:auto;padding:4rem 2rem;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.kicker{display:flex;align-items:center;gap:.6rem;color:var(--pop2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--pop);box-shadow:0 0 12px var(--pop);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.mega{font-size:clamp(4rem,10.5vw,9.5rem);line-height:.86;margin:1rem 0 1.4rem;color:#fff;letter-spacing:.005em}
.mega .pop{color:transparent;-webkit-text-stroke:2px var(--gold2);text-shadow:0 0 40px rgba(242,207,114,.25)}
.xlead{font-size:1.2rem;color:#d6d3cc;max-width:34rem}.xlead strong{color:#fff}
.xcta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.xhero-art{position:relative;display:flex;gap:1.2rem;align-items:center;justify-content:center}
.lead-poster{position:relative;flex:0 0 auto;width:min(360px,30vw);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08),0 0 70px rgba(41,182,255,.35);transform:rotate(-2deg);transition:transform .5s}
.lead-poster:hover{transform:rotate(0) scale(1.02)}.lead-poster img{width:100%;height:auto;display:block}
.badge{position:absolute;top:14px;left:14px;background:var(--pop);color:#001018;font:800 .62rem var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px}
.side-posters{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:min(230px,19vw)}
.side-posters a{border-radius:10px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.6);transition:transform .35s,box-shadow .35s}
.side-posters a:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 18px 50px rgba(0,0,0,.7),0 0 30px rgba(212,168,67,.35)}
.side-posters img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.scroll-cue{position:absolute;bottom:22px;left:50%;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.4);border-radius:14px}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:#fff;border-radius:2px;animation:cue 1.6s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
/* poster marquee restyle */
.marquee{background:#000;border-bottom:1px solid var(--line);border-top:0;padding:1.6rem 0 0}
.track li{border:0;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.track li.new{box-shadow:0 0 0 2px var(--pop),0 0 26px rgba(41,182,255,.4)}
.track li.new::after{background:var(--pop);color:#001018;font-family:var(--sans);bottom:8px;border-radius:999px}
.track li.old img{filter:none}
.marquee-title{background:linear-gradient(transparent,#000 45%)}
.mt{font:400 clamp(1.8rem,4vw,3rem) var(--disp);letter-spacing:.12em;background:none;color:#fff;-webkit-background-clip:initial;background-clip:initial}
.mq-toggle{border-radius:999px;border-color:rgba(255,255,255,.3);color:#fff;font-family:var(--sans)}
/* logo hero band */
.hero{background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(212,168,67,.12),transparent 70%),#070707;padding:5rem 1.5rem 4rem}
.pagehead{background:radial-gradient(ellipse 70% 120% at 50% 0%,rgba(41,182,255,.14),transparent 60%),radial-gradient(ellipse 60% 100% at 80% 0%,rgba(212,168,67,.10),transparent 60%),#050505;padding:6rem 2rem 3rem;text-align:left;max-width:none;border-bottom:1px solid var(--line)}
.pagehead>*{max-width:1240px;margin-left:auto;margin-right:auto}
.pagehead h1{font-size:clamp(3.6rem,9vw,8rem);margin-top:.4rem}
.pagehead .lead{margin-left:auto;margin-right:auto;max-width:1240px;text-align:left}
.motto{font:600 .85rem var(--sans);letter-spacing:.3em;color:var(--gold2)}
.eras b{font-family:var(--disp);font-weight:400;font-size:2.6rem;color:#fff;letter-spacing:.06em}
/* panels / cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.8rem;transition:transform .3s,border-color .3s,box-shadow .3s}
.card::after{display:none}
.card:hover{border-color:rgba(212,168,67,.45)}
.trio b,.stats b,.budget b{font-family:var(--disp);font-weight:400;font-size:3.4rem;color:var(--gold2);letter-spacing:.03em;line-height:1}
.trio span,.budget span{font-family:var(--sans)}
.section.dark{background:var(--bg2)}.section.dark::before{display:none}
/* poster grids: big cards, zoom + glow */
.gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem}
.gallery figure{background:transparent;border:0;padding:0;border-radius:12px;overflow:hidden;position:relative;transition:transform .35s,box-shadow .35s}
.gallery figure:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.7),0 0 34px rgba(212,168,67,.35)}
.gallery img{filter:none;transition:transform .6s}.gallery figure:hover img{transform:scale(1.07)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem .8rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.92));font:800 .72rem var(--sans);text-align:left;color:#fff}
.upgrid{gap:1.6rem}.upc{padding:0;overflow:hidden;text-align:left;align-items:stretch}
.upc img{border:0;margin:0;border-radius:0;transition:transform .6s}.upc:hover img{transform:scale(1.06)}
.upc>*:not(img){margin-left:1.3rem;margin-right:1.3rem}.upc h3{margin-top:1.1rem;font-family:var(--disp);font-weight:400;font-size:2rem;letter-spacing:.03em;text-transform:uppercase}
.upc .soon{align-self:flex-start;margin-bottom:1.3rem}
.upc:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(0,0,0,.6),0 0 34px rgba(41,182,255,.25);border-color:rgba(41,182,255,.5)}
.soon{border:0;background:rgba(41,182,255,.14);color:var(--pop2);border-radius:999px;font-family:var(--sans)}
.feature{border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#0b1622,#111114 55%)}
.feature img{border:0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 50px rgba(41,182,255,.3)}
.feature h2{margin-top:.3rem}.subtitle{font:400 1.6rem var(--disp);letter-spacing:.12em;color:var(--pop2)}
.tagline{font-style:normal;color:#fff;font-size:1.3rem;font-weight:600}
/* PDF-derived sections modernised */
.beam{background:linear-gradient(120deg,#0a0f16,#050505 60%);margin:0;padding:6rem 0;border:0}
.beam::before,.beam::after{display:none}
.mf,.pr,.pr-small{font-family:var(--sans);font-weight:500;letter-spacing:.06em;text-transform:none;color:#d6d3cc;font-size:1.25rem;line-height:1.8}
.mf-strong{font:400 clamp(2rem,4vw,3rem) var(--disp);letter-spacing:.04em;color:var(--gold2)}
.script{font-style:normal;font-weight:600;color:var(--pop2)}
.promise{padding:5rem 2rem;background:#0b0b0d}
.screen{background:linear-gradient(135deg,var(--gold2),var(--gold) 60%,#a37a22);color:#140e02;border:0;border-radius:24px;box-shadow:0 30px 80px rgba(212,168,67,.25)}
.screen .eyebrow{color:#140e02}.pr{color:#140e02;font-weight:800;font-size:1.35rem}.pr-small{color:#2a1e05}.pr-end{font:400 2rem var(--disp);letter-spacing:.1em}
.slide{border:0;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.closer{font-style:normal;font-weight:600;color:#fff;border-color:var(--gold)}
.soonstrip{border:0;border-radius:16px;background:linear-gradient(90deg,rgba(41,182,255,.16),rgba(212,168,67,.12));padding:1.4rem 2rem}
.soonstrip b{font-family:var(--disp);font-size:1.6rem;letter-spacing:.04em}
.cta{background:linear-gradient(120deg,#0b1622,#111114 60%);border-color:rgba(41,182,255,.3)}
/* about / people / values */
.timeline{border-left-color:var(--pop)}.timeline li::before{background:var(--pop);border-radius:50%;transform:none}.timeline b{font-family:var(--disp);font-weight:400;font-size:1.3rem;color:#fff}
.eras-line{border-top-color:var(--pop)}.eras-line b{font-family:var(--disp);font-weight:400;font-size:1.4rem;color:var(--pop2)}
.value .num{font-family:var(--disp);font-weight:400;font-size:3rem;color:var(--pop)}
.headshot{border-color:var(--gold);outline-color:rgba(41,182,255,.4)}
.mono{font-family:var(--disp);font-weight:400;font-size:1.5rem;border-color:var(--gold);outline-color:rgba(41,182,255,.3)}
.role{color:var(--pop2)!important;font-family:var(--sans)}
.wrap.prose,.wrap.narrow.prose{background:transparent;border:0;padding:1rem 2rem 3rem}
.prose h2{font-size:clamp(2rem,4vw,3rem)}
.genre{border-color:var(--line)}.genre h3{font-family:var(--disp);font-weight:400;font-size:1.5rem;letter-spacing:.03em}.genre span{color:var(--pop2);font-family:var(--sans)}
.pillars li{color:var(--pop2);font-family:var(--sans);border-color:var(--line)}
/* films table */
.tablewrap{border-radius:14px;border-color:var(--line);background:var(--panel)}
th{background:#16161a;color:var(--gold2);font-family:var(--sans)}td{border-top-color:#1d1d22}tr:hover td{background:#17171c}
.tools input,.tools select{background:#0d0d10;border:1px solid var(--line);border-radius:999px;color:#fff;padding:.75rem 1.2rem;font:500 .95rem var(--sans)}
.tools input:focus,.tools select:focus{outline:2px solid var(--pop);outline-offset:1px}
/* forms */
.fld{font-family:var(--sans);color:#cfcbc2;letter-spacing:.08em}
.fld input,.fld select,.fld textarea,.form input,.form textarea{background:#0b0b0e;border:1px solid #2b2b31;border-radius:10px;font:500 1rem var(--sans);color:#fff}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--pop);box-shadow:0 0 0 3px rgba(41,182,255,.2)}
.subform legend{color:var(--pop2);font-family:var(--sans)}.subform fieldset{border-top-color:var(--line)}
input[type=checkbox]{accent-color:var(--pop)}
.steps li::before{border-color:var(--pop);color:var(--pop2);font-family:var(--disp);font-size:1.2rem}.steps b{font-family:var(--sans);color:#fff}
.ph-tag,.tag{border-radius:999px;font-family:var(--sans)}
.notice{border-radius:12px;font-family:var(--sans)}
/* footer */
footer{background:#000;border-top:1px solid var(--line);font-family:var(--sans);font-size:.9rem;padding:3rem 1.5rem}
.footer-tag,.footer-motto{font-family:var(--sans);color:var(--gold)}
/* scroll reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.reveal-x{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}.xhero-art.reveal-x{animation-delay:.15s}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
/* responsive */
@media(max-width:1100px){.nav nav{background:rgba(5,5,5,.97)}}
@media(max-width:900px){
 .xhero{min-height:auto}.xhero-inner{grid-template-columns:1fr;padding:3rem 1.4rem 4.5rem;gap:2rem}
 .xhero-art{justify-content:flex-start}.lead-poster{width:58vw;max-width:320px}.side-posters{width:34vw;max-width:200px}
 .pagehead{padding:4rem 1.4rem 2rem}.wrap{padding:1rem 1.4rem 3rem}
}
@media(max-width:520px){.mega{font-size:clamp(3.4rem,17vw,5rem)}.xcta a{flex:1;justify-content:center}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.rv{opacity:1;transform:none;transition:none}.reveal-x,.dot,.scroll-cue span{animation:none}.gallery img,.upc img,.lead-poster,.side-posters a{transition:none}}
.xhero-inner>*{min-width:0}.xhero{max-width:100vw}
@media(max-width:520px){.xhero-inner{padding:2.2rem 1.2rem 3rem}.xcta{flex-direction:column}.xcta a{justify-content:center}.xlead{font-size:1.05rem}.kicker{font-size:.65rem;letter-spacing:.18em}}

/* =====================================================================
   V3.1 HOME MOTION (scoped to body.home)
   ===================================================================== */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--pop),var(--gold2));box-shadow:0 0 12px rgba(41,182,255,.6)}
.cursor-glow{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity .4s;
 background:radial-gradient(circle,rgba(41,182,255,.10),rgba(212,168,67,.05) 40%,transparent 70%);mix-blend-mode:screen;will-change:transform}
.home.has-pointer .cursor-glow{opacity:1}
/* hero extras */
.xhero-sweep{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.07) 48%,rgba(127,214,255,.10) 50%,transparent 58%);background-size:250% 100%;animation:sweep 7s ease-in-out infinite}
@keyframes sweep{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.floaters{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.floaters img{position:absolute;width:120px;border-radius:8px;opacity:.07;filter:grayscale(.3);animation:floatY 26s linear infinite}
.floaters img:nth-child(1){left:6%;animation-duration:30s}.floaters img:nth-child(2){left:30%;animation-duration:38s;animation-delay:-12s;width:90px}
.floaters img:nth-child(3){left:52%;animation-duration:34s;animation-delay:-20s}.floaters img:nth-child(4){left:78%;animation-duration:42s;animation-delay:-6s;width:100px}.floaters img:nth-child(5){left:92%;animation-duration:28s;animation-delay:-16s;width:80px}
@keyframes floatY{from{transform:translateY(110vh) rotate(-8deg)}to{transform:translateY(-40vh) rotate(8deg)}}
.mega .w{display:inline-block;opacity:0;transform:translateY(60%) skewY(6deg);clip-path:inset(0 0 100% 0);animation:wordIn .9s cubic-bezier(.2,.8,.2,1) forwards}
.mega .w:nth-child(1){animation-delay:.15s}.mega .w:nth-of-type(2){animation-delay:.35s}.mega .w:nth-of-type(3){animation-delay:.55s}
@keyframes wordIn{to{opacity:1;transform:none;clip-path:inset(-10% -10% -10% -10%)}}
.home .xhero-copy.reveal-x{animation:none}
.home .xhero-copy .kicker,.home .xlead,.home .xcta{opacity:0;animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.home .xhero-copy .kicker{animation-delay:.05s}.home .xlead{animation-delay:.75s}.home .xcta{animation-delay:.9s}
.home .xhero-art.reveal-x{animation:none}
.home .xhero-art{perspective:1200px}
.home .lead-poster,.home .side-posters a{opacity:0;animation:popIn .9s cubic-bezier(.2,1.2,.3,1) forwards}
.home .lead-poster{animation-delay:.3s;--r:-2deg}
.home .side-posters a:nth-child(1){animation-delay:.55s;--r:3deg}.home .side-posters a:nth-child(2){animation-delay:.68s;--r:-3deg}.home .side-posters a:nth-child(3){animation-delay:.81s;--r:2deg}.home .side-posters a:nth-child(4){animation-delay:.94s;--r:-2deg}
@keyframes popIn{from{opacity:0;transform:scale(.6) rotate(calc(var(--r,0deg)*6)) translateY(40px)}to{opacity:1;transform:rotate(var(--r,0deg))}}
/* tilt cards */
.tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--s:1;position:relative;transform-style:preserve-3d;will-change:transform}
.home .tilt.tilt-live{animation:none!important;opacity:1!important;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--s)) rotate(var(--r,0deg));transition:transform .12s ease-out,box-shadow .3s}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.35),rgba(255,255,255,.06) 30%,transparent 55%);mix-blend-mode:overlay}
.tilt.is-hover::after{opacity:1}
.tilt.is-hover{--s:1.05;box-shadow:0 30px 70px rgba(0,0,0,.75),0 0 50px rgba(41,182,255,.35)!important;z-index:3}
.home .gallery figure.is-hover{box-shadow:0 30px 60px rgba(0,0,0,.75),0 0 40px rgba(212,168,67,.45)!important}
/* gallery pop-in on scroll */
.home .gallery figure.pop-in{opacity:0;transform:scale(.82) translateY(40px) rotate(-2deg);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,1.1,.3,1)}
.home .gallery figure.pop-in.in{opacity:1;transform:none}
.home .gallery figure.pop-in.in.tilt-live{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--s))}
/* spotlight carousel */
.spotlight{position:relative;overflow:hidden;background:#000;border-bottom:1px solid var(--line);min-height:620px;touch-action:pan-y}
.spot-track{position:relative;min-height:620px}
.spot-slide{position:absolute;inset:0;display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:center;max-width:1240px;margin:auto;padding:4rem 5rem;opacity:0;visibility:hidden;transition:opacity .8s,visibility 0s .8s}
.spot-slide.is-active{opacity:1;visibility:visible;transition:opacity .8s}
.spot-bg{position:absolute;inset:-60px;z-index:-1;background:center/cover;filter:blur(40px) saturate(1.4) brightness(.35);transform:scale(1.15);transition:transform 6s ease-out}
.spot-slide.is-active .spot-bg{transform:scale(1.02)}
.spot-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.75) 60%)}
.spot-poster{width:min(340px,30vw);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.8),0 0 60px rgba(41,182,255,.3);transform:translateX(-40px) scale(.92) rotate(-3deg);opacity:0;transition:transform .9s cubic-bezier(.2,1.1,.3,1),opacity .9s}
.spot-poster img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}
.spot-slide.is-active .spot-poster{transform:none;opacity:1}
.spot-slide.is-active .spot-poster.tilt-live{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--s))}
.spot-copy>*{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.spot-slide.is-active .spot-copy>*{opacity:1;transform:none}
.spot-slide.is-active .spot-copy>*:nth-child(2){transition-delay:.1s}.spot-slide.is-active .spot-copy>*:nth-child(3){transition-delay:.2s}.spot-slide.is-active .spot-copy>*:nth-child(4){transition-delay:.3s}.spot-slide.is-active .spot-copy>*:nth-child(5){transition-delay:.4s}.spot-slide.is-active .spot-copy>*:nth-child(6){transition-delay:.5s}
.spot-copy h2{font-size:clamp(3rem,6.5vw,6rem);margin:.6rem 0 .6rem}
.spot-sub{font:400 1.8rem var(--disp);letter-spacing:.12em;color:var(--pop2)}
.spot-log{font-size:1.25rem;color:#e2dfd8;max-width:36rem;margin-bottom:1.2rem}
.spot-copy .soon{margin-right:1rem}.spot-copy .btn-pop{margin-top:1.2rem}
.spot-arrow{position:absolute;top:50%;z-index:5;width:54px;height:54px;margin-top:-27px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);backdrop-filter:blur(8px);color:#fff;font-size:2rem;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.spot-arrow:hover{background:var(--pop);color:#001018;transform:scale(1.08)}.spot-arrow.prev{left:1.2rem}.spot-arrow.next{right:1.2rem}
.spot-dots{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);display:flex;gap:.6rem;z-index:5}
.spot-dot{width:12px;height:12px;border-radius:999px;border:0;background:rgba(255,255,255,.3);cursor:pointer;transition:width .3s,background .3s;padding:0}
.spot-dot.is-active{width:34px;background:var(--pop)}
.spot-pause{position:absolute;right:1.2rem;bottom:1.2rem;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;font-size:.7rem;cursor:pointer}
.spot-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08);z-index:5}.spot-timer i{display:block;height:100%;width:100%;background:var(--pop);transform-origin:0 50%;transform:scaleX(0)}
/* varied reveals */
.home .rv.rv-left{transform:translateX(-60px)}.home .rv.rv-right{transform:translateX(60px)}.home .rv.rv-scale{transform:scale(.88)}
.home .rv.rv-wipe{transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1),opacity .6s}
.home .rv.in{transform:none;clip-path:inset(0 0 0 0)}
.count{font-variant-numeric:tabular-nums}
.magnetic{will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background .2s}
@media(max-width:900px){
 .spotlight,.spot-track{min-height:0}.spot-track{display:grid}
 .spot-slide{position:relative;grid-area:1/1;grid-template-columns:1fr;gap:1.6rem;padding:3rem 1.4rem 5rem;text-align:left}
 .spot-poster{width:62vw;max-width:300px}.spot-arrow{top:auto;bottom:1.1rem;margin:0;width:42px;height:42px;font-size:1.5rem}.spot-arrow.prev{left:1rem}.spot-arrow.next{left:4rem;right:auto}
 .spot-dots{left:auto;right:4rem;transform:none;bottom:1.9rem}.spot-pause{bottom:1.3rem;right:1rem;width:34px;height:34px}
 .floaters{display:none}.cursor-glow{display:none}
}
@media(prefers-reduced-motion:reduce){
 .mega .w,.home .xhero-copy .kicker,.home .xlead,.home .xcta,.home .lead-poster,.home .side-posters a{animation:none;opacity:1;transform:none;clip-path:none}
 .home .lead-poster{transform:rotate(-2deg)}
 .xhero-sweep,.floaters,.cursor-glow{display:none}
 .home .gallery figure.pop-in{opacity:1;transform:none;transition:none}
 .spot-slide,.spot-poster,.spot-copy>*,.spot-bg{transition:none!important}.spot-poster,.spot-copy>*{transform:none;opacity:1}
 .home .rv{clip-path:none!important}
}
body.home{overflow-x:clip}body.home main{overflow-x:clip}
@media(min-width:901px){.spotlight,.spot-track{min-height:700px}}
/* v3.2: hero background matches Ape Man lead */
.home .xhero-bg{background-image:url(images/upcoming/the-ape-man.jpg)}
.home .xhero::before{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.85) 38%,rgba(5,5,5,.25) 75%,rgba(5,5,5,.6)),linear-gradient(0deg,#050505,transparent 35%),radial-gradient(ellipse 50% 60% at 72% 45%,rgba(140,200,90,.18),transparent 70%)}
.home .lead-poster{box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08),0 0 70px rgba(212,168,67,.35)}
/* v3.2: progressive enhancement. Content is visible unless motion is confirmed working */
html:not(.motion-ok) .home .mega .w,html:not(.motion-ok) .home .xhero-copy .kicker,html:not(.motion-ok) .home .xlead,html:not(.motion-ok) .home .xcta,
html:not(.motion-ok) .home .lead-poster,html:not(.motion-ok) .home .side-posters a,
html.hero-settled .home .mega .w,html.hero-settled .home .xhero-copy .kicker,html.hero-settled .home .xlead,html.hero-settled .home .xcta,html.hero-settled .home .lead-poster,html.hero-settled .home .side-posters a{animation:none!important;opacity:1!important;clip-path:none!important}
html:not(.motion-ok) .home .mega .w,html.hero-settled .home .mega .w,html:not(.motion-ok) .home .xlead,html:not(.motion-ok) .home .xcta,html:not(.motion-ok) .home .xhero-copy .kicker{transform:none!important}
html:not(.motion-ok) .home .lead-poster:not(.tilt-live),html.hero-settled .home .lead-poster:not(.tilt-live){transform:rotate(-2deg)}
html:not(.motion-ok) .home .side-posters a:not(.tilt-live),html.hero-settled .home .side-posters a:not(.tilt-live){transform:rotate(var(--r,0deg))}
html:not(.motion-ok) .home .gallery figure.pop-in,html.reveal-all .home .gallery figure.pop-in,html:not(.motion-ok) .home .rv,html.reveal-all .home .rv{opacity:1!important;transform:none!important;clip-path:none!important}
html:not(.motion-ok) .spot-poster,html:not(.motion-ok) .spot-copy>*{opacity:1;transform:none}
/* ===== Comics page ===== */
.comic-hero{position:relative;overflow:hidden;isolation:isolate;border-bottom:4px solid #000;background:linear-gradient(120deg,#ff3d2e 0%,#ff7a1a 35%,#ffc21a 60%,#29b6ff 100%)}
.halftone{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(0,0,0,.38) 1.6px,transparent 2.2px) 0 0/14px 14px;-webkit-mask-image:linear-gradient(110deg,#000 10%,transparent 70%);mask-image:linear-gradient(110deg,#000 10%,transparent 70%)}
.comic-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 0deg at 78% 50%,rgba(255,255,255,.14) 0 6deg,transparent 6deg 14deg)}
.ch-inner{max-width:1320px;margin:auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.ch-inner>*{min-width:0}
.comic-hero .kicker{color:#000}.comic-hero .dot{background:#000;box-shadow:none}
.ch-title{font-size:clamp(4rem,10vw,9rem);line-height:.85;color:#fff;-webkit-text-stroke:3px #000;text-shadow:6px 6px 0 #000;margin:.6rem 0 1rem}
.ch-title span{display:block}.ch-title .pow{color:#ffe14d;transform:rotate(-3deg);transform-origin:left}
.ch-lead{font:800 1.3rem var(--sans);color:#000;background:#fff;display:inline-block;padding:.5rem .9rem;border:3px solid #000;box-shadow:5px 5px 0 #000;transform:rotate(-1deg)}
.comic-hero .btn-line{color:#000;box-shadow:inset 0 0 0 3px #000;background:#fff}.comic-hero .btn-pop{background:#000;color:#ffe14d}
.ch-stack{position:relative;height:460px}
.ch-stack img{position:absolute;top:50%;left:50%;width:230px;border:4px solid #000;border-radius:6px;box-shadow:8px 8px 0 rgba(0,0,0,.85)}
.ch-stack img:nth-child(1){transform:translate(-120%,-55%) rotate(-12deg)}.ch-stack img:nth-child(2){transform:translate(-75%,-48%) rotate(-5deg)}
.ch-stack img:nth-child(3){transform:translate(-25%,-52%) rotate(5deg)}.ch-stack img:nth-child(4){transform:translate(15%,-45%) rotate(11deg)}
.burst{position:absolute;right:4%;top:6%;width:110px;height:110px;display:grid;place-items:center;font:400 2.6rem var(--disp);color:#000;background:#ffe14d;border:3px solid #000;clip-path:polygon(50% 0,61% 18%,82% 8%,80% 30%,100% 38%,84% 54%,96% 74%,74% 76%,68% 98%,50% 84%,32% 98%,26% 76%,4% 74%,16% 54%,0 38%,20% 30%,18% 8%,39% 18%);transform:rotate(12deg)}
.comic-intro{padding-top:3.5rem}
.comic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin-top:2rem}
.comic-card{display:flex;flex-direction:column}
.comic-cover{display:block;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 18px 40px rgba(0,0,0,.6);transition:transform .3s,box-shadow .3s}
.comic-cover img{width:100%;height:auto;display:block;aspect-ratio:2/3;object-fit:cover}
.comic-cover:hover,.comic-cover:focus-visible{transform:translateY(-8px) scale(1.03);box-shadow:0 28px 60px rgba(0,0,0,.7),0 0 40px rgba(255,194,26,.4)}
.issue-badge{position:absolute;top:10px;right:10px;background:#ffe14d;color:#000;font:800 .65rem var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:.3rem .6rem;border:2px solid #000;border-radius:4px}
.comic-info{padding:1rem .2rem 0}.comic-info h3{font:400 1.9rem var(--disp);letter-spacing:.03em;text-transform:uppercase}
.issue{font:600 .8rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.issue b{color:#ffe14d}
.ctag{font-weight:600;color:#fff;margin:.4rem 0 .2rem}.ctag2{color:var(--muted);font-size:.95rem}.ctag2.first{color:#ff7a1a;font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.14em}
.credits{font-size:.85rem;color:var(--muted);margin-top:.4rem}
.p2s{background:linear-gradient(120deg,#0b1622,#050505 60%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:3rem 0}
.p2s-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:3rem;align-items:center;padding:3rem 0}
.p2s-zen{display:block;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 50px rgba(41,182,255,.35)}.p2s-zen img{width:100%;height:auto;display:block}
.p2s p{margin-bottom:1rem}
.team2{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:1.4rem;margin-top:1.5rem}
.pubblock{max-width:520px;margin:1rem auto 2rem;text-align:center;background:#f6f4ef;border-radius:18px;padding:2rem}
.pubblock .eyebrow{color:#333}.pubblock img{width:min(320px,80%);height:auto;margin:.6rem auto;display:block}.pubblock .muted{color:#555}
.card-link{display:inline-block;margin-top:1rem;font:800 .75rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pop2);text-decoration:none}.card-link:hover{color:#fff}
/* home comics CTA */
.comics-cta{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;text-decoration:none;color:var(--ink);padding:2rem 2.4rem;border-radius:20px;border:1px solid rgba(255,194,26,.35);background:radial-gradient(circle,rgba(255,225,77,.12) 1.2px,transparent 1.8px) 0 0/12px 12px,linear-gradient(120deg,#2a1206,#111114 60%);transition:border-color .3s,box-shadow .3s}
.comics-cta:hover{border-color:#ffc21a;box-shadow:0 0 40px rgba(255,194,26,.25)}.comics-cta h2{margin:.3rem 0 .6rem}.comics-cta p{margin-bottom:1rem;color:#d6d3cc}
.cc-covers{position:relative;width:260px;height:200px}.cc-covers img{position:absolute;top:0;width:130px;border-radius:6px;border:2px solid #000;box-shadow:6px 6px 0 rgba(0,0,0,.7);transition:transform .4s}
.cc-covers img:nth-child(1){left:0;transform:rotate(-8deg)}.cc-covers img:nth-child(2){left:65px;transform:rotate(0);z-index:2}.cc-covers img:nth-child(3){left:130px;transform:rotate(8deg)}
.comics-cta:hover .cc-covers img:nth-child(1){transform:rotate(-14deg) translateX(-12px)}.comics-cta:hover .cc-covers img:nth-child(3){transform:rotate(14deg) translateX(12px)}.comics-cta:hover .cc-covers img:nth-child(2){transform:translateY(-10px) scale(1.05)}
/* lightbox */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem}
.lightbox[hidden]{display:none}
.lightbox figure{max-height:100%;text-align:center}.lightbox img{max-height:84vh;max-width:min(90vw,700px);width:auto;border-radius:8px;box-shadow:0 0 80px rgba(255,194,26,.25)}
.lightbox figcaption{margin-top:.8rem;font:400 1.6rem var(--disp);letter-spacing:.06em}
.lb-close,.lb-prev,.lb-next{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.8rem;cursor:pointer;flex:0 0 auto}
.lb-close{position:absolute;top:1rem;right:1rem}.lb-prev:hover,.lb-next:hover,.lb-close:hover{background:#ffc21a;color:#000}
/* nav fit for 8 links */
@media(min-width:1101px){.nav ul{gap:1.05rem}.nav a:not(.brand){font-size:.68rem;letter-spacing:.11em}}
@media(max-width:1000px){.comic-grid{grid-template-columns:repeat(2,1fr)}.ch-inner,.p2s-grid{grid-template-columns:1fr}.ch-stack{height:340px}.ch-stack img{width:160px}.comics-cta{grid-template-columns:1fr}.cc-covers{margin:0 auto}}
@media(max-width:520px){.comic-grid{grid-template-columns:1fr 1fr;gap:1rem}.comic-info h3{font-size:1.4rem}.team2{grid-template-columns:1fr}.ch-stack img{width:120px}.ch-stack{height:260px}.burst{width:80px;height:80px;font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.comic-cover,.cc-covers img{transition:none}}
.comic-info .cover-sub{font-style:italic;margin:.15rem 0 .35rem;opacity:.85}
/* ===== Monogram Comics banner (mcb-) ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mcb{position:relative;overflow:hidden;isolation:isolate;margin:2rem 0 1rem;padding:4.5rem 1.5rem;background:radial-gradient(ellipse at 70% 50%,#ff5a1f 0,#d8261c 38%,#5a0c14 78%,#1a0508 100%);border-top:6px solid #000;border-bottom:6px solid #000;box-shadow:inset 0 0 0 3px #ffe14d,inset 0 0 0 9px #000}
.mcb-rays{position:absolute;inset:-60%;z-index:-2;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,225,77,.22) 0 7deg,transparent 7deg 15deg);left:10%;animation:mcb-spin 80s linear infinite}
.mcb-dots{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(0,0,0,.38) 1.6px,transparent 2.3px) 0 0/11px 11px;-webkit-mask:linear-gradient(100deg,#000 0 30%,transparent 60%);mask:linear-gradient(100deg,#000 0 30%,transparent 60%)}
@keyframes mcb-spin{to{transform:rotate(360deg)}}
.mcb-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center}
.mcb-copy{position:relative;color:#fff}
.mcb-pow{position:absolute;top:-3.2rem;right:4%;width:150px;height:150px;display:grid;place-items:center;transform:rotate(12deg);font:400 1.45rem/1 var(--disp);letter-spacing:.04em;text-align:center;color:#000;margin:0;animation:mcb-throb 2.4s ease-in-out infinite;z-index:3}
.mcb-pow::before{content:"";position:absolute;inset:0;background:#ffe14d;border:0;clip-path:polygon(50% 0,60% 18%,80% 6%,78% 28%,100% 26%,86% 45%,100% 62%,78% 66%,84% 90%,62% 78%,50% 100%,40% 80%,16% 92%,22% 68%,0 62%,14% 46%,0 26%,22% 28%,20% 6%,40% 18%);filter:drop-shadow(4px 4px 0 #000)}
.mcb-pow span{position:relative}
@keyframes mcb-throb{50%{transform:rotate(8deg) scale(1.08)}}
.mcb-kicker{display:inline-block;font:800 .74rem var(--sans);letter-spacing:.24em;text-transform:uppercase;background:#000;color:#ffe14d;padding:.45rem .9rem;transform:skew(-10deg);margin-bottom:.8rem}
.mcb-title{margin:0 0 1.2rem;font:400 clamp(3.4rem,8.5vw,7.4rem)/.86 var(--disp);letter-spacing:.02em;background:none;color:#ffe14d;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:6px 6px 0 #000,7px 7px 0 #000;transform:rotate(-3deg);transform-origin:left}
.mcb-title span{display:block}.mcb-title span+span{color:#fff;margin-left:.6em}
.mcb-bubble{position:relative;max-width:30rem;background:#fff;color:#111;border:3px solid #000;border-radius:22px;padding:1rem 1.3rem;font-weight:600;line-height:1.5;box-shadow:6px 6px 0 #000;margin:0 0 1.6rem}
.mcb-bubble::after{content:"";position:absolute;right:-26px;top:38%;border:14px solid transparent;border-left:22px solid #000;border-right:0}
.mcb-bubble::before{content:"";position:absolute;right:-19px;top:calc(38% + 3px);border:11px solid transparent;border-left:18px solid #fff;border-right:0;z-index:1}
.mcb-cta{display:inline-flex;gap:.6rem;align-items:center;font:400 1.7rem/1 var(--disp);letter-spacing:.06em;color:#000;background:#ffe14d;border:3px solid #000;padding:.85rem 1.6rem .75rem;text-decoration:none;box-shadow:6px 6px 0 #000;transform:skew(-6deg);transition:transform .15s,box-shadow .15s}
.mcb-cta:hover,.mcb-cta:focus-visible{transform:skew(-6deg) translate(-3px,-3px);box-shadow:9px 9px 0 #000;background:#fff}
.mcb-cta span{transition:transform .2s}.mcb-cta:hover span{transform:translateX(5px)}
.mcb a:focus-visible,.mcb button:focus-visible{outline:4px solid #29b6ff;outline-offset:4px}
.mcb-credits{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;font-size:.88rem;line-height:1.5;color:#ffe9d6}
.mcb-credits img{width:96px;height:auto;background:#fff;border:3px solid #000;border-radius:8px;padding:.3rem;box-shadow:4px 4px 0 #000}
.mcb-credits b{color:#fff}
.mcb-stage{position:relative;height:560px;perspective:1400px;--rx:0deg;--ry:0deg}
.mcb-fan{position:absolute;inset:0;transform-style:preserve-3d;--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out}
.mcb-cover{position:absolute;left:50%;top:50%;width:300px;aspect-ratio:2/3;margin:-225px 0 0 -150px;display:block;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s;text-decoration:none;border-radius:6px}
.mcb-cover img{display:block;width:100%;height:100%;object-fit:cover;border:4px solid #000;border-radius:6px;box-shadow:10px 12px 0 rgba(0,0,0,.75)}
.mcb-cover[data-pos="0"]{transform:translateZ(80px);z-index:4}
.mcb-cover[data-pos="1"]{transform:translateX(190px) translateZ(-40px) rotateY(-22deg) rotate(8deg) scale(.82);z-index:3;filter:brightness(.8)}
.mcb-cover[data-pos="3"]{transform:translateX(-190px) translateZ(-40px) rotateY(22deg) rotate(-8deg) scale(.82);z-index:3;filter:brightness(.8)}
.mcb-cover[data-pos="2"]{transform:translateY(-40px) translateZ(-160px) scale(.7) rotate(3deg);z-index:1;filter:brightness(.55)}
.mcb-cover:focus-visible{filter:none;z-index:6}@media(hover:hover){.mcb-cover:hover{filter:none;z-index:6}}
.mcb-cover[data-pos="0"]:hover,.mcb-cover[data-pos="0"]:focus-visible{transform:translateZ(130px) scale(1.04)}
.mcb-cover[data-pos="1"]:hover,.mcb-cover[data-pos="1"]:focus-visible{transform:translateX(210px) translateZ(140px) rotate(4deg) scale(.9)}
.mcb-cover[data-pos="3"]:hover,.mcb-cover[data-pos="3"]:focus-visible{transform:translateX(-210px) translateZ(140px) rotate(-4deg) scale(.9)}
.mcb-cover[data-pos="2"]:hover,.mcb-cover[data-pos="2"]:focus-visible{transform:translateY(-120px) translateZ(140px) scale(.8)}
.mcb-cap{position:absolute;left:-6px;right:-6px;bottom:-18px;background:#ffe14d;color:#000;border:3px solid #000;padding:.4rem .6rem;text-align:center;box-shadow:4px 4px 0 #000;transform:rotate(-2deg) translateY(10px);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}
.mcb-cap b{display:block;font:400 1.35rem/1.05 var(--disp);letter-spacing:.04em}.mcb-cap i{display:block;font:700 .74rem/1.3 var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.mcb-cover[data-pos="0"] .mcb-cap,.mcb-cover:hover .mcb-cap,.mcb-cover:focus-visible .mcb-cap{opacity:1;transform:rotate(-2deg)}
.mcb-ctrl{position:absolute;left:0;right:0;bottom:-6px;display:flex;justify-content:center;align-items:center;gap:1rem;z-index:10}
.mcb-ctrl[hidden]{display:none}
.mcb-arrow{width:44px;height:44px;border-radius:50%;border:3px solid #000;background:#fff;color:#000;font:700 1.7rem/1 var(--sans);cursor:pointer;box-shadow:3px 3px 0 #000;padding-bottom:4px}
.mcb-arrow:hover{background:#ffe14d}
.mcb-pips{display:flex;gap:.5rem}
.mcb-pips button{width:16px;height:16px;border-radius:50%;border:3px solid #000;background:#fff;cursor:pointer;padding:0;transition:width .3s}
.mcb-pips button[aria-current="true"]{background:#ffe14d;width:34px;border-radius:10px}
@media(max-width:900px){.mcb{padding:3.5rem 1rem 3rem}.mcb-inner{grid-template-columns:1fr;gap:1rem}.mcb-copy{text-align:center}.mcb-title{transform:rotate(-3deg);transform-origin:center}.mcb-title span+span{margin-left:0}.mcb-bubble{margin:0 auto 1.6rem}.mcb-bubble::before,.mcb-bubble::after{display:none}.mcb-credits{justify-content:center;text-align:left}.mcb-pow{top:-2.6rem;right:0;width:110px;height:110px;font-size:1.05rem}.mcb-stage{order:-1;height:420px}.mcb-cover{width:210px;margin:-170px 0 0 -105px}.mcb-cover[data-pos="1"]{transform:translateX(105px) translateZ(-40px) rotateY(-22deg) rotate(8deg) scale(.78)}.mcb-cover[data-pos="3"]{transform:translateX(-105px) translateZ(-40px) rotateY(22deg) rotate(-8deg) scale(.78)}.mcb-cover[data-pos="1"]:hover{transform:translateX(110px) translateZ(140px) scale(.85)}.mcb-cover[data-pos="3"]:hover{transform:translateX(-110px) translateZ(140px) scale(.85)}.mcb-cap b{font-size:1.1rem}}
@media(max-width:420px){.mcb-title{-webkit-text-stroke:2px #000;text-shadow:4px 4px 0 #000}.mcb-credits{flex-direction:column;text-align:center}.mcb-cta{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.mcb-rays,.mcb-pow{animation:none}.mcb-fan,.mcb-cover,.mcb-cap,.mcb-cta,.mcb-pips button{transition:none}}
.mcb-title{-webkit-text-fill-color:#ffe14d}.mcb-title span+span{-webkit-text-fill-color:#fff}
.mcb-ctrl{bottom:-34px}.mcb-stage{margin-bottom:30px}
@media(max-width:900px){.mcb-stage{height:400px;margin-bottom:56px}.mcb-pow{top:-1.5rem;right:-.3rem;width:96px;height:96px;font-size:.95rem}.mcb-kicker{margin-top:.6rem}}
.mcb .rv{opacity:1!important;clip-path:none!important;filter:none!important;translate:none!important;scale:none!important}.mcb-title.rv{transform:rotate(-3deg)!important}.mcb-bubble.rv,.mcb-copy .rv:not(.mcb-title){transform:none!important}

@media(hover:none){.mcb-cover[data-pos="1"]:hover,.mcb-cover[data-pos="3"]:hover,.mcb-cover[data-pos="2"]:hover{transform:none}.mcb-cover[data-pos="1"]:not(:focus-visible):hover{transform:translateX(105px) translateZ(-40px) rotateY(-22deg) rotate(8deg) scale(.78)}.mcb-cover[data-pos="3"]:not(:focus-visible):hover{transform:translateX(-105px) translateZ(-40px) rotateY(22deg) rotate(-8deg) scale(.78)}.mcb-cover[data-pos="2"]:not(:focus-visible):hover{transform:translateY(-40px) translateZ(-160px) scale(.7) rotate(3deg)}.mcb-cover:not([data-pos="0"]):not(:focus-visible):hover .mcb-cap{opacity:0}}
.mcb-pow{right:-1%;top:-4.4rem}
@media(max-width:900px){.mcb-pow{top:-3.6rem;right:-.4rem}}
/* mcb compact (half height) */
.mcb{padding:1.6rem 1.5rem}
.mcb-inner{max-width:1100px;grid-template-columns:1.15fr 1fr;gap:1.5rem}
.mcb-title{font-size:clamp(2.4rem,5vw,4.2rem);margin:0 0 .7rem;-webkit-text-stroke:2.5px #000;text-shadow:4px 4px 0 #000}
.mcb-kicker{font-size:.66rem;padding:.35rem .75rem;margin-bottom:.5rem}
.mcb-bubble{font-size:.9rem;padding:.65rem 1rem;max-width:26rem;margin-bottom:1rem;box-shadow:4px 4px 0 #000;border-radius:16px}
.mcb-cta{font-size:1.3rem;padding:.6rem 1.2rem .5rem;box-shadow:4px 4px 0 #000}
.mcb-credits{margin-top:1rem;font-size:.78rem}.mcb-credits img{width:70px}
.mcb-pow{width:96px;height:96px;font-size:.95rem;top:-1.2rem;right:2%}
.mcb-stage{height:300px;margin-bottom:22px;perspective:1100px}
.mcb-cover{width:160px;margin:-120px 0 0 -80px}
.mcb-cover img{border-width:3px;box-shadow:6px 7px 0 rgba(0,0,0,.75)}
.mcb-cover[data-pos="1"]{transform:translateX(118px) translateZ(-40px) rotateY(-22deg) rotate(8deg) scale(.82)}
.mcb-cover[data-pos="3"]{transform:translateX(-118px) translateZ(-40px) rotateY(22deg) rotate(-8deg) scale(.82)}
.mcb-cover[data-pos="2"]{transform:translateY(-22px) translateZ(-160px) scale(.7) rotate(3deg)}
@media(hover:hover){.mcb-cover[data-pos="0"]:hover{transform:translateZ(110px) scale(1.04)}.mcb-cover[data-pos="1"]:hover{transform:translateX(128px) translateZ(120px) rotate(4deg) scale(.92)}.mcb-cover[data-pos="3"]:hover{transform:translateX(-128px) translateZ(120px) rotate(-4deg) scale(.92)}.mcb-cover[data-pos="2"]:hover{transform:translateY(-70px) translateZ(120px) scale(.85)}}
.mcb-cover[data-pos="0"]:focus-visible{transform:translateZ(110px) scale(1.04)}.mcb-cover[data-pos="1"]:focus-visible{transform:translateX(128px) translateZ(120px) rotate(4deg) scale(.92)}.mcb-cover[data-pos="3"]:focus-visible{transform:translateX(-128px) translateZ(120px) rotate(-4deg) scale(.92)}.mcb-cover[data-pos="2"]:focus-visible{transform:translateY(-70px) translateZ(120px) scale(.85)}
.mcb-cap{bottom:-12px;padding:.25rem .4rem;border-width:2px;box-shadow:3px 3px 0 #000}.mcb-cap b{font-size:1rem}.mcb-cap i{font-size:.58rem}
.mcb-ctrl{bottom:-26px;gap:.6rem}.mcb-arrow{width:32px;height:32px;font-size:1.25rem;border-width:2px;padding-bottom:3px}.mcb-pips button{width:12px;height:12px;border-width:2px}.mcb-pips button[aria-current="true"]{width:26px}
@media(max-width:900px){
 .mcb{padding:1.2rem .8rem 1.4rem}
 .mcb-inner{grid-template-columns:1fr 1fr;gap:.6rem;align-items:center}
 .mcb-stage{order:0;height:250px;margin-bottom:26px}
 .mcb-cover{width:110px;margin:-85px 0 0 -55px}
 .mcb-cover[data-pos="1"],.mcb-cover[data-pos="1"]:not(:focus-visible):hover{transform:translateX(52px) translateZ(-40px) rotateY(-22deg) rotate(8deg) scale(.8)}
 .mcb-cover[data-pos="3"],.mcb-cover[data-pos="3"]:not(:focus-visible):hover{transform:translateX(-52px) translateZ(-40px) rotateY(22deg) rotate(-8deg) scale(.8)}
 .mcb-copy{text-align:left}.mcb-title{font-size:2.1rem;-webkit-text-stroke:2px #000;text-shadow:3px 3px 0 #000;transform-origin:left;margin-bottom:.5rem}.mcb-title.rv{transform:rotate(-3deg)!important}
 .mcb-kicker{font-size:.52rem;letter-spacing:.14em;padding:.3rem .5rem}
 .mcb-bubble{display:none}
 .mcb-cta{font-size:1.05rem;padding:.5rem .8rem .4rem}
 .mcb-credits{flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.7rem;font-size:.66rem;line-height:1.35;text-align:left}.mcb-credits img{width:54px;border-width:2px}
 .mcb-pow{width:72px;height:72px;font-size:.7rem;top:-1.1rem;right:-.6rem}
 .mcb-cap{left:-14px;right:-14px}.mcb-cap b{font-size:.82rem}.mcb-cap i{font-size:.5rem}
}
.mcb-stage{height:262px}.mcb{padding:1.3rem 1.5rem}
@media(max-width:900px){.mcb-kicker{white-space:nowrap;font-size:.5rem;letter-spacing:.1em}.mcb-pow{top:auto;bottom:-1.6rem;right:-.4rem;width:64px;height:64px;font-size:.62rem}.mcb-cap i{display:none}.mcb-cap{bottom:-8px}.mcb-stage{height:236px}}
@media(max-width:900px){.mcb-pow{bottom:auto;top:2.6rem;right:-2.4rem;z-index:12}}
@media(min-width:901px){.mcb-ctrl{bottom:-36px}.mcb-stage{height:256px;margin-bottom:34px}.mcb-cover{margin-top:-128px}}
@media(min-width:901px){.mcb-cover{width:150px;margin:-138px 0 0 -75px}}

/* nav external links */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav .ext{font-size:.85em;margin-left:.2em;opacity:.6}
.nav li.nav-ext:first-of-type{margin-left:.4rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.18)}
.nav li.nav-ext a{opacity:.82}.nav li.nav-ext a:hover{opacity:1}
@media(min-width:1101px){.nav{padding-left:1.4rem;padding-right:1.4rem}.nav ul{gap:1.05rem;flex-wrap:nowrap}.nav a:not(.brand){font-size:.68rem;letter-spacing:.1em;white-space:nowrap}}
@media(max-width:1100px){.nav.open nav{max-height:640px}.nav li.nav-ext:first-of-type{margin-left:0;padding-left:0;border-left:0}}
@media(min-width:1101px){.nav{padding-left:1rem;padding-right:1rem;gap:1rem}.nav ul{gap:.78rem}.nav a:not(.brand){font-size:.62rem;letter-spacing:.06em}.nav li.nav-ext:first-of-type{margin-left:.1rem;padding-left:.8rem}.nav .brand{font-size:.9rem;letter-spacing:.1em;white-space:nowrap;flex-shrink:0}}
@media(max-width:1100px){.nav nav{background:#0a0a0c}.nav.open nav{max-height:calc(100vh - 70px);overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.6)}.nav li{padding:.55rem 0}.nav li.nav-ext a{opacity:.9}}
@media(max-width:1100px){.nav ul{gap:0}.nav nav{z-index:30}}