/*
Theme Name: Sanderson Payless Entertainment
Author: Leslie Sanderson
Description: Sanderson Payless Entertainment website theme.
Version: 4.5.0
Requires at least: 5.2
Requires PHP: 7.4
Text Domain: sanderson-payless-entertainment
*/

:root{
  --black:#050608;
  --black2:#0a0c10;
  --panel:rgba(6,8,12,.88);
  --panel-soft:rgba(7,10,16,.73);
  --gold:#c9a557;
  --gold-light:#f0d690;
  --gold-dim:rgba(201,165,87,.42);
  --bronze:#c69558;
  --bronze-light:#d8ad70;
  --ivory:#f3efe6;
  --silver:#bac1c9;
  --muted:#a9afb8;
  --line:rgba(240,214,144,.23);
  --cyan:#76c7e9;
  --shadow:0 22px 60px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#020305}
body{margin:0;min-height:100vh;color:var(--ivory);font-family:"Segoe UI",Arial,sans-serif;background:#030406 url("images/cosmic_subpage_background.webp") center top/cover fixed no-repeat;line-height:1.55}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.72));pointer-events:none}
a{color:inherit}.shell{width:min(1380px,94vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(3,4,7,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 10px 36px rgba(0,0,0,.34)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup{text-decoration:none;display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand-main{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,2vw,1.7rem);letter-spacing:.12em;color:var(--gold-light);text-shadow:0 1px 0 #473613}.brand-sub{font-size:clamp(1.15rem,2vw,1.7rem);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.nav a,.nav button{appearance:none;border:0;background:transparent;color:#e8e4dc;text-decoration:none;font:600 .76rem/1 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:11px 12px;border-radius:999px;cursor:pointer}.nav a:hover,.nav a:focus-visible,.nav button:hover,.nav button:focus-visible,.nav .active{outline:none;color:var(--gold-light);background:rgba(201,165,87,.1);box-shadow:inset 0 0 0 1px rgba(201,165,87,.22)}
.hero{padding:96px 0 72px;min-height:70vh;display:grid;align-items:center}.hero-panel{max-width:960px;margin:0 auto;text-align:center;padding:clamp(34px,6vw,72px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(6,8,12,.91),rgba(6,8,12,.78));box-shadow:var(--shadow);backdrop-filter:blur(8px);position:relative;overflow:hidden}.hero-panel::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent)}
.eyebrow{margin:0 0 14px;color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1rem,1.8vw,1.35rem);letter-spacing:.05em}.hero h1,.page-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.055em;line-height:1.05;background:linear-gradient(#fff2c2,#ddb965 55%,#9d7532);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 38px rgba(0,0,0,.28)}.hero h1{font-size:clamp(2.5rem,6.8vw,5.8rem)}.hero h1 span{display:block;font-size:.48em;letter-spacing:.24em;margin-top:10px}.hero-copy{max-width:720px;margin:24px auto 0;color:#d8dce1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.02rem,1.7vw,1.25rem)}
.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(201,165,87,.5);background:linear-gradient(180deg,rgba(201,165,87,.18),rgba(201,165,87,.07));color:var(--ivory);text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.btn:hover,.btn:focus-visible{outline:none;border-color:var(--gold-light);color:var(--gold-light);box-shadow:0 0 0 3px rgba(201,165,87,.09)}.btn.secondary{border-color:rgba(118,199,233,.36);background:rgba(49,105,130,.10)}.btn.disabled{opacity:.68;cursor:default}
.section{padding:48px 0 78px}.section-head{text-align:center;margin-bottom:30px}.section-head h2{margin:0;color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3.4vw,3rem);font-weight:500;letter-spacing:.08em}.section-head p{max-width:760px;margin:10px auto 0;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:linear-gradient(180deg,rgba(7,9,13,.92),rgba(5,7,11,.79));border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 16px 40px rgba(0,0,0,.35);position:relative;overflow:hidden}.card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,214,144,.5),transparent)}.card h3{margin:0 0 8px;color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500}.card p{margin:0;color:#c8ccd2}.tag{display:inline-block;margin-bottom:13px;padding:5px 9px;border-radius:99px;background:rgba(201,165,87,.1);border:1px solid rgba(201,165,87,.2);color:#dfca92;text-transform:uppercase;letter-spacing:.11em;font-size:.65rem;font-weight:700}
.page-hero{padding:68px 0 38px;text-align:center}.page-title{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.14;padding:.04em 0 .14em;overflow:visible}.page-lead{max-width:760px;margin:12px auto 0;color:var(--bronze-light);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.08rem;line-height:1.65;text-shadow:0 1px 12px rgba(0,0,0,.52)}.divider{height:1px;margin:34px auto 0;max-width:800px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
footer{border-top:1px solid var(--line);background:rgba(3,4,6,.84);padding:24px 0;color:#9da3aa;font-size:.8rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer-link{color:#d7c07e;text-decoration:none}
/* Entrance curtain */
/* R24: show the complete curtain artwork edge-to-edge with no top/bottom crop. */
#entrance{position:fixed;inset:0;z-index:1000;background:#000;overflow:hidden;transition:visibility .2s linear 1.85s}.curtain-half{position:absolute;inset:0;pointer-events:none;transition:transform 1.85s cubic-bezier(.62,.02,.25,1);background:#000}.curtain-half img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;filter:drop-shadow(0 22px 45px rgba(0,0,0,.65))}.curtain-left{clip-path:inset(0 50% 0 0)}.curtain-right{clip-path:inset(0 0 0 50%)}#entrance.open .curtain-left{transform:translateX(-102%)}#entrance.open .curtain-right{transform:translateX(102%)}#entrance.open{visibility:hidden}.enter-control{position:absolute;left:50%;bottom:5.3%;transform:translateX(-50%);z-index:5;border:1px solid rgba(240,214,144,.62);border-radius:999px;background:rgba(5,5,7,.82);color:#f1d991;padding:12px 24px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.52)}.enter-control:hover{background:rgba(12,10,8,.94);border-color:#f1d991}.curtain-click{position:absolute;inset:0;z-index:4;cursor:pointer}
/* Books */
body.books-page::before{content:"❦    ❧    ❦    ❧";position:fixed;left:-2vw;right:-2vw;top:14vh;z-index:-1;color:rgba(236,206,128,.055);font-family:Georgia,serif;font-size:clamp(4rem,10vw,9rem);letter-spacing:.28em;transform:rotate(-7deg);white-space:nowrap;pointer-events:none}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.book-card{text-align:center;padding:20px 16px}.book-cover{width:min(156px,80%);aspect-ratio:156/250;object-fit:cover;border-radius:3px;box-shadow:0 16px 30px rgba(0,0,0,.55),0 0 0 1px rgba(240,214,144,.18);margin-bottom:16px}.book-card h3{min-height:3em;font-size:1.03rem;line-height:1.4}.book-card .btn{width:100%;padding:0 10px;font-size:.68rem}
/* Music */
body.music-page::before{content:"♪   ♫   ♬   ♪   ♫   ♬";position:fixed;left:-4vw;right:-4vw;top:12vh;z-index:-1;color:rgba(118,199,233,.055);font-family:Georgia,serif;font-size:clamp(4rem,10vw,9rem);letter-spacing:.18em;transform:rotate(-8deg);white-space:nowrap;pointer-events:none}.music-deck{position:relative;margin:12px auto 34px;max-width:1120px;border:1px solid rgba(201,165,87,.24);border-radius:22px;background:linear-gradient(180deg,rgba(12,15,20,.94),rgba(4,5,7,.92));box-shadow:var(--shadow);padding:24px}.deck-top{display:grid;grid-template-columns:250px 1fr 190px;gap:18px;align-items:center}.deck-art{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(240,214,144,.28);border-radius:8px;filter:saturate(.85) contrast(1.05)}.deck-screen{min-height:128px;padding:20px;border:1px solid rgba(118,199,233,.25);border-radius:12px;background:radial-gradient(circle at center,rgba(43,99,120,.16),rgba(2,7,10,.75));box-shadow:inset 0 0 28px rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center}.deck-screen strong{font-family:Georgia,serif;color:var(--gold-light);font-size:1.3rem}.deck-screen span{color:#92aab5}.dial{width:118px;aspect-ratio:1;border-radius:50%;margin:auto;border:1px solid rgba(240,214,144,.38);background:radial-gradient(circle at 38% 32%,#3a4148,#11151a 58%,#050608 72%);box-shadow:inset 0 0 20px #000,0 0 0 8px rgba(201,165,87,.05);display:grid;place-items:center;color:#d9c17f;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.track{padding:14px 15px;border-radius:12px;border:1px solid rgba(240,214,144,.16);background:rgba(6,8,11,.82);cursor:pointer;text-align:left}.track:hover{border-color:rgba(240,214,144,.42);background:rgba(15,16,18,.9)}.track strong{display:block;color:#eee6d4;font-family:Georgia,serif;font-size:.9rem;font-weight:500}.track span{display:block;margin-top:5px;color:#8ea0aa;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.track.active{border-color:rgba(240,214,144,.7);box-shadow:0 0 0 2px rgba(201,165,87,.1),inset 0 0 28px rgba(201,165,87,.05)}.preview-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:11px 14px;border:1px solid rgba(201,165,87,.2);border-radius:10px;background:rgba(2,4,6,.62);color:var(--bronze-light);font-family:Georgia,"Times New Roman",serif;font-style:italic}.preview-line strong{color:var(--gold-light);font-style:normal}.preview-progress{height:4px;flex:1;min-width:120px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.preview-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bronze),var(--gold-light));transition:width .15s linear}.track-note{margin:18px 0 0;text-align:center;color:#a68b62;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:.82rem}
/* Membership / cinema */
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin:0 auto}.price{padding:34px;text-align:center}.price strong{display:block;color:var(--gold-light);font-family:Georgia,serif;font-size:2.6rem;font-weight:500}.price small{color:var(--muted)}.cinema-screen{max-width:980px;margin:0 auto;aspect-ratio:16/7;border:1px solid rgba(240,214,144,.33);border-radius:22px;background:radial-gradient(ellipse at center,rgba(91,108,132,.18),rgba(1,2,4,.96) 70%);box-shadow:0 28px 70px rgba(0,0,0,.72),inset 0 0 45px rgba(103,161,190,.08);display:grid;place-items:center;text-align:center;padding:30px}.cinema-screen h2{font-family:Georgia,serif;color:var(--gold-light);font-size:clamp(2rem,5vw,4rem);font-weight:500;margin:0}.cinema-screen p{color:var(--bronze-light);max-width:650px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.08rem;line-height:1.65;text-shadow:0 1px 12px rgba(0,0,0,.52)}
.notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:400;max-width:min(620px,90vw);padding:14px 18px;border:1px solid rgba(240,214,144,.4);border-radius:12px;background:rgba(4,5,7,.96);box-shadow:0 18px 50px rgba(0,0,0,.6);color:#e8e3d8;opacity:0;pointer-events:none;transition:.2s}.notice.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.book-grid{grid-template-columns:repeat(3,1fr)}.track-grid{grid-template-columns:repeat(3,1fr)}.deck-top{grid-template-columns:210px 1fr 150px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.header-inner{align-items:flex-start;padding:14px 0;flex-direction:column}.nav{justify-content:flex-start}.hero{padding-top:56px}.cards,.price-grid{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)}.track-grid{grid-template-columns:repeat(2,1fr)}.deck-top{grid-template-columns:1fr}.dial{width:92px}.brand-sub{display:none}.curtain-half img{object-fit:fill}.enter-control{bottom:3%;font-size:.68rem}}
@media(max-width:460px){.book-grid,.track-grid{grid-template-columns:1fr}.nav a,.nav button{padding:8px 9px;font-size:.66rem}.hero-panel{padding:30px 20px}.page-hero{padding-top:48px}}

.series-subtitle{margin:-5px 0 16px;color:var(--bronze-light);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:.82rem;line-height:1.45}

/* Revision 3 — approved home-page direction: existing cosmic background + exact four feature panels */
.home-page{background:#030406 url("images/cosmic_subpage_background.webp") center top/cover fixed no-repeat}
.home-intro{padding:72px 0 30px;text-align:center}
.home-title-wrap{max-width:1050px;margin:0 auto;padding:26px 22px 18px}
.home-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.9rem,7vw,6.8rem);font-weight:700;letter-spacing:.035em;line-height:.95;text-transform:uppercase;color:#d7b162;text-shadow:0 2px 0 #7b5424,0 4px 0 #422b12,0 9px 22px rgba(0,0,0,.88),0 0 25px rgba(217,178,94,.13)}
.home-title span{display:block;margin-top:12px;font-size:.28em;letter-spacing:.38em;color:#e5c87c;text-shadow:0 1px 0 #5b3a19,0 5px 16px rgba(0,0,0,.8)}
.home-intro-copy{max-width:790px;margin:24px auto 0;color:#c9a16d;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.65;text-shadow:0 2px 13px rgba(0,0,0,.8)}
.home-showcase{padding:12px 0 48px}
.home-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.home-panel-link{display:block;min-width:0;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 18px 42px rgba(0,0,0,.5);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.home-panel-link img{display:block;width:100%;height:100%;object-fit:fill}
.home-panel-link:hover,.home-panel-link:focus-visible{outline:none;transform:translateY(-5px);filter:brightness(1.06);box-shadow:0 24px 52px rgba(0,0,0,.65),0 0 0 1px rgba(234,199,116,.42)}
.home-closing{position:relative;padding:34px 0 30px;border-top:1px solid rgba(240,214,144,.18);background:linear-gradient(180deg,rgba(2,4,8,.2),rgba(2,4,8,.68))}
.home-closing::before{content:"";position:absolute;left:15%;right:15%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,214,144,.55),transparent)}
.home-closing-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:end}
.home-scripture{margin:0;color:#d8c18d;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(.95rem,1.5vw,1.16rem);line-height:1.55;text-shadow:0 1px 12px rgba(0,0,0,.75)}
.home-scripture p{margin:0 0 3px}.home-scripture cite{font-style:italic;color:#b98a55}
.home-mission{text-align:center;text-transform:uppercase;font-family:Georgia,"Times New Roman",serif;color:#d8b665;text-shadow:0 2px 13px rgba(0,0,0,.8)}
.home-mission strong{display:block;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:500;letter-spacing:.24em}
.home-mission span{display:block;margin-top:7px;color:#d0bb8d;font-size:clamp(.76rem,1.25vw,1rem);letter-spacing:.38em}
.home-signature{text-align:right}.home-signature img{width:min(310px,100%);height:auto;filter:drop-shadow(0 5px 14px rgba(0,0,0,.65))}
.home-copyright{text-align:center;margin-top:28px;padding-top:17px;border-top:1px solid rgba(240,214,144,.1);color:#bda675;font-family:Georgia,"Times New Roman",serif;font-size:.77rem;letter-spacing:.04em}
.compact-footer{padding:16px 0;background:rgba(2,3,5,.92)}
@media(max-width:1120px){.home-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-panel-link{max-width:480px;width:100%;justify-self:center}}
@media(max-width:760px){.home-intro{padding-top:48px}.home-title{font-size:clamp(2.35rem,12vw,4.6rem)}.home-closing-grid{grid-template-columns:1fr;text-align:center}.home-signature{text-align:center}.home-scripture{text-align:center}.home-panels{grid-template-columns:1fr}.home-panel-link{max-width:430px}.home-mission strong{letter-spacing:.16em}.home-mission span{letter-spacing:.22em}}

/* Revision 4 — cleaner home hierarchy, account access on top, tour panels lower */
.home-header .header-inner{min-height:78px}
.home-header .brand-lockup{gap:9px}
.home-header .brand-main{font-weight:400;letter-spacing:.1em;background:linear-gradient(180deg,#f7e5aa 0%,#c79b4d 48%,#8a5e25 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,242,199,.22),0 5px 14px rgba(0,0,0,.58)}
.home-header .brand-sub{color:#c3a76f}
.account-area{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.account-note{margin-right:4px;color:#a98f62;font-family:Georgia,"Times New Roman",serif;font-size:.72rem;font-style:italic;letter-spacing:.04em;white-space:nowrap}
.account-btn{appearance:none;min-height:38px;padding:0 15px;border-radius:999px;border:1px solid rgba(214,177,97,.35);background:rgba(6,8,11,.66);color:#e6c97f;font:600 .71rem/1 "Segoe UI",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 18px rgba(0,0,0,.25)}
.account-btn:hover,.account-btn:focus-visible{outline:none;border-color:rgba(240,214,144,.7);background:rgba(30,23,13,.68);color:#f2d995}
.account-create{background:linear-gradient(180deg,rgba(177,132,57,.18),rgba(50,35,14,.22))}

.home-intro{padding:82px 0 56px;text-align:center}
.home-title-wrap{max-width:1060px;margin:0 auto;padding:26px 22px 26px}
.home-title{font-size:clamp(2.7rem,6.1vw,6.2rem);font-weight:400;letter-spacing:.025em;line-height:1.01;text-transform:none;background:linear-gradient(180deg,#fff1ba 0%,#ddb85f 37%,#a87632 63%,#f1d78b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.35px rgba(84,53,17,.38);text-shadow:0 1px 0 rgba(255,244,201,.18),0 3px 0 rgba(80,49,18,.26),0 7px 18px rgba(0,0,0,.72),10px 11px 22px rgba(0,0,0,.28)}
.home-title span{display:block;margin-top:10px;font-size:.30em;font-weight:400;letter-spacing:.34em;text-transform:uppercase;background:linear-gradient(180deg,#f5dda0,#b98238);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 14px rgba(0,0,0,.62)}
.home-intro-copy{margin-top:22px}

.home-showcase{padding:18px 0 60px}
.tour-heading{text-align:center;max-width:760px;margin:0 auto 30px}
.tour-heading span{display:block;color:#e2c47f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2.4vw,2rem);font-style:italic;letter-spacing:.08em}
.tour-heading p{margin:8px auto 0;color:#a98d61;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:.96rem;line-height:1.6}
.tour-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:24px;align-items:stretch}
.tour-main-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.tour-membership{padding-left:22px;border-left:1px solid rgba(224,191,116,.22);display:flex;align-items:stretch}
.home-panel-link{height:auto;border-radius:16px;background:rgba(3,5,8,.55)}
.home-panel-link img{display:block;width:100%;height:auto;object-fit:contain}
.membership-panel-link{width:100%;align-self:stretch}

.home-signature{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-width:0}
.signature-name{display:block;max-width:100%;color:#deb964;font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;font-size:clamp(1.75rem,3vw,3rem);font-weight:400;line-height:1.08;white-space:nowrap;text-shadow:0 1px 0 #5f3d17,0 5px 15px rgba(0,0,0,.72)}
.signature-paw{display:inline-block;margin-top:-4px;color:#cfaa5b;font-size:1.28rem;filter:sepia(.3)}
.home-signature small{display:block;margin-top:7px;color:#a99268;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;white-space:normal}

@media(max-width:1120px){
  .tour-layout{grid-template-columns:1fr}
  .tour-main-panels{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tour-membership{border-left:0;border-top:1px solid rgba(224,191,116,.22);padding-left:0;padding-top:22px;justify-content:center}
  .membership-panel-link{width:min(370px,100%)}
}
@media(max-width:820px){
  .home-header .header-inner{align-items:flex-start}
  .account-area{justify-content:flex-start}
  .account-note{width:100%;margin-right:0}
  .tour-main-panels{grid-template-columns:1fr}
  .home-panel-link{max-width:410px;width:100%;justify-self:center}
}
@media(max-width:560px){
  .signature-name{white-space:normal;text-align:center}
  .home-signature{align-items:center;text-align:center}
  .account-btn{font-size:.64rem;padding:0 12px}
}


/* Revision 5 — only the requested homepage changes: member-entry window, panels lower, handwritten signature */
.home-header .header-inner{justify-content:flex-start}
.home-intro{padding-bottom:28px}
.member-entry{width:min(470px,92vw);margin:34px auto 0}
.member-entry-inner{position:relative;padding:27px 28px 24px;border:1px solid rgba(224,191,116,.42);border-radius:14px;background:linear-gradient(180deg,rgba(8,10,14,.94),rgba(3,5,8,.90));box-shadow:0 18px 50px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025);text-align:center}
.member-entry-inner::before{content:"";position:absolute;left:13%;right:13%;top:0;height:1px;background:linear-gradient(90deg,transparent,#e4c576,transparent)}
.member-entry-kicker{display:block;margin-bottom:7px;color:#b99a60;font:italic .76rem/1.2 Georgia,"Times New Roman",serif;letter-spacing:.14em;text-transform:uppercase}
.member-entry strong{display:block;color:#ebcd83;font:400 clamp(1.2rem,2vw,1.55rem)/1.25 Georgia,"Times New Roman",serif;letter-spacing:.035em}
.member-entry p{max-width:360px;margin:9px auto 18px;color:#b49b70;font:italic .88rem/1.5 Georgia,"Times New Roman",serif}
.member-entry-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.member-entry .account-btn{min-width:132px}
.look-around{display:inline-block;margin-top:18px;color:#c9aa69;text-decoration:none;font:italic .78rem/1 Georgia,"Times New Roman",serif;letter-spacing:.06em}
.look-around span{display:inline-block;margin-left:4px;font-size:1.15em;transform:translateY(1px)}
.look-around:hover,.look-around:focus-visible{color:#f0d690;outline:none}
.home-showcase{padding:24px 0 62px}
.exact-panel-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.exact-panel-row .home-panel-link{display:block;width:100%;max-width:none;border-radius:16px;overflow:hidden;background:rgba(3,5,8,.48)}
.exact-panel-row .home-panel-link img{display:block;width:100%;height:auto;object-fit:contain}
.home-signature{align-items:flex-end;text-align:right}
.signature-name{position:relative;display:inline-block;color:#ddb968;font-family:"Segoe Script","Brush Script MT","Lucida Handwriting","URW Chancery L",cursive;font-size:clamp(2rem,3.4vw,3.35rem);font-weight:400;font-style:italic;letter-spacing:-.035em;line-height:1.05;white-space:nowrap;text-transform:none;text-shadow:0 1px 0 #614018,0 4px 11px rgba(0,0,0,.74);transform:rotate(-2deg);transform-origin:right center}
.signature-name::after{content:"";display:block;width:92%;height:1px;margin:-2px 0 0 auto;background:linear-gradient(90deg,transparent,rgba(221,185,104,.88) 18%,rgba(221,185,104,.38) 82%,transparent);transform:skewX(-24deg)}
.signature-paw,.home-signature small{display:none!important}
@media(max-width:1100px){.exact-panel-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.exact-panel-row{grid-template-columns:1fr}.member-entry-inner{padding:24px 18px}.signature-name{white-space:normal;text-align:center}.home-signature{align-items:center;text-align:center}}


/* Revision 6 — real-looking homepage login box + create-account page link */
.member-entry{width:min(430px,92vw);margin:32px auto 0}
.member-entry-inner{padding:28px 30px 26px;border-radius:10px;text-align:left}
.member-entry-kicker{text-align:center;margin-bottom:6px}
.member-entry strong{text-align:center;margin-bottom:18px}
.login-form{display:grid;gap:8px}
.login-form label{color:#d6ba78;font:600 .72rem/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.login-form input{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(220,184,105,.32);border-radius:6px;background:rgba(0,0,0,.5);color:#f4eee0;font:400 .96rem/1 "Segoe UI",Arial,sans-serif;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.login-form input::placeholder{color:#746c60}
.login-form input:focus{border-color:#d9b968;box-shadow:0 0 0 3px rgba(217,185,104,.09)}
.login-enter{margin-top:12px;min-height:46px;border:1px solid rgba(229,196,116,.58);border-radius:6px;background:linear-gradient(180deg,rgba(196,148,62,.28),rgba(73,48,17,.38));color:#f1d58c;font:700 .78rem/1 "Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.login-enter:hover,.login-enter:focus-visible{outline:none;border-color:#f0d690;color:#fff0bc;box-shadow:0 0 0 3px rgba(201,165,87,.08)}
.create-account-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px;color:#9e8d70;font:italic .82rem/1.4 Georgia,"Times New Roman",serif}
.create-account-link{color:#e4c678;font-style:normal;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(228,198,120,.35)}
.create-account-link:hover,.create-account-link:focus-visible{color:#fff0bc;outline:none;border-color:#fff0bc}
.login-preview-note{margin:16px auto 0!important;max-width:340px!important;text-align:center;color:#8f8067!important;font-size:.76rem!important;line-height:1.45!important}
.home-showcase{padding-top:18px}
@media(max-width:560px){.member-entry-inner{padding:24px 18px}.create-account-row{gap:5px}}


/* Revision 7 — only two requested fixes: panel alignment + true handwritten signature artwork */
.exact-panel-row{align-items:stretch}
.exact-panel-row .home-panel-link{aspect-ratio:.765;display:block;height:auto}
.exact-panel-row .home-panel-link img{display:block;width:100%;height:100%;object-fit:fill}
.home-signature{display:flex;align-items:flex-end;justify-content:flex-end;text-align:right}
.signature-name{display:none!important}
.signature-art{display:block;width:min(520px,100%);aspect-ratio:6.2/1;overflow:hidden}
.signature-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;mix-blend-mode:screen;filter:contrast(1.35) brightness(1.02) saturate(1.05)}
@media(max-width:620px){.signature-art{width:min(430px,100%)}}


/* Revision 8 — approved homepage composition and unified page identity */
.centered-menu{justify-content:center!important}.main-nav{justify-content:center}
.home-intro{padding:34px 0 22px}.approved-home-layout{padding-top:4px}
.home-ribbon-logo{display:block;width:min(760px,82vw);height:auto;margin:0 auto 8px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 15px 30px rgba(0,0,0,.46));-webkit-mask-image:radial-gradient(ellipse 78% 68% at center,#000 58%,rgba(0,0,0,.94) 72%,transparent 100%);mask-image:radial-gradient(ellipse 78% 68% at center,#000 58%,rgba(0,0,0,.94) 72%,transparent 100%)}
.member-entry{margin-top:-34px;position:relative;z-index:2}.look-around{margin-top:12px;font-size:.95rem}.look-around span{display:block;margin:7px 0 0;font-size:1.7rem}
.approved-panel-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px}.approved-panel-row .home-panel-link{aspect-ratio:407/516;background:transparent;display:flex;align-items:flex-start;justify-content:center;overflow:visible}.approved-panel-row .home-panel-link img{height:100%;width:100%;object-fit:contain!important;object-position:center top}
.signature-art{aspect-ratio:2161/353!important;width:min(500px,100%)!important;background:transparent}.signature-art img{object-fit:contain!important;mix-blend-mode:screen!important;filter:saturate(1.05) contrast(1.2)!important}
.page-ribbon-heading{position:relative;width:min(780px,92vw);margin:0 auto 26px;padding:19px 34px 22px;text-align:center;border:1px solid rgba(230,190,102,.58);border-radius:50% 50% 18% 18% / 28% 28% 16% 16%;background:linear-gradient(180deg,rgba(75,45,18,.93),rgba(21,13,8,.92));box-shadow:inset 0 2px 0 rgba(255,231,167,.25),inset 0 -3px 0 rgba(78,44,13,.7),0 12px 28px rgba(0,0,0,.52);transform:perspective(600px) rotateX(2deg)}
.page-ribbon-heading::before,.page-ribbon-heading::after{content:"";position:absolute;top:28%;width:42px;height:52%;background:linear-gradient(180deg,#b97d2e,#5e3514);border:1px solid rgba(230,190,102,.48);z-index:-1}.page-ribbon-heading::before{left:-29px;transform:skewY(-15deg)}.page-ribbon-heading::after{right:-29px;transform:skewY(15deg)}
.page-ribbon-heading span{display:block;color:#e9c77a;font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;font-size:clamp(1.35rem,2.5vw,2.25rem);font-style:italic;line-height:1.05;text-shadow:0 2px 0 #6d421b,0 6px 15px rgba(0,0,0,.72)}
.page-ribbon-heading strong{display:block;margin-top:2px;background:linear-gradient(180deg,#fff0bd 0%,#e0b65e 43%,#976126 68%,#f2d48a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;font-size:clamp(2.5rem,5.5vw,5.4rem);font-weight:600;line-height:.92;letter-spacing:-.025em;text-shadow:0 2px 0 rgba(81,46,16,.46),0 8px 20px rgba(0,0,0,.5)}
.subpage-ribbon-band{padding:44px 0 0}.resource-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.book-card .btn+.btn{margin-top:8px}.about-purpose{margin-top:20px;text-align:center}.about-purpose p{max-width:850px;margin:0 auto}.about-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.approved-panel-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ribbon-logo{width:min(720px,94vw)}.member-entry{margin-top:-18px}.resource-cards,.about-cards{grid-template-columns:1fr}}
@media(max-width:620px){.main-nav{gap:2px}.main-nav a{padding:9px 8px;font-size:.65rem}.approved-panel-row{grid-template-columns:1fr}.page-ribbon-heading::before,.page-ribbon-heading::after{display:none}.home-ribbon-logo{width:100%}.member-entry{margin-top:-5px}}


/* Revision 9 — blend the approved ribbon into the site background; signature only, no bars */
.home-ribbon-logo{
  display:block;
  width:min(820px,88vw);
  height:auto;
  margin:0 auto 10px;
  object-fit:contain;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.48));
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background:transparent!important;
}
.signature-art{
  display:block;
  width:min(500px,100%)!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
}
.signature-art img{
  display:block;
  width:100%;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.45)) saturate(1.04)!important;
  background:transparent!important;
}
@media(max-width:1000px){.home-ribbon-logo{width:min(760px,94vw)}}
@media(max-width:620px){.home-ribbon-logo{width:100%}.signature-art{width:min(430px,100%)!important}}

/* ================================================================
   REVISION 10 — unified formal / glamorous Sanderson Payless system
   No ribbon backgrounds: all masthead lettering sits on site wallpaper.
   ================================================================ */
body{background-position:center top;background-size:cover;background-attachment:fixed}
.site-header{background:rgba(2,4,7,.82);border-bottom:1px solid rgba(224,191,116,.28)}
.site-header .header-inner{min-height:62px}
.brand-lockup{gap:8px}
.brand-main{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.08em;color:#e2bf72}
.brand-sub{color:#ad9568}
.nav a{font-family:Georgia,"Times New Roman",serif;font-weight:500;text-transform:none;font-size:.88rem;letter-spacing:.035em;padding:10px 12px}
.nav a.active{color:#f2d690;background:rgba(201,165,87,.085)}

.brand-stage{padding:24px 0 0;background:transparent!important}
.brand-stage-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.brand-svg{display:block;width:min(1040px,96vw);height:auto;overflow:visible}
.brand-svg-home{width:min(1120px,97vw)}
.brand-prelude-svg{font-family:Georgia,"Times New Roman",serif;font-size:35px;font-style:italic;letter-spacing:.02em;paint-order:stroke fill;stroke:#6b431d;stroke-width:.8px}
.brand-name-svg{font-family:Georgia,"Times New Roman",serif;font-size:92px;font-weight:700;font-style:italic;letter-spacing:-.035em;paint-order:stroke fill;stroke:#6a3a14;stroke-width:2.2px}
.brand-section-svg{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:600;letter-spacing:.28em;paint-order:stroke fill;stroke:#624018;stroke-width:1px}
.brand-section-page{font-size:74px;font-style:italic;font-weight:700;letter-spacing:.015em;stroke-width:1.8px}
.masthead-subtitle{margin:-4px auto 0;color:#d3ad69;font:italic clamp(1rem,1.8vw,1.35rem)/1.4 Georgia,"Times New Roman",serif;letter-spacing:.04em;text-shadow:0 3px 12px rgba(0,0,0,.85)}
.page-intro{padding:6px 0 18px}
.page-intro p{max-width:860px;margin:0 auto;text-align:center;color:#c6a56e;font:italic 1rem/1.7 Georgia,"Times New Roman",serif}

.member-zone{padding:4px 0 18px;text-align:center}
.member-entry{width:min(430px,92vw);margin:0 auto}
.member-entry-inner{border-color:rgba(230,192,106,.48);box-shadow:0 20px 60px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.025)}
.login-links{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font:italic .82rem/1.3 Georgia,"Times New Roman",serif}
.login-links a{color:#d9b86d;text-decoration:none}
.login-links a:hover{color:#ffe7a1}
.look-around{margin-top:15px;font-size:.92rem}

.home-showcase{padding:14px 0 44px}
.exact-panel-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.exact-panel-row .home-panel-link{display:flex;align-items:flex-start;justify-content:center;width:100%;aspect-ratio:407/516;overflow:visible;background:transparent;border-radius:14px;transition:transform .22s ease,filter .22s ease}
.exact-panel-row .home-panel-link img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.exact-panel-row .home-panel-link:hover{transform:translateY(-5px);filter:brightness(1.07) drop-shadow(0 12px 20px rgba(0,0,0,.45))}

.home-closing{padding:10px 0 26px}
.home-closing-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:26px;align-items:end}
.home-scripture{margin:0;color:#d6b36b;font:italic 1rem/1.45 Georgia,"Times New Roman",serif}
.home-scripture p{margin:0}.home-scripture cite{display:block;margin-top:5px;color:#b99a61}
.home-mission{text-align:center;color:#d8b66f;font-family:Georgia,"Times New Roman",serif}
.home-mission strong{display:block;font-size:1.22rem;font-weight:500;letter-spacing:.17em}.home-mission span{display:block;font-size:.82rem;letter-spacing:.25em;text-transform:uppercase}
.home-signature{display:flex;justify-content:flex-end;align-items:flex-end;min-width:0}
.home-signature img{display:block;width:min(440px,100%);height:auto;background:transparent!important;mix-blend-mode:normal!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}
.home-copyright{text-align:center;margin-top:14px;color:#9f875e;font-size:.72rem;letter-spacing:.035em}

.section{padding:34px 0 62px}
.section-head h2{color:#e0bc70;font-weight:500}
.card{border-color:rgba(225,188,102,.29);background:linear-gradient(180deg,rgba(5,8,13,.91),rgba(3,5,9,.79));box-shadow:0 18px 44px rgba(0,0,0,.42)}
.card h3{color:#e1bd72}.card p{color:#c5b59a}
.btn{border-color:rgba(224,187,99,.54);background:linear-gradient(180deg,rgba(192,139,45,.18),rgba(35,24,10,.34));color:#e8cc87}
.btn.secondary{border-color:rgba(200,174,117,.34);background:rgba(10,10,10,.3)}

.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.book-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 14px}
.book-card h3{min-height:3em;display:flex;align-items:center;justify-content:center;margin:0 0 10px;font-size:1.02rem}
.book-card .series-subtitle{margin:-2px 0 12px;color:#c9a96d;font:italic .83rem/1.4 Georgia,"Times New Roman",serif}
.book-actions{display:grid;gap:8px;width:100%;margin-top:auto}.book-actions .btn{width:100%}
.resource-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}

.music-page::before{content:"♪   ♫   ♬   ♪   ♫   ♬";opacity:.8}
.music-deck{border-color:rgba(227,190,102,.34);background:linear-gradient(180deg,rgba(6,9,14,.94),rgba(2,4,8,.9))}
.screen-kicker{color:#bb9a61!important;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;margin-bottom:5px}
.deck-screen strong{color:#e1bd72}.dial{color:#ddbd77}
.track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.track strong{color:#e9d8b1}.track span{color:#a49069}

.membership-overview{padding-top:18px}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto 24px}
.price{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.price strong{color:#f0d28b;font:500 clamp(2.2rem,5vw,4rem)/1 Georgia,"Times New Roman",serif}.price small{color:#bba274;min-height:2.7em}.price .btn{margin-top:8px}.price.featured{box-shadow:0 22px 60px rgba(0,0,0,.5),0 0 0 1px rgba(229,192,104,.12)}
.membership-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.join-section{padding-top:10px}.join-form{width:min(820px,94vw);margin:0 auto;padding:30px;border:1px solid rgba(228,191,104,.38);border-radius:18px;background:linear-gradient(180deg,rgba(6,9,14,.94),rgba(2,4,8,.9));box-shadow:0 24px 70px rgba(0,0,0,.5)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px;color:#d0ad68;font:600 .72rem/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}.form-grid label span{font-weight:400;text-transform:none;letter-spacing:0;color:#8e7c5d}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select{min-height:46px;width:100%;padding:0 12px;border:1px solid rgba(220,184,105,.32);border-radius:7px;background:rgba(0,0,0,.45);color:#f4eee0;font:400 .95rem/1 "Segoe UI",Arial,sans-serif;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#d9b968;box-shadow:0 0 0 3px rgba(217,185,104,.09)}.join-submit{display:block;width:min(320px,100%);margin:22px auto 0}.form-back{display:block;margin:14px auto 0;text-align:center;color:#c5a661;text-decoration:none;font:italic .86rem/1.4 Georgia,"Times New Roman",serif}

.cinema-section{padding-top:18px}.cinema-theater{position:relative;max-width:980px;height:min(48vw,500px);min-height:300px;margin:0 auto;border:2px solid rgba(229,191,98,.62);border-radius:18px;background:#050608;box-shadow:0 26px 70px rgba(0,0,0,.6);overflow:hidden}.cinema-screen-new{position:absolute;inset:7% 13% 15%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.25)),url("images/cosmic_subpage_background.webp") center/cover no-repeat;border:1px solid rgba(224,188,101,.36);box-shadow:inset 0 0 45px rgba(0,0,0,.55)}.cinema-screen-new span{color:#d4af68;font:500 clamp(1.3rem,3vw,2.4rem)/1.2 Georgia,"Times New Roman",serif;letter-spacing:.16em;text-transform:uppercase}.cinema-screen-new strong{margin-top:10px;color:#f0d189;font:500 clamp(1.3rem,3vw,2.2rem)/1.2 Georgia,"Times New Roman",serif;letter-spacing:.11em;text-transform:uppercase}.cinema-curtain{position:absolute;top:0;bottom:0;width:15%;z-index:3;background:linear-gradient(90deg,#170202,#6a0b10 42%,#220204 78%,#090101);box-shadow:inset -12px 0 20px rgba(0,0,0,.7)}.cinema-curtain.left{left:0}.cinema-curtain.right{right:0;transform:scaleX(-1)}.cinema-lead{max-width:850px;margin:22px auto 0;text-align:center;color:#c8aa72;font:italic 1rem/1.6 Georgia,"Times New Roman",serif}.cinema-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.cinema-categories .card{text-align:center}.cinema-icon{display:block;margin-bottom:6px;color:#e5bd6a;font-size:2rem}.coming-badge{width:max-content;max-width:100%;margin:28px auto 0;padding:10px 22px;border:1px solid rgba(229,191,98,.48);border-radius:999px;color:#e3c075;background:rgba(0,0,0,.3);font:italic 1rem/1.2 Georgia,"Times New Roman",serif}

.about-purpose{margin-top:20px;text-align:center}
.signup-form{margin-top:0}

@media(max-width:1120px){.exact-panel-row{grid-template-columns:repeat(2,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.site-header .header-inner{align-items:flex-start}.nav{justify-content:flex-start}.brand-lockup{width:100%}.brand-prelude-svg{font-size:30px}.brand-name-svg{font-size:82px}.brand-section-page{font-size:66px}.home-closing-grid{grid-template-columns:1fr;text-align:center}.home-scripture{text-align:center}.home-signature{justify-content:center}.membership-benefits,.cinema-categories{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-stage{padding-top:12px}.brand-prelude-svg{font-size:28px}.brand-name-svg{font-size:76px}.brand-section-svg{font-size:28px}.brand-section-page{font-size:62px}.exact-panel-row,.book-grid,.track-grid,.price-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.join-form{padding:24px 18px}.cinema-theater{height:330px}.cinema-screen-new{inset:8% 15% 17%}.member-entry-inner{padding:24px 18px}}


/* Revision 11 — standardized heading system only. Existing menus and page content are unchanged. */
.brand-stage{padding:18px 0 0!important;background:transparent!important;overflow:visible}
.brand-stage-inner{overflow:visible}
.brand-svg{display:block;width:min(1120px,97vw)!important;height:auto;overflow:visible}
.brand-svg-home{width:min(1160px,98vw)!important}
.brand-prelude-svg{font-family:Georgia,"Times New Roman",serif;font-size:31px!important;font-weight:500;font-style:italic;letter-spacing:.018em;paint-order:stroke fill;stroke:#6c3c16;stroke-width:.8px}
.brand-name-svg{font-family:Georgia,"Times New Roman",serif;font-size:94px!important;font-weight:700;font-style:italic;letter-spacing:-.025em;paint-order:stroke fill;stroke:#5c2b0c;stroke-width:2px}
.brand-section-svg,.brand-section-page{font-family:Georgia,"Times New Roman",serif;font-size:38px!important;font-weight:600!important;font-style:normal;letter-spacing:.24em;paint-order:stroke fill;stroke:#5d3514;stroke-width:1px}
.masthead-subtitle{margin:-3px auto 0!important}
@media(max-width:820px){.brand-prelude-svg{font-size:29px!important}.brand-name-svg{font-size:90px!important}.brand-section-svg,.brand-section-page{font-size:36px!important}}
@media(max-width:560px){.brand-stage{padding-top:10px!important}.brand-prelude-svg{font-size:27px!important}.brand-name-svg{font-size:86px!important}.brand-section-svg,.brand-section-page{font-size:34px!important}}


/* Revision 12 — heading correction only: exact centered curved identity, no clipping. */
.brand-stage{padding:14px 0 0!important;background:transparent!important;overflow:visible!important}
.brand-stage-inner{overflow:visible!important;text-align:center}
.brand-svg{display:block;width:min(1180px,98vw)!important;height:auto!important;margin:0 auto;overflow:visible!important}
.brand-svg-home{width:min(1200px,98vw)!important}
.brand-prelude-svg{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;
  font-weight:500!important;
  font-style:italic!important;
  letter-spacing:.015em!important;
  paint-order:stroke fill!important;
  stroke:#6b3813!important;
  stroke-width:.55px!important;
}
.brand-name-svg{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:112px!important;
  font-weight:700!important;
  font-style:italic!important;
  letter-spacing:-.035em!important;
  paint-order:stroke fill!important;
  stroke:#572505!important;
  stroke-width:1.8px!important;
}
.brand-section-svg,.brand-section-page{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:41px!important;
  font-weight:600!important;
  font-style:normal!important;
  letter-spacing:.24em!important;
  paint-order:stroke fill!important;
  stroke:#5d3210!important;
  stroke-width:.8px!important;
}
.brand-glow-arc{stroke:#d79838;stroke-width:2;opacity:.52;filter:drop-shadow(0 0 7px rgba(255,190,70,.38))}
.brand-bottom-line{stroke:#d5a04a;stroke-width:1.3;opacity:.62}
.brand-star{fill:#efc96e;filter:drop-shadow(0 0 6px rgba(255,194,67,.65))}
.masthead-subtitle{margin:-2px auto 0!important}
@media(max-width:820px){
  .brand-prelude-svg{font-size:32px!important}
  .brand-name-svg{font-size:105px!important}
  .brand-section-svg,.brand-section-page{font-size:38px!important}
}
@media(max-width:560px){
  .brand-stage{padding-top:8px!important}
  .brand-prelude-svg{font-size:29px!important}
  .brand-name-svg{font-size:96px!important}
  .brand-section-svg,.brand-section-page{font-size:34px!important;letter-spacing:.18em!important}
}


/* Revision 13 — LOCKED approved heading artwork. Do not restyle or recreate. */
.approved-heading-stage{padding:10px 0 14px;background:transparent;overflow:visible}
.approved-heading-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}
.approved-home-heading{display:block;width:min(1420px,97vw);height:auto;object-fit:contain;filter:none}
.page-approved-stage{padding-top:12px;padding-bottom:18px}
.approved-brand-heading{display:block;width:min(1180px,92vw);height:auto;object-fit:contain;margin:0 auto -6px;filter:none}
.approved-page-word{display:block;height:auto;object-fit:contain;margin:0 auto;filter:drop-shadow(0 7px 8px rgba(0,0,0,.72))}
.approved-page-word-books{width:min(360px,50vw)}
.approved-page-word-music{width:min(360px,50vw)}
.approved-page-word-membership{width:min(650px,70vw)}
.approved-page-word-cinema{width:min(420px,55vw)}
.approved-page-word-about{width:min(430px,55vw)}
/* Neutralize old SVG/title rules without touching navigation, panels, forms or page content. */
.approved-heading-stage .brand-svg{display:none!important}
@media(max-width:760px){
  .approved-home-heading{width:100vw}
  .approved-brand-heading{width:100vw;margin-bottom:0}
  .approved-page-word-books,.approved-page-word-music{width:min(300px,62vw)}
  .approved-page-word-membership{width:min(520px,82vw)}
  .approved-page-word-cinema,.approved-page-word-about{width:min(360px,70vw)}
}


/* Upload-ready media cards: artwork + one-minute preview. */
.track{display:flex;align-items:center;gap:12px;min-height:86px;padding:10px 12px;overflow:hidden}
.track-art{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:50%;border:1px solid rgba(240,214,144,.32);box-shadow:0 7px 18px rgba(0,0,0,.46)}
.track-copy{display:block;min-width:0}.track-copy strong{overflow-wrap:anywhere}.track-copy>span{display:block;margin-top:5px}
@media(max-width:560px){.track-art{width:72px;height:72px;flex-basis:72px}}


/* ================================================================
   REVISION 14 — Books cleanup, front-door account, global nav,
   futuristic Scorpion-style music behavior, contact/about updates.
   ================================================================ */
.nav{row-gap:5px}.nav a{white-space:nowrap}
.text-page-title{margin:5px 0 8px;color:#e5bf70;font:500 clamp(2.1rem,5vw,4.8rem)/1 Georgia,"Times New Roman",serif;text-shadow:0 8px 25px rgba(0,0,0,.62)}
.omni-library{padding-top:12px}.omni-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.omni-card .book-cover{aspect-ratio:2/3;object-fit:cover}.omni-card .tag{display:inline-block;margin-top:12px}.omni-card h3{min-height:2.6em}
.about-story{display:grid;gap:20px}.about-long{max-width:1050px;margin:0 auto;padding:clamp(26px,4vw,46px)}.about-long h2{color:var(--gold-light);font:500 clamp(1.9rem,4vw,3.1rem)/1.15 Georgia,serif}.about-long p{font-size:1.04rem;line-height:1.8;color:#ddd4c5}.about-philosophy{text-align:center}
.contact-card,.account-panel,.coming-soon-account,.membership-ready{width:min(860px,94vw);margin:0 auto;padding:clamp(28px,5vw,52px);text-align:center}.contact-card h2,.account-panel h2,.coming-soon-account h2{color:var(--gold-light);font:500 clamp(1.8rem,4vw,3rem)/1.2 Georgia,serif}.contact-email{display:inline-block;margin:14px auto 20px;color:var(--gold-light);font:500 clamp(1.1rem,3vw,1.65rem)/1.3 Georgia,serif;text-decoration:none;border-bottom:1px solid rgba(240,214,144,.38)}.contact-note{color:var(--muted);font-size:.88rem}.coming-actions,.account-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.remember-line{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;font-size:.82rem;color:var(--muted)}.remember-line input{width:auto!important}.login-error{padding:10px 12px;border:1px solid rgba(212,110,89,.48);border-radius:8px;background:rgba(114,35,26,.18);color:#ffd2c6}.owner-stats{margin-top:28px;padding-top:24px;border-top:1px solid rgba(240,214,144,.18)}.owner-stats h3{color:var(--gold-light)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin:0 auto}.stat-grid>div{padding:18px;border:1px solid rgba(118,199,233,.2);border-radius:12px;background:rgba(2,7,12,.55)}.stat-grid strong{display:block;color:#d9c17f;font-size:1.8rem}.stat-grid span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.membership-ready{margin-top:24px}
.futuristic-deck{overflow:hidden;border-color:rgba(116,210,239,.28)!important;box-shadow:0 25px 75px rgba(0,0,0,.62),inset 0 0 0 1px rgba(227,190,102,.08),0 0 34px rgba(65,168,202,.08)!important}.futuristic-deck::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.6%,rgba(92,207,238,.035) 50%,transparent 50.4%),linear-gradient(0deg,transparent 0 49.6%,rgba(92,207,238,.025) 50%,transparent 50.4%);background-size:42px 42px;opacity:.7}.futuristic-deck::after{content:"";position:absolute;left:4%;right:4%;top:6px;height:1px;background:linear-gradient(90deg,transparent,#75d5ee,#d9b86a,#75d5ee,transparent);box-shadow:0 0 14px rgba(117,213,238,.5);opacity:.55}.deck-top,.preview-line,.track-grid,.track-note{position:relative;z-index:2}.deck-screen{position:relative;overflow:hidden;border-color:rgba(104,211,238,.42)!important;background:radial-gradient(circle at 50% 50%,rgba(30,108,137,.21),rgba(2,8,13,.88) 72%)!important;box-shadow:inset 0 0 38px rgba(0,0,0,.88),0 0 18px rgba(81,185,215,.09)!important}.deck-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(97,220,247,.025) 4px)}.dial{position:relative;width:130px!important;border-color:rgba(118,211,236,.4)!important;box-shadow:inset 0 0 25px #000,0 0 0 5px rgba(201,165,87,.05),0 0 0 9px rgba(99,203,232,.035),0 0 24px rgba(99,203,232,.12)!important}.dial::before,.dial::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.dial::before{inset:10px;border:1px dashed rgba(221,189,119,.22)}.dial::after{inset:22px;border:1px solid rgba(100,210,239,.18)}#dialTime{position:relative;z-index:3;color:#f0d690;font:600 1.15rem/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:.05em;text-shadow:0 0 12px rgba(118,199,233,.3)}
.track{position:relative}.track-art{transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-mask-image:radial-gradient(circle at center,transparent 0 5%,#000 6%);mask-image:radial-gradient(circle at center,transparent 0 5%,#000 6%)}.track.is-playing .track-art{animation:spDiscSpin 3.2s linear infinite;box-shadow:0 0 0 2px rgba(118,199,233,.22),0 0 22px rgba(118,199,233,.23)}.track.is-playing::after{content:"PLAY";position:absolute;right:8px;top:8px;color:#8edff1;font-size:.55rem;letter-spacing:.14em;text-shadow:0 0 9px rgba(118,199,233,.6)}@keyframes spDiscSpin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.omni-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nav a{padding:9px 9px;font-size:.78rem}}@media(max-width:900px){.omni-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:1fr}}@media(max-width:620px){.omni-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:1px}.nav a{font-size:.7rem;padding:8px 7px}}@media(max-width:420px){.omni-grid{grid-template-columns:1fr}}

/* Revision 15 — Sanderson Payless Cinema Theater */
.cinema-public-gate,.cinema-lobby-section{padding-top:12px}
.cinema-gate-card,.cinema-marquee{width:min(980px,94vw);margin:0 auto;border:1px solid rgba(229,191,98,.46);border-radius:24px;background:linear-gradient(180deg,rgba(7,9,13,.95),rgba(2,3,6,.92));box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,226,151,.04);text-align:center;overflow:hidden;position:relative}
.cinema-gate-card{padding:clamp(28px,5vw,54px)}
.cinema-gate-card::before,.cinema-marquee::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#efd28c,transparent)}
.cinema-gate-card h1,.cinema-marquee h1{margin:0;color:var(--gold-light);font:500 clamp(2rem,4vw,3.5rem)/1.1 Georgia,"Times New Roman",serif;letter-spacing:.08em}
.cinema-gate-card p{max-width:760px;margin:16px auto 0;color:#d4c19b;font:italic clamp(1rem,1.7vw,1.2rem)/1.65 Georgia,"Times New Roman",serif}
.cinema-gate-era{display:inline-block;margin-top:18px;padding:8px 16px;border:1px solid rgba(229,191,98,.32);border-radius:999px;color:#e7c878;background:rgba(201,165,87,.06);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.cinema-gate-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}

.cinema-marquee{padding:0 0 28px}
.cinema-marquee-top{padding:24px 24px 18px;background:linear-gradient(180deg,rgba(70,12,14,.32),rgba(4,5,8,.1));border-bottom:1px solid rgba(229,191,98,.19)}
.cinema-marquee-kicker{display:block;color:#e5bd6a;font:700 .76rem/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.cinema-feature-board{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,1.35fr);gap:28px;align-items:center;padding:30px 34px 8px;text-align:left}
.cinema-feature-poster{position:relative;aspect-ratio:16/10;border:8px solid #121317;border-radius:12px;background:#050608;box-shadow:0 16px 45px rgba(0,0,0,.6),0 0 0 1px rgba(229,191,98,.28);overflow:hidden}
.cinema-feature-poster img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.78)}
.cinema-feature-poster::after{content:"NOW SHOWING";position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92));color:#f3d58d;text-align:center;font:700 .72rem/1 "Segoe UI",Arial,sans-serif;letter-spacing:.18em}
.cinema-feature-copy h2{margin:0;color:#f3e8ce;font:500 clamp(1.8rem,3vw,3rem)/1.08 Georgia,"Times New Roman",serif}
.cinema-feature-meta{margin:10px 0 0;color:#d7b56c;font:600 .82rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.cinema-feature-copy p{margin:15px 0 0;color:#c9c3b8;max-width:620px}
.cinema-showtime{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 14px;border-radius:999px;border:1px solid rgba(229,191,98,.34);background:rgba(201,165,87,.07);color:#f0d690;font-weight:700}
.cinema-showtime::before{content:"●";font-size:.7rem;text-shadow:0 0 8px currentColor}
.cinema-enter-button{margin-top:20px;min-width:230px}
.cinema-source-note{margin:18px 34px 0;color:#8f959d;font-size:.78rem;text-align:center}

.cinema-experience[hidden]{display:none!important}
.cinema-experience{position:fixed;inset:0;z-index:10000;background:#000;color:#fff;opacity:0;transition:opacity .28s ease;overflow:hidden}
.cinema-experience.is-active{opacity:1}
.cinema-doorway{position:absolute;inset:0;z-index:30;background:#000;overflow:hidden;pointer-events:none}
.cinema-door{position:absolute;top:0;bottom:0;width:50.2%;background-image:url("images/curtain-entrance.webp");background-repeat:no-repeat;background-size:200% 100%;transition:transform 1.9s cubic-bezier(.67,.01,.28,1);will-change:transform;box-shadow:0 0 80px rgba(0,0,0,.9)}
.cinema-door.left{left:0;background-position:left center;border-right:1px solid rgba(233,188,87,.28)}
.cinema-door.right{right:0;background-position:right center;border-left:1px solid rgba(233,188,87,.28)}
.cinema-experience.doors-open .cinema-door.left{transform:translateX(-100%)}
.cinema-experience.doors-open .cinema-door.right{transform:translateX(100%)}
.cinema-experience.doors-open .cinema-doorway{background:transparent}
.cinema-room{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(ellipse at 50% 12%,rgba(242,203,113,.42),rgba(66,38,22,.2) 28%,rgba(7,6,7,.98) 74%),linear-gradient(180deg,#241a16 0%,#0a090b 64%,#030304 100%);opacity:0;transform:scale(1.025);transition:opacity 1s ease,transform 1.4s ease,filter 4s ease;filter:brightness(1.32)}
.cinema-experience.theater-visible .cinema-room{opacity:1;transform:scale(1)}
.cinema-experience.lights-dim .cinema-room{filter:brightness(.56)}
.cinema-room::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,transparent 0 32%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.38) 100%);transition:background 4s ease}
.cinema-experience.lights-dim .cinema-room::before{background:radial-gradient(ellipse at 50% 27%,transparent 0 24%,rgba(0,0,0,.40) 52%,rgba(0,0,0,.78) 100%)}
.cinema-room-header{position:relative;z-index:6;width:100%;height:7vh;min-height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(36,13,10,.95),rgba(13,8,8,.4));border-bottom:1px solid rgba(230,191,102,.24);box-shadow:0 6px 24px rgba(0,0,0,.4)}
.cinema-room-title{color:#f2d58c;font:500 clamp(1rem,2vw,1.45rem)/1 Georgia,"Times New Roman",serif;letter-spacing:.16em;text-transform:uppercase}
.cinema-exit{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:8;border:1px solid rgba(235,207,143,.35);border-radius:999px;background:rgba(0,0,0,.42);color:#e9d7ad;padding:8px 13px;font:700 .67rem/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.cinema-exit:hover,.cinema-exit:focus-visible{outline:none;border-color:#f0d690;color:#fff4ce}
.cinema-wall-light{position:absolute;top:16%;width:11px;height:54px;z-index:3;border-radius:8px;background:linear-gradient(#f6d790,#8b5929);box-shadow:0 0 16px #f2c665,0 0 52px rgba(242,198,101,.68);transition:opacity 4s ease,box-shadow 4s ease}
.cinema-wall-light::after{content:"";position:absolute;left:50%;top:18px;width:120px;height:95px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,208,111,.32),transparent 68%);filter:blur(8px)}
.cinema-wall-light.left-one{left:3.5%}.cinema-wall-light.left-two{left:10.5%;top:34%}.cinema-wall-light.right-one{right:3.5%}.cinema-wall-light.right-two{right:10.5%;top:34%}
.cinema-experience.lights-dim .cinema-wall-light{opacity:.18;box-shadow:0 0 5px #b98037}
.cinema-stage{position:relative;z-index:6;width:min(1180px,88vw);margin-top:2vh;padding:0 3.2vw 2vh}
.cinema-stage::after{content:"";display:block;height:18px;margin:0 -3vw;border-radius:0 0 50% 50%;background:linear-gradient(180deg,#5f4430,#1b1310);box-shadow:0 10px 30px rgba(0,0,0,.7)}
.cinema-movie-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:10px solid #16171a;outline:1px solid rgba(235,205,137,.33);box-shadow:0 16px 55px rgba(0,0,0,.8),0 0 70px rgba(238,220,172,.16);overflow:hidden}
.cinema-movie-frame video{display:block;width:100%;height:100%;background:#000;object-fit:contain}
.cinema-movie-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;outline:0;background:#000}
.cinema-movie-frame:fullscreen video{width:100%;height:100%;object-fit:contain}
.cinema-controls{position:absolute;left:0;right:0;bottom:0;z-index:12;display:grid;grid-template-columns:auto minmax(110px,1fr) auto auto auto;align-items:center;gap:10px;padding:14px 16px 11px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9) 45%);opacity:.96;transition:opacity .25s ease}
.cinema-control-btn{min-width:40px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(12,13,16,.78);color:#f5e6be;cursor:pointer;font-weight:800}
.cinema-control-btn:hover,.cinema-control-btn:focus-visible{outline:none;border-color:#e7c575;color:#fff}
.cinema-progress,.cinema-volume{-webkit-appearance:none;appearance:none;height:5px;border-radius:999px;background:rgba(255,255,255,.28);accent-color:#d5ad59;cursor:pointer}
.cinema-volume{width:92px}
.cinema-time{font:600 .72rem/1 "Segoe UI",Arial,sans-serif;color:#eee3ca;white-space:nowrap}
.cinema-floor{position:absolute;left:0;right:0;bottom:0;height:39vh;z-index:2;background:linear-gradient(180deg,rgba(51,31,23,.15),rgba(5,4,5,.88)),repeating-linear-gradient(90deg,transparent 0 9.9%,rgba(202,160,83,.12) 10%,transparent 10.15%),linear-gradient(180deg,#251813,#070607);clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)}
.cinema-seating{position:absolute;left:50%;bottom:2.2vh;z-index:7;width:min(1120px,90vw);transform:translateX(-50%) perspective(900px) rotateX(10deg);transform-origin:center bottom;display:grid;gap:8px;pointer-events:none;transition:opacity 4s ease}
.cinema-experience.lights-dim .cinema-seating{opacity:.5}
.cinema-seat-row{display:flex;justify-content:center;gap:clamp(7px,1.2vw,16px)}
.cinema-seat{width:clamp(34px,5.4vw,68px);height:clamp(25px,4.2vw,50px);border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,#661218,#290609 70%,#120204);box-shadow:inset 0 2px 0 rgba(255,190,123,.16),0 8px 13px rgba(0,0,0,.62);border:1px solid rgba(193,126,67,.20)}
.cinema-seat-row:nth-child(2){transform:scale(.94)}.cinema-seat-row:nth-child(3){transform:scale(.88)}.cinema-seat-row:nth-child(4){transform:scale(.82)}
.cinema-loading-note{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:#c5aa70;font:italic 1rem/1.5 Georgia,"Times New Roman",serif;pointer-events:none}

@media(max-width:760px){
  .cinema-feature-board{grid-template-columns:1fr;padding:22px 18px 4px;text-align:center}
  .cinema-feature-poster{width:min(560px,100%);margin:0 auto}
  .cinema-feature-copy p{margin-left:auto;margin-right:auto}
  .cinema-stage{width:96vw;padding:0 1.2vw 1vh;margin-top:5vh}
  .cinema-movie-frame{border-width:5px}
  .cinema-controls{grid-template-columns:auto 1fr auto auto;gap:7px;padding:10px 8px 7px}
  .cinema-volume{display:none}.cinema-time{font-size:.63rem}
  .cinema-wall-light.left-two,.cinema-wall-light.right-two{display:none}
  .cinema-room-header{height:54px}.cinema-room-title{letter-spacing:.1em}
  .cinema-seating{bottom:1vh;gap:5px}
  .cinema-seat-row{gap:5px}
}

/* Revision 15 cinema final layout corrections */
body.cinema-open{overflow:hidden}
.cinema-movie-frame video{position:relative;z-index:1}
.cinema-loading-note{z-index:0}
.cinema-seating{z-index:5}
.cinema-controls{grid-template-columns:auto minmax(110px,1fr) auto auto auto auto}
@media(max-width:760px){
  .cinema-controls{grid-template-columns:auto minmax(80px,1fr) auto auto auto}
}

/* Revision 16 cinema auditorium upgrade */
.cinema-marquee-title{display:block;width:min(760px,88%);margin:4px auto 0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.cinema-gate-title{width:min(640px,84%);margin-top:8px}

.cinema-room{background:#000;filter:brightness(1.14)}
.cinema-room-header{height:84px;min-height:84px;background:linear-gradient(180deg,rgba(11,8,8,.82),rgba(4,3,3,.22));border-bottom:1px solid rgba(230,191,102,.18);box-shadow:none}
.cinema-room-title-art{display:block;width:min(420px,52vw);max-height:58px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.cinema-room-title{display:none}
.cinema-wall-light,.cinema-floor,.cinema-seating{display:none !important}
.cinema-auditorium-shell{position:relative;z-index:6;width:min(1640px,97vw);height:min(calc(97vw * 941 / 1672),calc(100vh - 110px));max-height:calc(100vh - 110px);margin:8px auto 0;display:flex;align-items:center;justify-content:center;filter:brightness(1.12)}
.cinema-auditorium-photo{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:filter 4s ease,opacity 1.2s ease}
.cinema-experience.lights-dim .cinema-auditorium-photo{filter:brightness(.54)}
.cinema-stage-screen-area{position:absolute;left:31.2%;top:9.35%;width:37.8%;height:28.6%;display:flex;align-items:stretch;justify-content:stretch}
.cinema-movie-frame{width:100%;height:100%;aspect-ratio:auto;border:0;outline:0;background:#000;box-shadow:none;border-radius:1px;overflow:hidden}
.cinema-movie-frame video{width:100%;height:100%;object-fit:cover;background:#000}
.cinema-loading-note{font:italic .95rem/1.4 Georgia,"Times New Roman",serif;color:#ccb07b;text-shadow:0 1px 8px rgba(0,0,0,.7);background:radial-gradient(circle,rgba(0,0,0,.28),transparent 68%)}
.cinema-controls{grid-template-columns:auto minmax(140px,1fr) auto auto auto auto;gap:10px;padding:16px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.94) 48%);opacity:1;transition:opacity .28s ease,transform .28s ease}
.cinema-experience.controls-hidden .cinema-controls{opacity:0;transform:translateY(12px);pointer-events:none}
.cinema-experience.controls-hidden .cinema-stage-screen-area{cursor:none}
.cinema-control-btn{border:1px solid rgba(255,255,255,.15);background:rgba(18,18,20,.76);backdrop-filter:blur(4px)}
.cinema-progress,.cinema-volume{height:6px}
.cinema-volume{width:96px}
.cinema-time{font-size:.75rem}
.cinema-source-note a{color:#d8bb79}

@media(max-width:1100px){
  .cinema-room-header{height:74px;min-height:74px}
  .cinema-room-title-art{width:min(360px,56vw);max-height:50px}
  .cinema-auditorium-shell{width:99vw;height:min(calc(99vw * 941 / 1672),calc(100vh - 98px));max-height:calc(100vh - 98px)}
  .cinema-stage-screen-area{left:31.05%;top:9.5%;width:38.1%;height:28.3%}
}
@media(max-width:760px){
  .cinema-marquee-title{width:min(520px,92%)}
  .cinema-room-header{height:64px;min-height:64px;padding:0 10px}
  .cinema-room-title-art{width:min(260px,58vw);max-height:36px}
  .cinema-exit{right:10px;padding:7px 10px;font-size:.6rem}
  .cinema-auditorium-shell{margin-top:4px;width:100vw;height:min(calc(100vw * 941 / 1672),calc(100vh - 82px));max-height:calc(100vh - 82px)}
  .cinema-stage-screen-area{left:30.85%;top:9.35%;width:38.45%;height:28.55%}
  .cinema-controls{grid-template-columns:auto 1fr auto auto auto;gap:6px;padding:10px 8px 8px}
  .cinema-volume{display:none}
  .cinema-time{font-size:.62rem}
}


/* Revision 17 — exact auditorium screen fit. Auditorium image itself is untouched. */
.cinema-stage-screen-area{left:30.75%;top:6.35%;width:38.50%;height:29.65%}
.cinema-movie-frame video{object-fit:contain!important;background:#000}
@media(max-width:1100px){.cinema-stage-screen-area{left:30.65%;top:6.30%;width:38.70%;height:29.70%}}
@media(max-width:760px){.cinema-stage-screen-area{left:30.55%;top:6.25%;width:38.90%;height:29.80%}}

/* Revision 19 — owner setup + Stripe membership */
.account-form-grid,.member-signup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.account-form-grid label,.member-signup-form label,.payment-setup-form label{display:grid;gap:7px;font-weight:700;color:#e5d5ad}
.account-form-grid input,.member-signup-form input[type=text],.member-signup-form input[type=email],.member-signup-form input[type=password],.payment-setup-form input{width:100%;padding:12px 13px;border-radius:9px;border:1px solid rgba(218,184,110,.38);background:rgba(5,8,14,.82);color:#fff;font:inherit}
.owner-setup-panel,.payment-setup-card,.signup-card{max-width:950px;margin:0 auto 22px}
.payment-setup-card{margin-top:22px}
.payment-setup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:16px}
.payment-setup-form .btn{min-height:46px}
.security-note{font-size:.9rem;opacity:.8;margin-top:12px}
.account-success{padding:11px 13px;border:1px solid rgba(142,205,150,.45);border-radius:9px;background:rgba(55,110,65,.18);color:#e7ffe9}
.plan-choice{grid-column:1/-1;border:1px solid rgba(218,184,110,.28);border-radius:10px;padding:14px;display:grid;gap:10px}
.plan-choice legend{padding:0 7px;font-weight:800;color:#e7c77f}
.plan-choice label,.terms-line{display:flex!important;align-items:flex-start;gap:9px!important;font-weight:500!important;color:#eee!important}
.plan-choice input,.terms-line input{width:auto!important;margin-top:4px}
.terms-line{grid-column:1/-1}
.member-signup-form>.btn{grid-column:1/-1;justify-self:start}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.checkout-plan-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.checkout-plan-actions form{margin:0}
.cancel-membership-form{margin-top:16px}
.cinema-section-label{margin:22px 0 12px;text-align:center;font-size:.92rem;letter-spacing:.24em;font-weight:900;color:#e5c16d;text-transform:uppercase}
.cinema-coming-label{margin-top:28px}
.cinema-coming-card{margin:0 auto 18px;max-width:800px;padding:20px;border:1px solid rgba(222,185,101,.3);border-radius:14px;background:linear-gradient(180deg,rgba(53,38,22,.48),rgba(11,10,12,.86));text-align:center}
.cinema-coming-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,2.2vw,2rem);margin:8px 0;color:#f1d692}
@media(max-width:760px){.account-form-grid,.member-signup-form{grid-template-columns:1fr}.payment-setup-form{grid-template-columns:1fr}.member-signup-form>.btn,.plan-choice,.terms-line{grid-column:1}}


/* R20 — subtle sci-fi stereo polish, CSS only: keeps all existing player controls and behavior intact. */
.futuristic-deck{clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.futuristic-deck .deck-top::before,.futuristic-deck .deck-top::after{content:"";position:absolute;top:-8px;width:74px;height:2px;background:linear-gradient(90deg,transparent,rgba(118,215,239,.72),rgba(231,200,121,.6));box-shadow:0 0 10px rgba(118,215,239,.34);pointer-events:none}
.futuristic-deck .deck-top::before{left:0}.futuristic-deck .deck-top::after{right:0;transform:scaleX(-1)}
.futuristic-deck .deck-screen{border-radius:4px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.futuristic-deck .preview-line{border-radius:4px;background:linear-gradient(90deg,rgba(4,10,15,.86),rgba(13,11,8,.82),rgba(4,10,15,.86))}

/* Revision 21 — Scorpion Player sci-fi skin. Visual-only upgrade; player IDs and audio behavior stay untouched. */
.music-page .futuristic-deck{
  isolation:isolate;
  border:1px solid rgba(113,219,245,.42)!important;
  border-radius:10px!important;
  background:
    linear-gradient(135deg,rgba(123,145,158,.10),transparent 22%,transparent 78%,rgba(214,179,96,.08)),
    linear-gradient(180deg,rgba(16,24,31,.98),rgba(4,7,11,.98) 48%,rgba(8,8,9,.99))!important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.68),
    0 0 0 1px rgba(213,178,92,.12),
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 -34px 70px rgba(0,0,0,.52),
    0 0 38px rgba(74,192,224,.12)!important;
  padding:32px 28px 26px!important;
}
.music-page .futuristic-deck::before{
  background:
    linear-gradient(90deg,transparent 0 49.7%,rgba(101,219,246,.04) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 0 49.7%,rgba(101,219,246,.028) 50%,transparent 50.3%)!important;
  background-size:36px 36px!important;
  opacity:.9!important;
}
.music-page .futuristic-deck::after{
  left:2.5%!important;right:2.5%!important;top:8px!important;height:2px!important;
  background:linear-gradient(90deg,transparent 0 5%,#5ed8f2 18%,#d4ae5d 50%,#5ed8f2 82%,transparent 95%)!important;
  box-shadow:0 0 12px rgba(94,216,242,.62),0 0 26px rgba(94,216,242,.22)!important;
  opacity:.82!important;
}
.music-page .futuristic-deck .tech-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.music-page .futuristic-deck .tech-grid::before{
  content:"SCORPION PLAYER  //  LJAY AND THE LIGHTNING BOLTZ";
  position:absolute;left:24px;top:11px;
  color:rgba(152,226,243,.68);font:700 9px/1.1 "Segoe UI",Arial,sans-serif;
  letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 10px rgba(93,218,246,.38);
}
.music-page .futuristic-deck .tech-grid::after{
  content:"AUDIO CORE // ONLINE";
  position:absolute;right:24px;bottom:9px;
  color:rgba(215,184,112,.56);font:700 8px/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:.19em;text-transform:uppercase;
}
.music-page .futuristic-deck .deck-top{position:relative;z-index:2;padding:8px 0 4px}
.music-page .futuristic-deck .deck-top::before,
.music-page .futuristic-deck .deck-top::after{
  width:112px!important;height:3px!important;top:-4px!important;
  background:linear-gradient(90deg,transparent,rgba(88,220,247,.92),rgba(222,185,102,.78))!important;
  box-shadow:0 0 12px rgba(88,220,247,.45)!important;
}
.music-page .futuristic-deck .deck-art{
  border:1px solid rgba(111,219,243,.48)!important;border-radius:4px!important;
  outline:1px solid rgba(220,183,98,.20);outline-offset:4px;
  box-shadow:0 0 0 1px rgba(0,0,0,.85),0 12px 28px rgba(0,0,0,.55),0 0 24px rgba(74,193,224,.11)!important;
  filter:saturate(.9) contrast(1.08) brightness(.92)!important;
}
.music-page .futuristic-deck .deck-screen{
  min-height:142px!important;padding:38px 24px 22px!important;
  border:1px solid rgba(102,221,247,.52)!important;border-radius:3px!important;
  background:
    linear-gradient(180deg,rgba(85,210,239,.035),transparent 22%),
    radial-gradient(circle at 50% 42%,rgba(28,127,155,.26),rgba(2,8,13,.93) 74%)!important;
  box-shadow:inset 0 0 45px rgba(0,0,0,.88),inset 0 0 0 1px rgba(105,221,247,.05),0 0 22px rgba(81,201,231,.12)!important;
}
.music-page .futuristic-deck .deck-screen::before{
  content:"SCORPION PLAYER // AUDIO DECK";
  position:absolute;left:18px;right:18px;top:12px;padding-bottom:7px;
  border-bottom:1px solid rgba(92,216,244,.18);
  color:rgba(125,224,246,.75);font:700 9px/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 9px rgba(99,221,247,.35);
}
.music-page .futuristic-deck .deck-screen::after{
  background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(102,225,249,.035) 5px)!important;
}
.music-page .futuristic-deck .screen-kicker{color:#8fe1f2!important;text-shadow:0 0 10px rgba(96,218,245,.3)}
.music-page .futuristic-deck .deck-screen strong{
  color:#f0d28a!important;font-size:clamp(1.3rem,2.1vw,1.7rem)!important;
  text-shadow:0 0 14px rgba(223,184,94,.16);
}
.music-page .futuristic-deck .deck-screen #trackGenre{color:#9fb9c2!important}
.music-page .futuristic-deck .dial{
  width:138px!important;
  background:
    radial-gradient(circle at center,#0b141a 0 31%,transparent 32%),
    conic-gradient(from 210deg,rgba(95,222,247,.78),rgba(95,222,247,.08) 24%,rgba(217,180,94,.72) 49%,rgba(95,222,247,.08) 74%,rgba(95,222,247,.78))!important;
  border:1px solid rgba(111,221,246,.52)!important;
  box-shadow:inset 0 0 0 9px #090d11,inset 0 0 26px #000,0 0 0 4px rgba(217,180,94,.08),0 0 30px rgba(92,214,241,.18)!important;
}
.music-page .futuristic-deck .dial::before{inset:12px!important;border:1px dashed rgba(116,224,247,.34)!important}
.music-page .futuristic-deck .dial::after{inset:24px!important;border:1px solid rgba(218,181,96,.26)!important}
.music-page .futuristic-deck #dialTime{font-size:1.22rem!important;color:#f2d58f!important;text-shadow:0 0 14px rgba(101,220,245,.38)!important}
.music-page .futuristic-deck .preview-line{
  position:relative;z-index:2;border:1px solid rgba(97,214,240,.28)!important;border-radius:3px!important;
  background:linear-gradient(90deg,rgba(4,13,18,.92),rgba(24,18,10,.84) 50%,rgba(4,13,18,.92))!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.44),0 0 14px rgba(81,192,220,.06);
}
.music-page .futuristic-deck .preview-progress{height:6px!important;border:1px solid rgba(92,210,238,.17);background:#05090c!important}
.music-page .futuristic-deck .preview-progress span{background:linear-gradient(90deg,#58d4ee,#d7b261,#7be2f5)!important;box-shadow:0 0 9px rgba(90,215,240,.45)}
.music-page .track-grid .track{
  border-radius:4px!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  border-color:rgba(111,211,235,.16)!important;
  background:linear-gradient(135deg,rgba(12,20,27,.94),rgba(5,7,10,.96))!important;
  box-shadow:inset 0 0 0 1px rgba(222,183,95,.035);
}
.music-page .track-grid .track:hover{border-color:rgba(103,220,245,.48)!important;box-shadow:0 0 18px rgba(88,205,232,.10),inset 0 0 20px rgba(69,175,202,.05)}
.music-page .track-grid .track.active{border-color:rgba(231,193,104,.72)!important;box-shadow:0 0 0 1px rgba(96,219,245,.18),0 0 24px rgba(90,211,238,.12),inset 0 0 24px rgba(211,170,76,.05)!important}
.music-page .track-grid .track.is-playing::after{content:"SIGNAL // PLAY"!important;color:#8ce8fb!important}
.music-page .shell:has(.track.is-playing) .futuristic-deck .dial::before{animation:spHudRotate 7s linear infinite}
@keyframes spHudRotate{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .music-page .futuristic-deck{padding:30px 16px 20px!important}
  .music-page .futuristic-deck .tech-grid::before{left:14px;font-size:7px;letter-spacing:.14em}
  .music-page .futuristic-deck .tech-grid::after{right:14px;font-size:7px}
  .music-page .futuristic-deck .dial{width:112px!important}
}
@media(prefers-reduced-motion:reduce){.music-page .shell:has(.track.is-playing) .futuristic-deck .dial::before{animation:none}}

/* R27 owner-only Cinema Manager */
.owner-cinema-manager{max-width:1080px;margin:24px auto;padding:clamp(24px,4vw,42px);text-align:left}
.owner-cinema-manager>h2{text-align:center;color:var(--gold-light);font:500 clamp(1.8rem,4vw,2.8rem)/1.15 Georgia,serif;margin:.35em 0}
.owner-cinema-manager>.tag{display:block;width:max-content;margin:0 auto}
.owner-cinema-manager>.security-note{text-align:center;max-width:760px;margin:10px auto 22px}
.cinema-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cinema-manager-grid>section{padding:20px;border:1px solid rgba(218,184,110,.26);border-radius:14px;background:linear-gradient(180deg,rgba(22,17,12,.9),rgba(4,8,13,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.cinema-manager-grid h3{margin:0 0 12px;color:var(--gold-light);font:500 1.45rem/1.2 Georgia,serif}
.cinema-manager-grid p{color:var(--muted)}
.cinema-manager-form{display:grid;gap:12px}
.cinema-manager-form label{display:grid;gap:7px;font-weight:700;color:#e5d5ad;font-size:.9rem}
.cinema-manager-form input{width:100%;padding:12px 13px;border-radius:9px;border:1px solid rgba(218,184,110,.38);background:rgba(5,8,14,.88);color:#fff;font:inherit}
.cinema-manager-form input:focus{outline:none;border-color:#d9b968;box-shadow:0 0 0 3px rgba(217,185,104,.09)}
.cinema-manager-status{margin-top:18px;padding:14px;border:1px solid rgba(118,199,233,.23);border-radius:10px;background:rgba(2,7,12,.58);color:#e9ddbc}
.cinema-manager-status span{color:var(--muted)}
.cinema-manager-status form{margin-top:12px}
.cinema-poster-placeholder{min-height:280px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(123,193,222,.12),rgba(0,0,0,.78));color:var(--gold-light);font:500 1.2rem/1.3 Georgia,serif;text-align:center;padding:20px}
@media(max-width:820px){.cinema-manager-grid{grid-template-columns:1fr}.owner-cinema-manager{padding:22px 16px}}

/* R28 — fuller About/Contact, weekly Cinema preview, media protection */
.contact-story-wrap{display:grid;gap:24px}
.contact-story{max-width:1080px;margin:0 auto;padding:clamp(28px,4vw,52px);text-align:left}
.contact-story>h2{max-width:900px;margin:.45em auto .7em;text-align:center;color:var(--gold-light);font:500 clamp(1.9rem,4vw,3rem)/1.18 Georgia,serif}
.contact-story>.tag{display:block;width:max-content;margin:0 auto}
.contact-story p{font-size:1.04rem;line-height:1.82;color:#ddd4c5;max-width:980px;margin:0 auto 1.05em}
.contact-service{max-width:1080px;margin:0 auto;padding:clamp(24px,3.5vw,38px);text-align:center}
.contact-service h3{color:var(--gold-light);font:500 clamp(1.55rem,3vw,2.25rem)/1.2 Georgia,serif;margin:.4em 0}
.contact-service>p{color:var(--muted);margin:0 auto 18px}
.contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.contact-detail,.contact-detail-link{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:15px 14px;border:1px solid rgba(218,184,110,.24);border-radius:10px;background:rgba(3,8,14,.48);text-decoration:none;color:#eee5d1;font-size:.96rem;line-height:1.35}
.contact-detail strong,.contact-detail-link strong{color:#d8bd78;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.contact-detail span,.contact-detail-link span{overflow-wrap:anywhere}
.contact-detail-link:hover{border-color:rgba(218,184,110,.5);background:rgba(12,18,24,.64)}
.about-cards .card{padding:clamp(24px,3vw,34px);text-align:left}
.about-cards .card h3{line-height:1.25}
.about-cards .card p{color:#ddd4c5;line-height:1.78}
.about-philosophy{text-align:left}
.about-philosophy>.tag{display:block;width:max-content;margin:0 auto}
.about-philosophy h3{text-align:center;color:var(--gold-light);font:500 clamp(1.8rem,3.2vw,2.6rem)/1.18 Georgia,serif}
.cinema-movie-title{font-size:clamp(1.45rem,2.05vw,2.35rem)!important;line-height:1.08!important;text-wrap:balance}
.cinema-coming-scheduled{max-width:900px;display:grid;grid-template-columns:minmax(150px,.6fr) minmax(260px,1.4fr);gap:22px;align-items:center;text-align:left}
.cinema-coming-poster{border:1px solid rgba(222,185,101,.34);border-radius:10px;overflow:hidden;background:#050505;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.cinema-coming-poster img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;user-select:none;-webkit-user-drag:none}
.cinema-coming-copy h3{margin:8px 0 10px;color:#f1d692;font:500 clamp(1.45rem,2.35vw,2.15rem)/1.12 Georgia,"Times New Roman",serif;text-wrap:balance}
.cinema-coming-date{margin:10px 0 0;color:#c9c3b8}
img,video,audio{-webkit-user-drag:none}
.cinema-page img,.cinema-page video,.music-page img,.books-page img{-webkit-touch-callout:none}
@media(min-width:900px){.cinema-feature-copy .cinema-movie-title{white-space:nowrap}}
@media(max-width:820px){.contact-details{grid-template-columns:1fr}.cinema-coming-scheduled{grid-template-columns:1fr;text-align:center}.cinema-coming-poster{width:min(560px,100%);margin:0 auto}.cinema-coming-copy .tag{display:inline-block}.cinema-feature-copy .cinema-movie-title{white-space:normal}}

/* Revision 30 — full-width cinema auditorium.
   The auditorium artwork keeps its native 1672:941 aspect ratio and uses the full viewport width.
   The room header overlays the theater so it no longer steals vertical space from the auditorium. */
.cinema-experience{overflow:hidden}
.cinema-room{overflow-y:auto;overflow-x:hidden;align-items:stretch;background:#000}
.cinema-room-header{position:absolute;left:0;right:0;top:0;z-index:20;height:72px;min-height:72px;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.28),transparent);border-bottom:0;box-shadow:none;pointer-events:none}
.cinema-room-header .cinema-exit{pointer-events:auto}
.cinema-auditorium-shell{position:relative;z-index:6;width:100vw!important;height:auto!important;aspect-ratio:1672/941;max-width:none!important;max-height:none!important;margin:0!important;flex:0 0 auto;filter:brightness(1.12);overflow:hidden}
.cinema-auditorium-photo{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill!important}
.cinema-stage-screen-area{left:30.75%;top:6.35%;width:38.50%;height:29.65%}
@media(max-width:1100px){
  .cinema-room-header{height:64px;min-height:64px}
  .cinema-auditorium-shell{width:100vw!important;height:auto!important;aspect-ratio:1672/941;max-height:none!important;margin:0!important}
  .cinema-stage-screen-area{left:30.65%;top:6.30%;width:38.70%;height:29.70%}
}
@media(max-width:760px){
  .cinema-room-header{height:56px;min-height:56px}
  .cinema-auditorium-shell{width:100vw!important;height:auto!important;aspect-ratio:1672/941;max-height:none!important;margin:0!important}
  .cinema-stage-screen-area{left:30.55%;top:6.25%;width:38.90%;height:29.80%}
}

/* R59 LIVE: image-free Sanderson Payless heading.
   Pure HTML/CSS, system fonts only, no extra image or font download. */
.sp-text-brand{
  width:min(1000px,94vw);
  margin:0 auto 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:none!important;
  line-height:1;
}
.sp-text-brand-presenter{
  display:block;
  margin:0 0 5px;
  color:#d9b46b;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:clamp(1rem,1.75vw,1.5rem);
  font-style:italic;
  font-weight:400;
  letter-spacing:.035em;
  line-height:1.2;
  text-shadow:0 2px 11px rgba(0,0,0,.72);
}
.sp-text-brand-name{
  display:block;
  margin:0;
  padding:.02em .08em .06em;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:clamp(2.65rem,6vw,5.6rem);
  font-weight:500;
  letter-spacing:.025em;
  line-height:.98;
  color:#e6be68;
  background:linear-gradient(180deg,#fff2bd 0%,#e1b65e 48%,#9a682c 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 4px 18px rgba(0,0,0,.46);
}
.sp-text-brand-entertainment{
  display:block;
  margin-top:3px;
  padding-left:.38em;
  color:#d4ad65;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:clamp(.74rem,1.45vw,1.15rem);
  font-weight:600;
  letter-spacing:.38em;
  line-height:1.2;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.62);
}
.home-approved-stage .sp-text-brand{margin-top:2px;margin-bottom:6px}
.page-approved-stage .sp-text-brand{margin-top:0;margin-bottom:2px}

@media(max-width:560px){
  .sp-text-brand{width:96vw}
  .sp-text-brand-presenter{
    font-size:clamp(.9rem,4vw,1.1rem);
    letter-spacing:.02em;
  }
  .sp-text-brand-name{
    font-size:clamp(2.25rem,11.5vw,3.45rem);
  }
  .sp-text-brand-entertainment{
    font-size:clamp(.64rem,3.2vw,.86rem);
    letter-spacing:.26em;
    padding-left:.26em;
  }
}

/* Revision 58 — fifth homepage panel: Free Games, matching the four image cards. */
.home-showcase .shell{
  width:min(1680px,96vw);
}
.exact-panel-row{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:1280px){
  .exact-panel-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .exact-panel-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .exact-panel-row{grid-template-columns:1fr}
}


/* R60 — unified one-line Sanderson Payless Entertainment masthead + Cinema polish. */
.sp-text-brand{
  width:min(1280px,96vw);
  margin:0 auto 4px;
  line-height:1;
}
.sp-text-brand-presenter{
  margin:0 0 6px;
  color:#d9b46b;
}
.sp-text-brand-name{
  display:block;
  margin:0;
  padding:.02em .08em .08em;
  white-space:nowrap;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:clamp(1.55rem,3.1vw,2.8rem);
  font-style:italic;
  font-weight:400;
  letter-spacing:.025em;
  line-height:1.05;
  color:#d9b46b!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#d9b46b!important;
  text-shadow:0 2px 11px rgba(0,0,0,.72),0 0 14px rgba(217,180,107,.08);
}
.page-approved-stage{padding-top:9px;padding-bottom:12px}
.cinema-page .page-approved-stage{padding-bottom:2px}
.cinema-page .approved-page-word-cinema{display:none!important}

/* Keep the full company name on one line while preserving proportion on smaller screens. */
@media(max-width:760px){
  .sp-text-brand{width:98vw}
  .sp-text-brand-name{
    font-size:clamp(1.08rem,5.55vw,1.85rem);
    letter-spacing:.01em;
    padding-left:.02em;
    padding-right:.02em;
  }
}
@media(max-width:380px){
  .sp-text-brand-name{font-size:clamp(1rem,5.2vw,1.3rem)}
}

/* Cinema lobby: lightweight CSS-built space atmosphere, no extra image download. */
.cinema-lobby-section,.cinema-public-gate{padding-top:4px}
.cinema-marquee-top{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 18% 22%,rgba(64,111,173,.28),transparent 28%),
    radial-gradient(ellipse at 82% 30%,rgba(131,63,151,.21),transparent 26%),
    radial-gradient(circle at 52% 115%,rgba(214,161,66,.18),transparent 42%),
    linear-gradient(180deg,rgba(6,11,24,.96),rgba(4,5,10,.91));
}
.cinema-marquee-top::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background-image:
    radial-gradient(circle at 7% 18%,rgba(255,255,255,.86) 0 1px,transparent 1.4px),
    radial-gradient(circle at 19% 71%,rgba(241,214,151,.82) 0 1px,transparent 1.3px),
    radial-gradient(circle at 31% 36%,rgba(187,219,255,.74) 0 1px,transparent 1.3px),
    radial-gradient(circle at 47% 16%,rgba(255,255,255,.78) 0 1px,transparent 1.2px),
    radial-gradient(circle at 63% 66%,rgba(234,208,255,.72) 0 1px,transparent 1.3px),
    radial-gradient(circle at 78% 24%,rgba(255,255,255,.86) 0 1px,transparent 1.3px),
    radial-gradient(circle at 91% 73%,rgba(245,211,145,.78) 0 1px,transparent 1.4px);
}
.cinema-marquee-top::after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:0;height:1px;
  z-index:0;
  background:linear-gradient(90deg,transparent,rgba(240,214,144,.65),transparent);
  box-shadow:0 0 18px rgba(240,214,144,.18);
}
.cinema-marquee-top>*{position:relative;z-index:1}
.cinema-marquee-title{filter:drop-shadow(0 7px 15px rgba(0,0,0,.6)) drop-shadow(0 0 13px rgba(224,183,91,.08))}

/* Public Cinema card receives the same low-cost atmospheric treatment. */
.cinema-gate-card{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 15% 10%,rgba(52,95,151,.22),transparent 32%),
    radial-gradient(ellipse at 88% 18%,rgba(116,54,137,.18),transparent 30%),
    radial-gradient(ellipse at 50% 62%,rgba(157,108,42,.10),transparent 48%),
    linear-gradient(180deg,rgba(7,10,18,.97),rgba(2,3,6,.95));
}
.cinema-gate-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    radial-gradient(circle at 10% 16%,rgba(255,255,255,.9) 0 1px,transparent 1.3px),
    radial-gradient(circle at 26% 45%,rgba(233,207,148,.8) 0 1px,transparent 1.3px),
    radial-gradient(circle at 44% 11%,rgba(189,220,255,.76) 0 1px,transparent 1.2px),
    radial-gradient(circle at 59% 39%,rgba(255,255,255,.75) 0 1px,transparent 1.2px),
    radial-gradient(circle at 75% 14%,rgba(232,203,255,.72) 0 1px,transparent 1.3px),
    radial-gradient(circle at 91% 48%,rgba(255,223,157,.78) 0 1px,transparent 1.3px);
}
.cinema-gate-card>*{position:relative;z-index:1}

/* Public preview: Now Showing + Coming Monday poster panels. */
.cinema-public-poster-grid{
  width:min(860px,100%);
  margin:24px auto 8px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.cinema-public-poster-card{
  padding:16px;
  border:1px solid rgba(229,191,98,.28);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,12,20,.76),rgba(4,5,9,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.28);
}
.cinema-public-poster-card .cinema-section-label{margin:0 0 12px}
.cinema-public-poster{
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  border:6px solid #111318;
  border-radius:10px;
  background:#030407;
  box-shadow:0 12px 32px rgba(0,0,0,.55),0 0 0 1px rgba(229,191,98,.24);
}
.cinema-public-poster img{display:block;width:100%;height:100%;object-fit:cover}
.cinema-public-poster-placeholder{
  display:grid;
  place-items:center;
  color:#d9b46b;
  font:italic 500 clamp(1rem,2vw,1.25rem)/1.2 Georgia,"Times New Roman",serif;
  background:
    radial-gradient(circle at 50% 42%,rgba(75,128,187,.18),transparent 34%),
    linear-gradient(180deg,#090d15,#030407);
}
.cinema-public-poster-card h2{
  margin:14px 0 4px;
  color:#f3e8ce;
  font:500 clamp(1.25rem,2.2vw,1.8rem)/1.12 Georgia,"Times New Roman",serif;
  text-wrap:balance;
}
.cinema-public-poster-card .cinema-coming-date{margin:8px 0 0}

@media(max-width:720px){
  .cinema-public-poster-grid{grid-template-columns:1fr;gap:14px}
  .cinema-public-poster-card{padding:14px}
}


/* R61 — About page cleanup: transparent gold title, tighter opening, no redundant label. */
.about-page .page-approved-stage{
  padding-top:12px;
  padding-bottom:4px;
}
.about-page .approved-heading-shell{
  gap:0;
}
.about-marquee-title{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(540px,72vw);
  margin:4px auto 0;
  padding:4px clamp(58px,9vw,92px) 10px;
  background:transparent!important;
  border:0;
  color:#f0cf78;
  font:700 clamp(2.25rem,4.8vw,4.35rem)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.11em;
  text-align:center;
  text-transform:uppercase;
  text-shadow:
    0 1px 0 #fff0b1,
    0 2px 0 #a97624,
    0 4px 8px rgba(0,0,0,.78),
    0 0 18px rgba(226,183,81,.18);
  isolation:isolate;
}
.about-marquee-title span{
  display:block;
  background:linear-gradient(180deg,#fff1b1 0%,#e6bf68 36%,#b7822d 70%,#f0cf78 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:.45px rgba(112,67,13,.72);
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.62));
}
.about-marquee-title::before,
.about-marquee-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:clamp(42px,8vw,78px);
  height:20px;
  transform:translateY(-50%);
  opacity:.95;
  background:
    linear-gradient(90deg,transparent 0 8%,#9d6c21 9% 12%,#f1d27f 13% 18%,#9d6c21 19% 23%,transparent 24% 31%,#c49238 32% 36%,#f7dc8d 37% 43%,#8c5d18 44% 48%,transparent 49% 100%);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.75));
}
.about-marquee-title::before{left:0}
.about-marquee-title::after{right:0;transform:translateY(-50%) scaleX(-1)}
.about-page .page-intro{
  padding:0 0 8px;
}
.about-page .page-intro p{
  max-width:920px;
  font-size:clamp(1.05rem,1.55vw,1.24rem);
  line-height:1.55;
  color:#d7b874;
}
.about-page .page-intro + .section{
  padding-top:8px;
}
.about-page .about-story{
  gap:18px;
}
.about-page .about-long:first-child{
  margin-top:0;
  padding-top:clamp(22px,3vw,34px);
}
.about-page .about-long:first-child h2{
  margin-top:0;
  margin-bottom:.55em;
}
@media(max-width:620px){
  .about-marquee-title{
    width:min(430px,90vw);
    padding-left:50px;
    padding-right:50px;
    font-size:clamp(2rem,11vw,3.15rem);
    letter-spacing:.08em;
  }
  .about-marquee-title::before,
  .about-marquee-title::after{
    width:44px;
  }
  .about-page .page-intro{padding-bottom:5px}
  .about-page .page-intro + .section{padding-top:4px}
}

/* R63 — Music page centered side-wall decor layout.
   Bigger decor, centered between the stereo lane and the page edges, with a
   protected middle lane so the menu and song grid do not run over the wall art. */
body.music-page{
  --music-wall-column:clamp(280px,18vw,360px);
  --music-wall-gap:clamp(40px,3vw,64px);
  --music-wall-reserve:calc(var(--music-wall-column) + var(--music-wall-gap));
  background:#030406 url("images/music_background.webp") center top / cover fixed no-repeat!important;
}

body.music-page::before{
  content:none!important;
  display:none!important;
}

.music-page .section > .shell{
  width:min(1120px,calc(100vw - (2 * var(--music-wall-reserve))));
  margin-left:auto;
  margin-right:auto;
}
.music-page .music-deck,
.music-page .track-grid{width:100%;}

.music-wall-plaques{
  position:fixed;
  inset:0;
  z-index:20;
  pointer-events:none;
  overflow:hidden;
  display:block!important;
}
.music-wall-column{
  position:absolute;
  top:clamp(110px,12vh,150px);
  width:var(--music-wall-column);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(18px,1.6vh,24px);
  pointer-events:none;
}
.music-wall-column-left{
  left:max(20px, calc((var(--music-wall-reserve) - var(--music-wall-column)) / 2));
}
.music-wall-column-right{
  right:max(20px, calc((var(--music-wall-reserve) - var(--music-wall-column)) / 2));
}

.music-wall-column .music-wall-plaque,
.music-wall-column .music-wall-decor{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:block;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.62));
}

/* LEFT WALL — plant above stereo area, larger Scorpion plaque, plant below. */
.music-wall-left-top-plant,
.music-wall-left-bottom-plant{
  width:min(100%,clamp(250px,15.5vw,310px))!important;
}
.music-wall-plaque-left{
  width:min(100%,clamp(280px,17vw,340px))!important;
}
.music-wall-left-top-plant{
  margin-bottom:clamp(6px,1vh,14px);
}
.music-wall-left-bottom-plant{
  margin-top:clamp(0px,.4vh,6px);
}

/* RIGHT WALL — trophies above records, plant below, stores sign large and readable. */
.music-wall-right-top-trophies,
.music-wall-right-plant{
  width:min(100%,clamp(250px,15.5vw,310px))!important;
}
.music-wall-plaque-awards{
  width:min(100%,clamp(250px,15.5vw,310px))!important;
}
.music-wall-plaque-stores{
  width:min(100%,clamp(240px,15vw,300px))!important;
}

.music-page .site-header{z-index:100!important;}
.music-page main,
.music-page footer{position:relative;z-index:30;}

/* Large laptop / medium desktop */
@media (min-width:1400px) and (max-width:1699px){
  body.music-page{
    --music-wall-column:clamp(240px,17vw,300px);
    --music-wall-gap:clamp(28px,2vw,42px);
  }
  .music-wall-column{top:112px;gap:16px;}
  .music-wall-left-top-plant,
  .music-wall-left-bottom-plant,
  .music-wall-right-top-trophies,
  .music-wall-right-plant{width:min(100%,260px)!important;}
  .music-wall-plaque-left{width:min(100%,285px)!important;}
  .music-wall-plaque-awards{width:min(100%,255px)!important;}
  .music-wall-plaque-stores{width:min(100%,246px)!important;}
}

/* Short desktop windows */
@media (min-width:1400px) and (max-height:900px){
  .music-wall-column{top:108px;gap:14px;}
  .music-wall-left-top-plant,
  .music-wall-left-bottom-plant,
  .music-wall-right-top-trophies,
  .music-wall-right-plant{width:min(100%,242px)!important;}
  .music-wall-plaque-left{width:min(100%,272px)!important;}
  .music-wall-plaque-awards{width:min(100%,242px)!important;}
  .music-wall-plaque-stores{width:min(100%,236px)!important;}
}

/* Narrower desktop: keep layout but reduce columns and song count. */
@media (min-width:1180px) and (max-width:1399px){
  body.music-page{
    --music-wall-column:clamp(205px,15vw,245px);
    --music-wall-gap:clamp(18px,1.6vw,28px);
  }
  .music-wall-column{top:110px;gap:12px;}
  .music-wall-left-top-plant,
  .music-wall-left-bottom-plant,
  .music-wall-right-top-trophies,
  .music-wall-right-plant{width:min(100%,210px)!important;}
  .music-wall-plaque-left{width:min(100%,230px)!important;}
  .music-wall-plaque-awards{width:min(100%,208px)!important;}
  .music-wall-plaque-stores{width:min(100%,205px)!important;}
  .music-page .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .music-page .deck-top{grid-template-columns:minmax(170px,210px) 1fr minmax(110px,140px);}
}

@media (max-width:1179px){
  .music-wall-plaques{display:none!important;}
  .music-page .section > .shell{width:min(1380px,94vw);}
}

/* R65 — stories beside the plaques; shelves aligned on the same horizontal line. */
body.music-page{
  --music-center-max:860px;
  --music-wall-block:clamp(438px,24vw,492px);
  --music-wall-gap:clamp(22px,1.5vw,32px);
}

/* Protect the center player/song lane from the two fixed wall assemblies. */
.music-page .section > .shell{
  width:min(var(--music-center-max),calc(100vw - (2 * (var(--music-wall-block) + var(--music-wall-gap)))))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.music-wall-plaques{
  position:fixed!important;
  inset:0!important;
  z-index:20!important;
  pointer-events:none!important;
  overflow:hidden!important;
  display:block!important;
}

.music-wall-column{
  position:absolute!important;
  top:86px!important;
  width:var(--music-wall-block)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
  pointer-events:none!important;
}

.music-wall-column-left{
  left:calc(50% - (var(--music-center-max) / 2) - var(--music-wall-gap) - var(--music-wall-block))!important;
}
.music-wall-column-right{
  right:calc(50% - (var(--music-center-max) / 2) - var(--music-wall-gap) - var(--music-wall-block))!important;
}

/* Each story sits BESIDE its plaque, on the outside edge of the page.
   The plaque itself stays on the inside, closest to the stereo. */
.music-wall-feature-row{
  width:100%;
  height:392px;
  display:grid;
  align-items:start;
  column-gap:14px;
}
.music-wall-feature-row-left{
  grid-template-columns:minmax(190px,1fr) 220px;
}
.music-wall-feature-row-right{
  grid-template-columns:210px minmax(190px,1fr);
}

.music-wall-column .music-wall-plaque,
.music-wall-column .music-wall-decor{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:block!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.60));
}

/* Scorpion plaque sits on the INSIDE edge, closer to the stereo. */
.music-wall-plaque-left{
  width:220px!important;
  max-width:220px!important;
  justify-self:end!important;
  margin:0!important;
}

/* Gold/platinum plaque stays just a touch smaller and slightly broader. */
.music-wall-plaque-awards{
  width:204px!important;
  max-width:204px!important;
  justify-self:start!important;
  margin:0!important;
  transform:scaleX(1.04);
  transform-origin:center top;
}

/* Story cards now fit beside the plaques instead of hanging under the page. */
.music-wall-story{
  width:100%!important;
  max-width:230px!important;
  padding:12px 13px 13px!important;
  border:1px solid rgba(214,177,97,.34);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(7,8,10,.84),rgba(3,4,6,.78));
  box-shadow:0 12px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025);
  color:#d9c8a4;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.42;
  text-shadow:0 1px 8px rgba(0,0,0,.7);
  pointer-events:auto;
  align-self:center;
}
.music-wall-story-left{
  justify-self:end;
  text-align:right;
}
.music-wall-story-right{
  justify-self:start;
  text-align:left;
}
.music-wall-story h2{
  margin:0 0 6px;
  color:#e8c56f;
  font-size:.96rem;
  font-weight:500;
  line-height:1.18;
}
.music-wall-story p{
  margin:0;
  font-size:.68rem;
  line-height:1.42;
}
.music-wall-story small{
  display:block;
  margin-top:7px;
  color:#aa8c59;
  font-size:.61rem;
  font-style:italic;
}

/* Shelves are deliberately the SAME size and exactly the SAME vertical position. */
.music-wall-left-plant,
.music-wall-right-trophies{
  width:188px!important;
  max-width:188px!important;
  margin:18px auto 0!important;
}

/* Stores sign remains centered under the right shelf and visible in a 768px-high window. */
.music-wall-plaque-stores{
  width:206px!important;
  max-width:206px!important;
  margin:14px auto 0!important;
}

/* Header and live content remain above the fixed wall layer. */
.music-page .site-header{z-index:100!important;}
.music-page main,
.music-page footer{position:relative;z-index:30!important;}

/* Wider monitors can breathe a little more without changing the composition. */
@media (min-width:2200px){
  body.music-page{
    --music-center-max:980px;
    --music-wall-block:500px;
    --music-wall-gap:34px;
  }
  .music-wall-column{top:94px!important;}
  .music-wall-feature-row{height:410px;}
  .music-wall-plaque-left{width:232px!important;max-width:232px!important;}
  .music-wall-plaque-awards{width:214px!important;max-width:214px!important;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:198px!important;max-width:198px!important;}
  .music-wall-plaque-stores{width:218px!important;max-width:218px!important;}
}

/* 1500–1799px: keep the stories beside the plaques, reduce only enough to preserve the center lane. */
@media (min-width:1500px) and (max-width:1799px){
  body.music-page{
    --music-center-max:760px;
    --music-wall-block:360px;
    --music-wall-gap:18px;
  }
  .music-wall-column{top:90px!important;}
  .music-wall-feature-row{
    height:342px;
    column-gap:10px;
  }
  .music-wall-feature-row-left{grid-template-columns:minmax(145px,1fr) 190px;}
  .music-wall-feature-row-right{grid-template-columns:178px minmax(145px,1fr);}
  .music-wall-plaque-left{width:190px!important;max-width:190px!important;}
  .music-wall-plaque-awards{width:178px!important;max-width:178px!important;}
  .music-wall-story{max-width:170px!important;padding:9px 10px!important;}
  .music-wall-story h2{font-size:.78rem;}
  .music-wall-story p{font-size:.56rem;line-height:1.34;}
  .music-wall-story small{font-size:.52rem;margin-top:5px;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:160px!important;max-width:160px!important;margin-top:14px!important;}
  .music-wall-plaque-stores{width:178px!important;max-width:178px!important;margin-top:10px!important;}
  .music-page .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Below this width the side stories cannot remain readable without covering the player. */
@media (max-width:1499px){
  .music-wall-plaques{display:none!important;}
  .music-page .section > .shell{width:min(1380px,94vw)!important;}
}


/* R66 — final balanced Music wall layout from the live-page screenshot.
   Large readable wall art, full-size shelves, stories underneath, and a large
   Music Stores panel lower on the right. */
body.music-page{
  --music-center-max:760px;
  --music-side-width:340px;
  --music-side-gap:18px;
  background:#030406 url("images/music_background.webp") center top / cover fixed no-repeat!important;
}

body.music-page::before{content:none!important;display:none!important;}

.music-page .section > .shell{
  width:min(var(--music-center-max),calc(100vw - (2 * (var(--music-side-width) + var(--music-side-gap)))))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.music-wall-plaques{
  position:fixed!important;
  inset:0!important;
  z-index:20!important;
  pointer-events:none!important;
  overflow:hidden!important;
  display:block!important;
}

.music-wall-column{
  position:absolute!important;
  top:72px!important;
  width:var(--music-side-width)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  pointer-events:none!important;
}

.music-wall-column-left{
  left:calc(50% - (var(--music-center-max) / 2) - var(--music-side-gap) - var(--music-side-width))!important;
}
.music-wall-column-right{
  right:calc(50% - (var(--music-center-max) / 2) - var(--music-side-gap) - var(--music-side-width))!important;
}

.music-wall-column .music-wall-plaque,
.music-wall-column .music-wall-decor{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:block!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.62));
  flex:0 0 auto!important;
}

/* LEFT: restore the larger Scorpion plaque, then a full-size plant shelf. */
.music-wall-plaque-left{
  width:210px!important;
  max-width:210px!important;
  margin:0 auto!important;
}
.music-wall-left-plant{
  width:242px!important;
  max-width:242px!important;
  margin:4px auto 0!important;
}

/* RIGHT: records larger than the last attempt, but not oversized. */
.music-wall-plaque-awards{
  width:214px!important;
  max-width:214px!important;
  margin:0 auto!important;
  transform:scaleX(1.04);
  transform-origin:center top;
}
.music-wall-right-trophies{
  width:242px!important;
  max-width:242px!important;
  margin:4px auto 0!important;
}

/* Stories are underneath and intentionally large enough to read. */
.music-wall-story{
  width:300px!important;
  max-width:300px!important;
  margin:2px auto 0!important;
  padding:12px 14px 13px!important;
  border:1px solid rgba(214,177,97,.40);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(7,8,10,.88),rgba(3,4,6,.82));
  box-shadow:0 12px 28px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.03);
  color:#e0d0ad;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.42;
  text-align:left!important;
  text-shadow:0 1px 8px rgba(0,0,0,.72);
  pointer-events:auto!important;
}
.music-wall-story h2{
  margin:0 0 7px!important;
  color:#ebca75!important;
  font-size:1rem!important;
  font-weight:500!important;
  line-height:1.18!important;
}
.music-wall-story p{
  margin:0!important;
  font-size:.76rem!important;
  line-height:1.44!important;
}
.music-wall-story small{
  display:block!important;
  margin-top:7px!important;
  color:#b3925d!important;
  font-size:.66rem!important;
  font-style:italic!important;
}

/* Music Stores is deliberately much larger and lower on the right wall. */
.music-wall-plaque-stores{
  width:306px!important;
  max-width:306px!important;
  margin:8px auto 0!important;
}

/* Keep the live page/header over the wall layer. */
.music-page .site-header{z-index:100!important;}
.music-page main,
.music-page footer{position:relative!important;z-index:30!important;}

/* Wide displays: scale the wall art up while keeping the same composition. */
@media (min-width:2200px){
  body.music-page{
    --music-center-max:900px;
    --music-side-width:390px;
    --music-side-gap:24px;
  }
  .music-wall-column{top:82px!important;gap:12px!important;}
  .music-wall-plaque-left{width:235px!important;max-width:235px!important;}
  .music-wall-plaque-awards{width:236px!important;max-width:236px!important;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:270px!important;max-width:270px!important;}
  .music-wall-story{width:330px!important;max-width:330px!important;}
  .music-wall-story h2{font-size:1.08rem!important;}
  .music-wall-story p{font-size:.81rem!important;}
  .music-wall-plaque-stores{width:338px!important;max-width:338px!important;}
}

/* 1500–1799px: preserve the same hierarchy but scale enough to protect the stereo. */
@media (min-width:1500px) and (max-width:1799px){
  body.music-page{
    --music-center-max:700px;
    --music-side-width:300px;
    --music-side-gap:14px;
  }
  .music-wall-column{top:72px!important;gap:8px!important;}
  .music-wall-plaque-left{width:188px!important;max-width:188px!important;}
  .music-wall-plaque-awards{width:190px!important;max-width:190px!important;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:218px!important;max-width:218px!important;}
  .music-wall-story{width:266px!important;max-width:266px!important;padding:10px 12px!important;}
  .music-wall-story h2{font-size:.9rem!important;}
  .music-wall-story p{font-size:.68rem!important;line-height:1.38!important;}
  .music-wall-story small{font-size:.6rem!important;}
  .music-wall-plaque-stores{width:270px!important;max-width:270px!important;}
  .music-page .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Tablet / phone: side wall disappears so the player gets the whole screen. */
@media (max-width:1499px){
  .music-wall-plaques{display:none!important;}
  .music-page .section > .shell{width:min(1380px,94vw)!important;}
}


/* R67 — viewport-safe Music wall layout.
   Nothing is allowed into the bottom UI/taskbar zone. The large plaque/awards stay
   near the top, shelves remain full-size, stories use horizontal space, and the
   Music Stores sign is large and centered above the safe bottom line. */
body.music-page{
  --music-center-max:760px;
  --music-side-width:390px;
  --music-side-gap:18px;
  --music-safe-top:72px;
  --music-safe-bottom:92px;
  background:#030406 url("images/music_background.webp") center top / cover fixed no-repeat!important;
}

body.music-page::before{content:none!important;display:none!important;}

.music-page .section > .shell{
  width:min(var(--music-center-max),calc(100vw - (2 * (var(--music-side-width) + var(--music-side-gap)))))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.music-wall-plaques{
  position:fixed!important;
  inset:0!important;
  z-index:20!important;
  pointer-events:none!important;
  overflow:hidden!important;
  display:block!important;
}

.music-wall-column{
  position:absolute!important;
  top:var(--music-safe-top)!important;
  bottom:var(--music-safe-bottom)!important;
  width:var(--music-side-width)!important;
  display:grid!important;
  align-items:start!important;
  pointer-events:none!important;
}

.music-wall-column-left{
  left:calc(50% - (var(--music-center-max) / 2) - var(--music-side-gap) - var(--music-side-width))!important;
  grid-template-rows:minmax(0,1fr) auto!important;
}
.music-wall-column-right{
  right:calc(50% - (var(--music-center-max) / 2) - var(--music-side-gap) - var(--music-side-width))!important;
  grid-template-rows:auto 1fr auto!important;
}

/* All wall art preserves its native proportions. */
.music-wall-column .music-wall-plaque,
.music-wall-column .music-wall-decor{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:block!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.62));
  flex:0 0 auto!important;
}

/* LEFT — restore the large Scorpion Records presentation and move it inward. */
.music-wall-plaque-left{
  width:238px!important;
  max-width:238px!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0 6px 0 0!important;
}

/* Lower row sits entirely above the protected bottom zone. */
.music-wall-lower-row{
  width:100%!important;
  display:grid!important;
  align-items:end!important;
  gap:12px!important;
}
.music-wall-lower-row-left{
  grid-template-columns:minmax(0,1fr) 208px!important;
}
.music-wall-lower-row-right{
  grid-template-columns:208px minmax(0,1fr)!important;
  align-self:start!important;
}

.music-wall-left-plant,
.music-wall-right-trophies{
  width:208px!important;
  max-width:208px!important;
  margin:0!important;
}

/* RIGHT — large records near the top, but not oversized. */
.music-wall-plaque-awards{
  width:226px!important;
  max-width:226px!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0 0 8px 6px!important;
  transform:scaleX(1.035);
  transform-origin:center top;
}

/* Stories now use horizontal room so the type can be larger and the cards stay short. */
.music-wall-story{
  width:100%!important;
  max-width:none!important;
  padding:11px 12px 12px!important;
  border:1px solid rgba(214,177,97,.42);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(7,8,10,.90),rgba(3,4,6,.84));
  box-shadow:0 12px 28px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.03);
  color:#e2d2b0;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.38;
  text-shadow:0 1px 8px rgba(0,0,0,.72);
  pointer-events:auto!important;
}
.music-wall-story h2{
  margin:0 0 6px!important;
  color:#ebca75!important;
  font-size:.94rem!important;
  font-weight:500!important;
  line-height:1.15!important;
}
.music-wall-story p{
  margin:0!important;
  font-size:.70rem!important;
  line-height:1.38!important;
}
.music-wall-story small{
  display:block!important;
  margin-top:6px!important;
  color:#b3925d!important;
  font-size:.62rem!important;
  font-style:italic!important;
}

/* Music Stores is deliberately large and locked ABOVE the safe bottom line. */
.music-wall-plaque-stores{
  width:286px!important;
  max-width:286px!important;
  justify-self:center!important;
  align-self:end!important;
  margin:12px auto 0!important;
}

/* Keep the live page/header above the wall artwork. */
.music-page .site-header{z-index:100!important;}
.music-page main,
.music-page footer{position:relative!important;z-index:30!important;}

/* Wide monitors get the intended larger presentation. */
@media (min-width:2200px){
  body.music-page{
    --music-center-max:900px;
    --music-side-width:440px;
    --music-side-gap:24px;
    --music-safe-top:80px;
    --music-safe-bottom:96px;
  }
  .music-wall-plaque-left{width:260px!important;max-width:260px!important;}
  .music-wall-plaque-awards{width:246px!important;max-width:246px!important;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:226px!important;max-width:226px!important;}
  .music-wall-lower-row-left{grid-template-columns:minmax(0,1fr) 226px!important;}
  .music-wall-lower-row-right{grid-template-columns:226px minmax(0,1fr)!important;}
  .music-wall-story h2{font-size:1rem!important;}
  .music-wall-story p{font-size:.75rem!important;}
  .music-wall-plaque-stores{width:316px!important;max-width:316px!important;}
}

/* Short desktop windows: protect the bottom first, then trim the art slightly. */
@media (min-width:1500px) and (max-height:820px){
  body.music-page{
    --music-safe-top:66px;
    --music-safe-bottom:96px;
  }
  .music-wall-plaque-left{width:214px!important;max-width:214px!important;}
  .music-wall-plaque-awards{width:206px!important;max-width:206px!important;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:188px!important;max-width:188px!important;}
  .music-wall-lower-row-left{grid-template-columns:minmax(0,1fr) 188px!important;}
  .music-wall-lower-row-right{grid-template-columns:188px minmax(0,1fr)!important;}
  .music-wall-story{padding:9px 10px 10px!important;}
  .music-wall-story h2{font-size:.85rem!important;}
  .music-wall-story p{font-size:.63rem!important;line-height:1.32!important;}
  .music-wall-story small{font-size:.56rem!important;}
  .music-wall-plaque-stores{width:258px!important;max-width:258px!important;}
}

/* Medium desktop: same composition, scaled enough to keep the center player clear. */
@media (min-width:1500px) and (max-width:1799px){
  body.music-page{
    --music-center-max:700px;
    --music-side-width:330px;
    --music-side-gap:14px;
  }
  .music-wall-plaque-left{width:205px!important;max-width:205px!important;}
  .music-wall-plaque-awards{width:198px!important;max-width:198px!important;}
  .music-wall-left-plant,
  .music-wall-right-trophies{width:182px!important;max-width:182px!important;}
  .music-wall-lower-row-left{grid-template-columns:minmax(0,1fr) 182px!important;}
  .music-wall-lower-row-right{grid-template-columns:182px minmax(0,1fr)!important;}
  .music-wall-story h2{font-size:.84rem!important;}
  .music-wall-story p{font-size:.61rem!important;}
  .music-wall-plaque-stores{width:250px!important;max-width:250px!important;}
  .music-page .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Tablet and phone do not have enough side wall. */
@media (max-width:1499px){
  .music-wall-plaques{display:none!important;}
  .music-page .section > .shell{width:min(1380px,94vw)!important;}
}

/* R68 — FINAL LOCKED MUSIC WALL COMPOSITION
   Only the side-wall artwork is adjusted here. The center player, songs, header,
   navigation, background, audio logic and all other page styling stay untouched. */
@media (min-width:1500px){
  /* Left: one trophy shelf, centered beneath the Scorpion Records plaque. */
  .music-wall-column-left{
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  .music-wall-plaque-left{
    width:242px!important;
    max-width:242px!important;
    justify-self:center!important;
    align-self:start!important;
    margin:0!important;
  }
  .music-wall-lower-row-left{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:flex-end!important;
    gap:0!important;
  }
  .music-wall-left-trophies{
    width:342px!important;
    max-width:342px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  /* The story copy stays in the HTML but remains out of this locked visual layout. */
  .music-wall-story{display:none!important;}
  .music-wall-lower-row-right{display:none!important;}

  /* Right: gold/platinum plaque centered directly over Streaming & Stores. */
  .music-wall-column-right{
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .music-wall-plaque-awards{
    width:212px!important;
    max-width:212px!important;
    justify-self:center!important;
    align-self:start!important;
    margin:0!important;
    transform:scaleX(1.035)!important;
    transform-origin:center top!important;
  }
  .music-wall-plaque-stores{
    width:326px!important;
    max-width:326px!important;
    justify-self:center!important;
    align-self:end!important;
    grid-row:3!important;
    margin:0!important;
  }
}

/* Very wide monitors keep the same approved proportions. */
@media (min-width:2200px){
  .music-wall-plaque-left{width:260px!important;max-width:260px!important;}
  .music-wall-left-trophies{width:366px!important;max-width:366px!important;}
  .music-wall-plaque-awards{width:230px!important;max-width:230px!important;}
  .music-wall-plaque-stores{width:352px!important;max-width:352px!important;}
}

/* Medium desktop keeps the same centered composition without crowding the player. */
@media (min-width:1500px) and (max-width:1799px){
  .music-wall-plaque-left{width:205px!important;max-width:205px!important;}
  .music-wall-left-trophies{width:286px!important;max-width:286px!important;}
  .music-wall-plaque-awards{width:190px!important;max-width:190px!important;}
  .music-wall-plaque-stores{width:282px!important;max-width:282px!important;}
}



/* R69 — FINAL APPROVED MUSIC WALL, September 23, 2026.
   This revision changes only the side-wall artwork placement. The player, songs,
   navigation, heading, background, footer and audio behavior remain untouched. */
@media (min-width:1500px){
  /* LEFT — keep the approved sizes and spacing; shift the complete pair left. */
  .music-wall-column-left{
    transform:translateX(-38px)!important;
  }
  .music-wall-plaque-left{
    width:242px!important;
    max-width:242px!important;
    justify-self:center!important;
    margin:0!important;
  }
  .music-wall-left-trophies{
    width:342px!important;
    max-width:342px!important;
    margin:0!important;
  }

  /* RIGHT — plaque centered above the large Stores sign; plant shelf beside it. */
  .music-wall-column-right{
    display:block!important;
    position:absolute!important;
  }
  .music-wall-right-top{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:250px!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .music-wall-plaque-awards{
    position:absolute!important;
    top:0!important;
    left:calc(50% + 22px)!important;
    right:auto!important;
    width:212px!important;
    max-width:212px!important;
    margin:0!important;
    transform:translateX(-50%) scaleX(1.035)!important;
    transform-origin:center top!important;
  }
  .music-wall-right-plant{
    position:absolute!important;
    top:90px!important;
    left:calc(50% + 134px)!important;
    right:auto!important;
    width:198px!important;
    max-width:198px!important;
    margin:0!important;
    transform:none!important;
    object-fit:contain!important;
  }

  /* Same lower level as the left trophy shelf, with the approved extra right nudge. */
  .music-wall-plaque-stores{
    position:absolute!important;
    left:calc(50% + 22px)!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:390px!important;
    max-width:390px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }
}

/* Very wide monitors retain the same composition at a proportional scale. */
@media (min-width:2200px){
  .music-wall-column-left{transform:translateX(-44px)!important;}
  .music-wall-plaque-left{width:260px!important;max-width:260px!important;}
  .music-wall-left-trophies{width:366px!important;max-width:366px!important;}
  .music-wall-right-top{height:276px!important;}
  .music-wall-plaque-awards{
    left:calc(50% + 26px)!important;
    width:230px!important;
    max-width:230px!important;
  }
  .music-wall-right-plant{
    top:98px!important;
    left:calc(50% + 148px)!important;
    width:216px!important;
    max-width:216px!important;
  }
  .music-wall-plaque-stores{
    left:calc(50% + 26px)!important;
    width:424px!important;
    max-width:424px!important;
  }
}

/* Medium desktop keeps the approved relationship without crowding the center player. */
@media (min-width:1500px) and (max-width:1799px){
  .music-wall-column-left{transform:translateX(-30px)!important;}
  .music-wall-plaque-left{width:205px!important;max-width:205px!important;}
  .music-wall-left-trophies{width:286px!important;max-width:286px!important;}
  .music-wall-right-top{height:220px!important;}
  .music-wall-plaque-awards{
    left:calc(50% + 18px)!important;
    width:190px!important;
    max-width:190px!important;
  }
  .music-wall-right-plant{
    top:82px!important;
    left:calc(50% + 116px)!important;
    width:170px!important;
    max-width:170px!important;
  }
  .music-wall-plaque-stores{
    left:calc(50% + 18px)!important;
    width:332px!important;
    max-width:332px!important;
  }
}

/* === LOCKED MUSIC PAGE LAYOUT — FINAL APPROVED WALL DISPLAY === */
body.music-page{
  --music-center-max:1120px;
  --music-left-reserve:360px;
  --music-right-reserve:500px;
  --music-wall-gap:36px;
  background:#030406 url("images/music_background.webp") center top / cover fixed no-repeat!important;
}

body.music-page::before{content:none!important;display:none!important;}

.music-page .approved-heading-shell,
.music-page .page-intro .shell,
.music-page .section > .shell,
.music-page footer .shell{
  width:min(var(--music-center-max),calc(100vw - var(--music-left-reserve) - var(--music-right-reserve) - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.music-page main,
.music-page footer{position:relative;z-index:30!important;}
.music-page .site-header{position:relative;z-index:100!important;}

.music-wall-final-lockup{
  position:fixed;
  inset:76px 0 0;
  z-index:10;
  pointer-events:none;
}

.music-side-left,
.music-side-right{
  position:absolute;
  top:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.music-side-left{
  left:max(18px,calc(50% - (var(--music-center-max) / 2) - var(--music-wall-gap) - 302px));
  width:320px;
}

.music-side-right{
  right:max(18px,calc(50% - (var(--music-center-max) / 2) - var(--music-wall-gap) - 430px));
  width:430px;
}

.music-wall-final-lockup img{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.42));
}

.music-wall-plaque-left-final{
  width:240px;
  max-width:240px;
  margin-left:0;
}

.music-wall-left-shelf-final{
  width:305px;
  max-width:305px;
  margin-top:54px;
  margin-left:-22px;
}

.music-right-top-final{
  display:flex;
  align-items:flex-start;
  gap:14px;
  width:100%;
}

.music-wall-plaque-awards-final{
  width:188px;
  max-width:188px;
  flex:0 0 188px;
}

.music-wall-right-plants-final{
  width:228px;
  max-width:228px;
  flex:0 0 228px;
  margin-top:86px;
}

.music-wall-plaque-stores-final{
  width:346px;
  max-width:346px;
  margin-top:112px;
  margin-left:24px;
}

@media (max-width: 1760px){
  body.music-page{
    --music-left-reserve:330px;
    --music-right-reserve:458px;
    --music-wall-gap:26px;
  }
  .music-side-left{left:max(10px,calc(50% - (var(--music-center-max) / 2) - var(--music-wall-gap) - 276px));width:290px;}
  .music-side-right{right:max(10px,calc(50% - (var(--music-center-max) / 2) - var(--music-wall-gap) - 392px));width:392px;}
  .music-wall-plaque-left-final{width:220px;max-width:220px;}
  .music-wall-left-shelf-final{width:280px;max-width:280px;margin-top:48px;margin-left:-16px;}
  .music-wall-plaque-awards-final{width:178px;max-width:178px;flex-basis:178px;}
  .music-wall-right-plants-final{width:206px;max-width:206px;flex-basis:206px;margin-top:76px;}
  .music-wall-plaque-stores-final{width:320px;max-width:320px;margin-top:102px;margin-left:18px;}
}

@media (max-width: 1520px){
  body.music-page{
    --music-left-reserve:286px;
    --music-right-reserve:390px;
    --music-wall-gap:18px;
  }
  .music-page .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .music-page .deck-top{grid-template-columns:minmax(170px,220px) 1fr minmax(110px,140px);}
  .music-side-left{left:10px;width:250px;}
  .music-side-right{right:10px;width:330px;}
  .music-wall-plaque-left-final{width:188px;max-width:188px;}
  .music-wall-left-shelf-final{width:244px;max-width:244px;margin-top:40px;margin-left:-10px;}
  .music-right-top-final{gap:10px;}
  .music-wall-plaque-awards-final{width:150px;max-width:150px;flex-basis:150px;}
  .music-wall-right-plants-final{width:170px;max-width:170px;flex-basis:170px;margin-top:66px;}
  .music-wall-plaque-stores-final{width:270px;max-width:270px;margin-top:84px;margin-left:10px;}
}

@media (max-width: 1320px){
  .music-wall-final-lockup{display:none!important;}
  .music-page .approved-heading-shell,
  .music-page .page-intro .shell,
  .music-page .section > .shell,
  .music-page footer .shell{
    width:min(var(--music-center-max),94vw)!important;
  }
}

/* === MUSIC PAGE EXACT LOCK — MATCHES APPROVED SCREENSHOT === */
/* The five wall pieces below are deliberately positioned independently.
   Their centers/spacing match the approved desktop composition. */
.music-wall-exact{
  position:fixed!important;
  inset:0!important;
  z-index:12!important;
  pointer-events:none!important;
}
.music-wall-exact img{
  position:absolute!important;
  display:block!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.42));
}

/* LEFT WALL — both share the same center so the shelf is exactly under Scorpion Records. */
.music-exact-scorpion{
  left:17.6vw!important;
  top:7.3vh!important;
  width:10.7vw!important;
  transform:translateX(-50%)!important;
}
.music-exact-trophy-shelf{
  left:17.6vw!important;
  top:61.2vh!important;
  width:13.5vw!important;
  transform:translateX(-50%)!important;
}

/* RIGHT WALL — awards + plant shelf side-by-side, stores large and lower with breathing room. */
.music-exact-awards{
  left:73.0vw!important;
  top:7.2vh!important;
  width:10.3vw!important;
  transform:translateX(-50%)!important;
}
.music-exact-plant-shelf{
  left:86.2vw!important;
  top:22.4vh!important;
  width:13.2vw!important;
  transform:translateX(-50%)!important;
}
.music-exact-stores{
  left:82.2vw!important;
  top:49.8vh!important;
  width:25.4vw!important;
  transform:translateX(-50%)!important;
}

/* Preserve the approved center content; only reserve enough side room for the wall display. */
body.music-page{
  background:#030406 url("images/music_background.webp") center top / cover fixed no-repeat!important;
}
body.music-page::before{content:none!important;display:none!important;}
.music-page .site-header{position:relative!important;z-index:100!important;}
.music-page main,.music-page footer{position:relative!important;z-index:30!important;}

/* Keep the wall composition off compact screens; the normal centered music page remains usable. */
@media (max-width:1320px){
  .music-wall-exact{display:none!important;}
  .music-page .approved-heading-shell,
  .music-page .page-intro .shell,
  .music-page .section > .shell,
  .music-page footer .shell{width:min(1120px,94vw)!important;}
}


/* === EXACT REFERENCE IMAGE OVERRIDE — 2048x768 APPROVED COMPOSITION === */
@media (min-width:1321px){
  .music-wall-exact .music-exact-scorpion{left:17.6vw!important;top:7.3vh!important;width:10.7vw!important;}
  .music-wall-exact .music-exact-trophy-shelf{left:17.6vw!important;top:61.2vh!important;width:13.5vw!important;}
  .music-wall-exact .music-exact-awards{left:73.0vw!important;top:7.2vh!important;width:10.3vw!important;}
  .music-wall-exact .music-exact-plant-shelf{left:86.2vw!important;top:22.4vh!important;width:13.2vw!important;}
  .music-wall-exact .music-exact-stores{left:82.2vw!important;top:49.8vh!important;width:25.4vw!important;}
}


/* === FINAL WALL POSITION LOCK — USER APPROVED SIZES, POSITION ONLY === */
/* Do not resize or restyle these pieces. Only their positions are locked here. */
@media (min-width:1321px){
  /* Plant shelf intentionally removed. */
  .music-exact-plant-shelf{display:none!important;}

  /* Left wall stays exactly as-is. */
  .music-wall-exact .music-exact-scorpion{
    left:17.6vw!important;
    top:7.3vh!important;
    width:10.7vw!important;
    transform:translateX(-50%)!important;
  }
  .music-wall-exact .music-exact-trophy-shelf{
    left:17.6vw!important;
    top:61.2vh!important;
    width:13.5vw!important;
    transform:translateX(-50%)!important;
  }

  /* Streaming panel keeps its approved size and vertical position; move it slightly right. */
  .music-wall-exact .music-exact-stores{
    left:84.0vw!important;
    top:49.8vh!important;
    width:25.4vw!important;
    transform:translateX(-50%)!important;
  }

  /* Gold/platinum plaque keeps its approved size and height; center it over Streaming & Stores. */
  .music-wall-exact .music-exact-awards{
    left:84.0vw!important;
    top:7.2vh!important;
    width:10.3vw!important;
    transform:translateX(-50%)!important;
  }
}

/* === FINAL SCORPION WALL PLAQUE SIZE — DISPLAY ONLY === */
/* Uses the ~254 KB transparent WEBP, but displays it larger on the wall. */
@media (min-width:1321px){
  .music-wall-exact .music-exact-scorpion{
    left:17.6vw!important;
    top:6.6vh!important;
    width:14.5vw!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
  }
}

/* === R70 — RESPONSIVE MUSIC ROOM SAFETY LOCK ===
   Keeps the approved desktop composition, but ties every wall image to the
   actual center music lane so nothing can slide underneath the player/cards.
   On compact screens the wall art becomes an in-flow display strip instead
   of disappearing or being covered. */

@media (min-width:1321px){
  body.music-page{
    --music-center-live:clamp(720px,50vw,1000px);
    --music-side-space:calc((100vw - var(--music-center-live)) / 2);
    --music-inner-gap:clamp(12px,1.1vw,22px);
    --music-outer-gap:clamp(10px,1vw,20px);
    --music-side-usable:calc(var(--music-side-space) - var(--music-inner-gap) - var(--music-outer-gap));
    --music-store-w:min(25.4vw,var(--music-side-usable));
    --music-award-w:min(10.3vw,var(--music-side-usable));
  }

  /* The player/song lane is the protected center of the room. */
  .music-page .approved-heading-shell,
  .music-page .page-intro .shell,
  .music-page .section > .shell,
  .music-page footer .shell{
    width:var(--music-center-live)!important;
    max-width:var(--music-center-live)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .music-wall-exact{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    overflow:hidden!important;
  }

  /* LEFT WALL: pin the inner edge to the protected center lane. */
  .music-wall-exact .music-exact-scorpion{
    left:auto!important;
    right:calc(50% + (var(--music-center-live) / 2) + var(--music-inner-gap))!important;
    top:clamp(78px,6.6vh,104px)!important;
    width:min(14.5vw,var(--music-side-usable))!important;
    max-width:var(--music-side-usable)!important;
    transform:none!important;
  }
  .music-wall-exact .music-exact-trophy-shelf{
    left:auto!important;
    right:calc(50% + (var(--music-center-live) / 2) + var(--music-inner-gap))!important;
    top:clamp(430px,61.2vh,610px)!important;
    width:min(13.5vw,var(--music-side-usable))!important;
    max-width:var(--music-side-usable)!important;
    transform:none!important;
  }

  /* RIGHT WALL: pin the stores panel to the center lane and center the
     gold/platinum plaque directly above that same panel. */
  .music-wall-exact .music-exact-stores{
    left:calc(50% + (var(--music-center-live) / 2) + var(--music-inner-gap))!important;
    right:auto!important;
    top:clamp(370px,49.8vh,520px)!important;
    width:var(--music-store-w)!important;
    max-width:var(--music-store-w)!important;
    transform:none!important;
  }
  .music-wall-exact .music-exact-awards{
    left:calc(50% + (var(--music-center-live) / 2) + var(--music-inner-gap) + ((var(--music-store-w) - var(--music-award-w)) / 2))!important;
    right:auto!important;
    top:clamp(78px,7.2vh,108px)!important;
    width:var(--music-award-w)!important;
    max-width:var(--music-award-w)!important;
    transform:none!important;
  }

  .music-exact-plant-shelf{display:none!important;}
}

/* Compact desktop / tablet: keep the art visible, but move it into normal
   document flow so it can never sit on top of the player or song cards. */
@media (max-width:1320px){
  .music-wall-exact{
    position:relative!important;
    inset:auto!important;
    z-index:25!important;
    display:grid!important;
    grid-template-columns:1fr 1.1fr 1fr 1.45fr;
    align-items:center!important;
    gap:clamp(10px,2vw,22px)!important;
    width:min(94vw,940px)!important;
    margin:14px auto 8px!important;
    padding:0 10px!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .music-wall-exact img{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    max-width:100%!important;
    width:100%!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .music-wall-exact .music-exact-scorpion{width:min(100%,220px)!important;}
  .music-wall-exact .music-exact-trophy-shelf{width:min(100%,245px)!important;}
  .music-wall-exact .music-exact-awards{width:min(100%,190px)!important;}
  .music-wall-exact .music-exact-stores{width:min(100%,330px)!important;}
  .music-wall-exact .music-exact-plant-shelf{display:none!important;}

  .music-page .approved-heading-shell,
  .music-page .page-intro .shell,
  .music-page .section > .shell,
  .music-page footer .shell{
    width:min(1120px,94vw)!important;
    max-width:94vw!important;
  }
}

/* Phones: a clean two-column display keeps the branding readable instead of
   squeezing four images into tiny thumbnails. */
@media (max-width:760px){
  .music-wall-exact{
    grid-template-columns:1fr 1fr!important;
    width:min(94vw,620px)!important;
    gap:12px 16px!important;
  }
  .music-wall-exact .music-exact-scorpion{width:min(100%,180px)!important;}
  .music-wall-exact .music-exact-awards{width:min(100%,155px)!important;}
  .music-wall-exact .music-exact-trophy-shelf{width:min(100%,205px)!important;}
  .music-wall-exact .music-exact-stores{width:min(100%,250px)!important;}
}


/* ================================================================
   R61 — HOME FRONT-DOOR REDESIGN
   Removes the redundant homepage login panel in index.html only.
   Dedicated Sign In / Account pages and member functionality untouched.
   Desktop composition is kept compact so the full front-door presentation
   stays visible without unnecessary vertical scrolling.
   ================================================================ */
.home-page .home-approved-stage{
  padding:6px 0 4px!important;
}
.home-page .sp-text-brand{
  position:relative;
  width:min(1320px,97vw);
  margin:0 auto 2px;
  padding:0 0 13px;
}
.home-page .sp-text-brand-presenter{
  margin:0 0 1px;
  font-size:clamp(1rem,1.45vw,1.3rem);
  font-weight:500;
  letter-spacing:.04em;
}
.home-page .sp-text-brand-name{
  font-size:clamp(2.05rem,3.65vw,3.55rem);
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.02;
  text-shadow:0 2px 11px rgba(0,0,0,.74),0 0 18px rgba(217,180,107,.12);
}
/* Shallow half-moon accent under the company name. */
.home-page .sp-text-brand::after{
  content:"";
  display:block;
  width:min(760px,68vw);
  height:18px;
  margin:-4px auto -9px;
  border-top:2px solid rgba(220,176,88,.72);
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  box-shadow:0 -3px 10px rgba(222,175,80,.11);
  pointer-events:none;
}
.home-page .home-showcase{
  padding:0 0 4px!important;
}
.home-page .home-showcase .shell{
  width:min(1580px,96vw);
}
.home-page .exact-panel-row{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.home-page .exact-panel-row .home-panel-link{
  width:100%;
  max-width:300px;
  height:min(39vh,340px);
  aspect-ratio:auto!important;
  justify-self:center;
  border-radius:12px;
}
.home-page .exact-panel-row .home-panel-link img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center top;
}
.home-page .home-closing{
  padding:2px 0 4px!important;
}
.home-page .home-closing-grid{
  gap:14px;
  align-items:center;
}
.home-page .home-scripture{
  font-size:.9rem;
  line-height:1.3;
}
.home-page .home-scripture cite{
  margin-top:2px;
}
.home-page .home-mission strong{
  font-size:1.08rem;
  letter-spacing:.14em;
}
.home-page .home-mission span{
  font-size:.72rem;
  letter-spacing:.20em;
}
.home-page .home-signature img{
  width:min(320px,100%);
}
.home-page .home-copyright{
  margin-top:3px;
  font-size:.64rem;
}
.home-page .compact-footer{
  display:none;
}

/* Compact the top bar on desktop only; other pages are unchanged. */
@media(min-width:901px){
  .home-page .site-header .header-inner{min-height:52px}
  .home-page .nav a{padding:8px 9px;font-size:.78rem}
}

/* Lower-height desktop/laptop screens get an even tighter composition. */
@media(min-width:901px) and (max-height:760px){
  .home-page .site-header .header-inner{min-height:48px}
  .home-page .home-approved-stage{padding-top:3px!important;padding-bottom:1px!important}
  .home-page .sp-text-brand{padding-bottom:9px}
  .home-page .sp-text-brand-presenter{font-size:.94rem}
  .home-page .sp-text-brand-name{font-size:clamp(1.9rem,3.3vw,3rem)}
  .home-page .sp-text-brand::after{height:14px;margin-top:-3px;margin-bottom:-8px}
  .home-page .exact-panel-row .home-panel-link{height:min(37vh,290px)}
  .home-page .home-scripture{font-size:.82rem}
  .home-page .home-mission strong{font-size:.98rem}
  .home-page .home-mission span{font-size:.66rem}
  .home-page .home-signature img{width:min(280px,100%)}
}

/* Tablets and phones keep normal scrolling and readable card sizes. */
@media(max-width:900px){
  .home-page .sp-text-brand{padding-bottom:10px}
  .home-page .sp-text-brand-name{font-size:clamp(1.45rem,5.4vw,2.4rem)}
  .home-page .sp-text-brand::after{width:min(620px,76vw);height:14px}
  .home-page .exact-panel-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-page .exact-panel-row .home-panel-link{height:auto;aspect-ratio:407/516!important;max-width:360px}
  .home-page .home-closing{padding-top:10px!important}
}
@media(max-width:560px){
  .home-page .exact-panel-row{grid-template-columns:1fr}
  .home-page .sp-text-brand-name{white-space:normal!important;font-size:clamp(1.55rem,8vw,2.15rem)}
  .home-page .sp-text-brand::after{width:78vw}
}

/* ================================================================
   R63 — CLEAN STRAIGHT HOME MASTHEAD
   Keeps the homepage login removed. Straight company name, no arch.
   Drops the composition slightly lower while staying compact on desktop.
   ================================================================ */
.home-page .home-approved-stage{
  padding:20px 0 8px!important;
}
.home-page .sp-text-brand{
  width:min(1320px,97vw);
  margin:0 auto 4px;
  padding:0!important;
}
.home-page .sp-text-brand-presenter{
  margin:0 0 4px!important;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:clamp(1rem,1.45vw,1.3rem)!important;
  font-style:italic;
  font-weight:500!important;
  letter-spacing:.035em!important;
  color:#e2ba6c!important;
  text-shadow:0 2px 10px rgba(0,0,0,.72)!important;
}
.home-page .sp-text-brand-name{
  display:block!important;
  margin:0!important;
  padding:0 .05em .05em!important;
  white-space:nowrap!important;
  font-family:Georgia,"Times New Roman",Times,serif!important;
  font-size:clamp(2.35rem,4vw,4rem)!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:.018em!important;
  line-height:1!important;
  color:#e3bd6d!important;
  background:linear-gradient(180deg,#fff0bb 0%,#e0b65e 48%,#9d6b2f 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 3px 14px rgba(0,0,0,.5)!important;
}
.home-page .sp-text-brand::after{
  display:none!important;
  content:none!important;
}
.home-page .home-showcase{
  padding:8px 0 5px!important;
}
.home-page .exact-panel-row{
  gap:12px!important;
}
.home-page .home-closing{
  padding:7px 0 7px!important;
}
.home-page .home-closing-grid{
  gap:16px!important;
}

@media(min-width:901px) and (max-height:760px){
  .home-page .home-approved-stage{padding:14px 0 5px!important}
  .home-page .sp-text-brand-presenter{font-size:.96rem!important}
  .home-page .sp-text-brand-name{font-size:clamp(2.15rem,3.55vw,3.35rem)!important}
  .home-page .home-showcase{padding-top:6px!important}
  .home-page .exact-panel-row .home-panel-link{height:min(36vh,285px)!important}
  .home-page .home-closing{padding:5px 0 5px!important}
}
@media(max-width:900px){
  .home-page .home-approved-stage{padding:16px 0 6px!important}
  .home-page .sp-text-brand-name{white-space:normal!important;font-size:clamp(1.7rem,6.2vw,2.7rem)!important}
}
@media(max-width:560px){
  .home-page .home-approved-stage{padding-top:14px!important}
  .home-page .sp-text-brand-presenter{font-size:clamp(.92rem,4vw,1.08rem)!important}
  .home-page .sp-text-brand-name{font-size:clamp(1.65rem,8.2vw,2.3rem)!important}
}


/* FINAL LOCKED HOME LAYOUT */
@media (min-width:901px){
.home-page{overflow:hidden!important}.home-page .site-header{height:54px!important}.home-page .site-header .header-inner{min-height:54px!important;height:54px!important}.home-page main{position:relative!important;display:block!important;min-height:0!important;height:calc(100vh - 54px)!important;overflow:hidden!important}.home-page .home-approved-stage{position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:12px!important;padding:0!important;margin:0!important}.home-page .approved-heading-shell{width:min(1460px,96vw)!important}.home-page .sp-text-brand{width:100%!important;margin:0 auto!important;padding:0!important}.home-page .sp-text-brand-presenter{display:block!important;width:100%!important;margin:0 0 7px!important;color:#e8c67f!important;font-family:Georgia,"Times New Roman",Times,serif!important;font-size:clamp(1.08rem,1.38vw,1.42rem)!important;font-style:italic!important;font-weight:500!important;letter-spacing:.13em!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important;text-shadow:0 2px 3px #000,0 0 12px rgba(226,183,92,.12)!important}.home-page .sp-text-brand-name{display:block!important;margin:0 auto!important;padding:0 .1em .12em!important;white-space:nowrap!important;font-family:Georgia,"Times New Roman",Times,serif!important;font-size:clamp(3rem,4.25vw,4.85rem)!important;font-style:italic!important;font-weight:700!important;letter-spacing:.012em!important;line-height:.98!important;color:#d9aa4e!important;background:linear-gradient(180deg,#fff3c5 0%,#f1cf82 19%,#c9953f 50%,#88571d 73%,#e0b35e 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 1px 0 #f6d98f,0 2px 0 #c18d38,0 3px 0 #9b6926,0 4px 0 #714716,0 7px 6px rgba(0,0,0,.78),0 12px 22px rgba(0,0,0,.45)!important;filter:drop-shadow(0 1px 0 rgba(255,233,176,.24))!important}.home-page .sp-text-brand::after{display:none!important;content:none!important}.home-page .home-showcase{position:absolute!important;z-index:4!important;left:0!important;right:0!important;bottom:178px!important;padding:0!important;margin:0!important;display:block!important}.home-page .home-showcase .shell{width:min(1500px,94vw)!important;margin:0 auto!important;display:block!important}.home-page .exact-panel-row{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important;align-items:end!important;justify-content:center!important}.home-page .exact-panel-row .home-panel-link{width:100%!important;max-width:270px!important;height:auto!important;aspect-ratio:407/516!important;justify-self:center!important;overflow:visible!important;border-radius:13px!important}.home-page .exact-panel-row .home-panel-link img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.home-page .home-closing{position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;height:116px!important;min-height:116px!important;margin:0!important;padding:10px 0 7px!important;border-top:1px solid rgba(231,193,110,.20)!important;background:linear-gradient(180deg,rgba(2,4,7,.90),rgba(1,2,4,.97))!important;box-shadow:0 -12px 32px rgba(0,0,0,.38)!important}.home-page .home-closing .shell{width:min(1420px,92vw)!important}.home-page .home-closing-grid{height:70px!important;display:grid!important;grid-template-columns:1fr 1fr 1.15fr!important;gap:42px!important;align-items:center!important}.home-page .home-scripture{margin:0!important;padding:0!important;text-align:left!important}.home-page .home-scripture p{margin:0!important;font-size:.92rem!important;line-height:1.2!important}.home-page .home-scripture cite{display:block!important;margin-top:4px!important;font-size:.82rem!important}.home-page .home-mission{text-align:center!important}.home-page .home-mission strong{display:block!important;margin:0!important;font-size:1.15rem!important;letter-spacing:.14em!important;line-height:1.1!important}.home-page .home-mission span{display:block!important;margin-top:6px!important;font-size:.68rem!important;letter-spacing:.23em!important}.home-page .home-signature{display:flex!important;align-items:center!important;justify-content:flex-end!important;height:70px!important}.home-page .home-signature img{display:block!important;width:min(315px,100%)!important;max-height:62px!important;object-fit:contain!important}.home-page .home-copyright{margin:4px 0 0!important;font-size:.61rem!important;line-height:1!important;text-align:center!important}.home-page .compact-footer{display:none!important}}
@media (min-width:901px) and (max-height:760px){.home-page .home-approved-stage{top:8px!important}.home-page .sp-text-brand-presenter{font-size:1rem!important;margin-bottom:4px!important}.home-page .sp-text-brand-name{font-size:clamp(2.75rem,3.8vw,4.15rem)!important}.home-page .home-showcase{bottom:158px!important}.home-page .exact-panel-row{gap:16px!important}.home-page .exact-panel-row .home-panel-link{max-width:236px!important}.home-page .home-closing{height:104px!important;min-height:104px!important;padding-top:7px!important}.home-page .home-closing-grid{height:62px!important}.home-page .home-signature{height:62px!important}.home-page .home-signature img{max-height:54px!important;width:min(285px,100%)!important}}
@media (max-width:900px){.home-page{overflow:auto!important}.home-page main{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}.home-page .home-approved-stage,.home-page .home-showcase,.home-page .home-closing{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;height:auto!important;min-height:0!important}.home-page .home-approved-stage{padding:16px 0 8px!important}.home-page .sp-text-brand-presenter{letter-spacing:.045em!important;white-space:normal!important}.home-page .sp-text-brand-name{white-space:normal!important;font-size:clamp(1.8rem,6.4vw,2.8rem)!important;text-shadow:0 1px 0 #c18d38,0 2px 0 #8f6025,0 5px 12px rgba(0,0,0,.62)!important}.home-page .home-showcase{padding:10px 0 14px!important}.home-page .exact-panel-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.home-page .exact-panel-row .home-panel-link{max-width:360px!important;height:auto!important;aspect-ratio:407/516!important}.home-page .home-closing{padding:14px 0 12px!important;background:rgba(2,4,7,.88)!important}}
@media (max-width:560px){.home-page .exact-panel-row{grid-template-columns:1fr!important}.home-page .sp-text-brand-presenter{font-size:clamp(.9rem,4vw,1.08rem)!important}.home-page .sp-text-brand-name{font-size:clamp(1.7rem,8.1vw,2.35rem)!important}}


/* ===== Ziggy home-page wallpaper cleanup =====
   Removes duplicate home-page wording so the wallpaper artwork stays clean,
   and rebalances the card layout so the page breathes on wide screens. */
.home-page main{
  position:relative!important;
  display:block!important;
  min-height:calc(100vh - 54px)!important;
  height:calc(100vh - 54px)!important;
  overflow:hidden!important;
}
.home-page .home-approved-stage,
.home-page .sp-text-brand,
.home-page .sp-text-brand-presenter,
.home-page .sp-text-brand-name{
  display:none!important;
}
.home-page .home-showcase{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:128px!important;
  padding:0!important;
  margin:0!important;
  z-index:4!important;
}
.home-page .home-showcase .shell{
  width:min(1460px,92vw)!important;
  margin:0 auto!important;
}
.home-page .exact-panel-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:end!important;
  justify-content:center!important;
}
.home-page .exact-panel-row .home-panel-link{
  width:100%!important;
  max-width:228px!important;
  aspect-ratio:407/516!important;
  height:auto!important;
  justify-self:center!important;
  overflow:visible!important;
  border-radius:14px!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.42));
}
.home-page .exact-panel-row .home-panel-link img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.home-page .home-closing{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:108px!important;
  min-height:108px!important;
  padding:8px 0 6px!important;
  z-index:5!important;
}
.home-page .home-closing-grid{
  height:66px!important;
  gap:34px!important;
  align-items:center!important;
}
.home-page .home-scripture p{font-size:.88rem!important;line-height:1.18!important}
.home-page .home-scripture cite{font-size:.78rem!important}
.home-page .home-mission strong{font-size:1.05rem!important;letter-spacing:.13em!important}
.home-page .home-mission span{font-size:.66rem!important;letter-spacing:.19em!important}
.home-page .home-signature img{width:min(290px,100%)!important;max-height:56px!important}
.home-page .home-copyright{font-size:.60rem!important;margin-top:3px!important}
.home-page .site-header .header-inner{min-height:54px!important;height:54px!important;gap:16px!important}
.home-page .nav{gap:2px!important}
.home-page .nav a{padding:8px 9px!important;font-size:.79rem!important}

@media (max-width:1400px){
  .home-page .home-showcase{bottom:122px!important}
  .home-page .exact-panel-row{gap:14px!important}
  .home-page .exact-panel-row .home-panel-link{max-width:210px!important}
}
@media (max-width:1180px){
  .home-page main{height:auto!important;min-height:0!important;overflow:visible!important}
  .home-page .home-showcase,
  .home-page .home-closing{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    height:auto!important;min-height:0!important;
  }
  .home-page .home-showcase{padding:18px 0 14px!important}
  .home-page .exact-panel-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .home-page .exact-panel-row .home-panel-link{max-width:240px!important}
  .home-page .home-closing{padding:14px 0 12px!important}
}
@media (max-width:860px){
  .home-page .site-header .header-inner{height:auto!important;min-height:0!important;padding:10px 0!important;align-items:flex-start!important}
  .home-page .nav{justify-content:flex-start!important}
  .home-page .exact-panel-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  .home-page .exact-panel-row{grid-template-columns:1fr!important}
  .home-page .home-signature{justify-content:center!important}
}


/* ===== Ziggy home-page elegance pass v2 =====
   Stronger desktop scaling so the welcome wallpaper breathes and the cards
   sit lower/smaller without feeling cramped. */
@media (min-width: 1181px){
  .home-page .site-header{
    background:rgba(2,4,7,.84)!important;
  }
  .home-page .site-header .header-inner{
    min-height:48px!important;
    height:48px!important;
    gap:12px!important;
  }
  .home-page .brand-lockup{
    transform:scale(.92)!important;
    transform-origin:left center!important;
    opacity:.92!important;
  }
  .home-page .brand-main,
  .home-page .brand-sub{
    font-size:clamp(1rem,1.15vw,1.35rem)!important;
    letter-spacing:.14em!important;
  }
  .home-page .nav{
    gap:1px!important;
  }
  .home-page .nav a{
    font-size:.74rem!important;
    padding:7px 8px!important;
    letter-spacing:.02em!important;
  }
  .home-page main{
    height:calc(100vh - 48px)!important;
    min-height:calc(100vh - 48px)!important;
  }
  .home-page .home-showcase{
    bottom:102px!important;
  }
  .home-page .home-showcase .shell{
    width:min(1380px,88vw)!important;
  }
  .home-page .exact-panel-row{
    gap:22px!important;
    align-items:end!important;
  }
  .home-page .exact-panel-row .home-panel-link{
    max-width:182px!important;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.34))!important;
  }
  .home-page .home-closing{
    height:84px!important;
    min-height:84px!important;
    padding:6px 0 4px!important;
    background:linear-gradient(180deg,rgba(2,4,7,.84),rgba(1,2,4,.95))!important;
  }
  .home-page .home-closing .shell{
    width:min(1320px,90vw)!important;
  }
  .home-page .home-closing-grid{
    height:50px!important;
    gap:22px!important;
    grid-template-columns:1fr 1fr .95fr!important;
  }
  .home-page .home-scripture p{
    font-size:.78rem!important;
    line-height:1.12!important;
  }
  .home-page .home-scripture cite{
    font-size:.70rem!important;
    margin-top:3px!important;
  }
  .home-page .home-mission strong{
    font-size:.94rem!important;
    letter-spacing:.12em!important;
  }
  .home-page .home-mission span{
    font-size:.58rem!important;
    letter-spacing:.18em!important;
    margin-top:4px!important;
  }
  .home-page .home-signature{
    height:50px!important;
  }
  .home-page .home-signature img{
    width:min(230px,100%)!important;
    max-height:42px!important;
  }
  .home-page .home-copyright{
    font-size:.53rem!important;
    margin-top:2px!important;
  }
}

@media (min-width: 1181px) and (max-height: 860px){
  .home-page .brand-lockup{transform:scale(.88)!important}
  .home-page .nav a{font-size:.70rem!important;padding:6px 7px!important}
  .home-page .home-showcase{bottom:94px!important}
  .home-page .exact-panel-row .home-panel-link{max-width:168px!important}
  .home-page .home-closing{height:78px!important;min-height:78px!important}
  .home-page .home-closing-grid{height:46px!important}
  .home-page .home-signature img{width:min(210px,100%)!important;max-height:38px!important}
}

@media (min-width: 1500px){
  .home-page .home-showcase .shell{width:min(1460px,86vw)!important}
  .home-page .exact-panel-row .home-panel-link{max-width:188px!important}
}

@media (max-width: 1180px){
  .home-page .site-header .header-inner{min-height:52px!important}
  .home-page .nav a{font-size:.76rem!important;padding:8px 8px!important}
  .home-page .home-showcase{padding:20px 0 16px!important}
  .home-page .exact-panel-row{gap:16px!important}
  .home-page .exact-panel-row .home-panel-link{max-width:210px!important}
}

@media (max-width: 860px){
  .home-page .brand-lockup{transform:none!important;opacity:1!important}
  .home-page .brand-sub{display:none!important}
  .home-page .home-closing-grid{grid-template-columns:1fr!important;gap:10px!important;height:auto!important}
  .home-page .home-scripture,
  .home-page .home-mission,
  .home-page .home-signature{text-align:center!important;justify-content:center!important}
}


/* ===== HOME WALLPAPER ZOOM-OUT PASS =====
   Show more of the full theater artwork on wide desktop screens.
   The image is fitted by height instead of "cover", so less of it is cropped. */
@media (min-width:1181px){
  body.home-page{
    background-color:#020304!important;
    background-position:center 48px!important;
    background-size:auto calc(100vh - 48px)!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
  }
}

/* Very wide monitors: give the artwork a little extra breathing room. */
@media (min-width:1800px){
  body.home-page{
    background-size:auto calc(96vh - 48px)!important;
    background-position:center 58px!important;
  }
}

/* Keep smaller screens filled naturally. */
@media (max-width:1180px){
  body.home-page{
    background-position:center top!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
}


/* ===== HOME WALLPAPER SIDE-FILL PASS =====
   Keep the full theater artwork visible in the center, while using a second
   copy of the same artwork underneath to fill ultra-wide side space.
   The centered artwork stays sharp; the outer fill is darkened so it reads
   like extended theater wings/curtains instead of empty black bars. */
@media (min-width:1181px){
  body.home-page{
    background-color:#020304!important;
    background-image:
      url("images/Sanderson_Payless_Welcome_Wallpaper.webp"),
      linear-gradient(90deg,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.30) 14%,
        rgba(0,0,0,0) 32%,
        rgba(0,0,0,0) 68%,
        rgba(0,0,0,.30) 86%,
        rgba(0,0,0,.55) 100%),
      url("images/Sanderson_Payless_Welcome_Wallpaper.webp")!important;
    background-position:
      center 48px,
      center top,
      center 48px!important;
    background-size:
      auto calc(100vh - 48px),
      100% 100%,
      cover!important;
    background-repeat:
      no-repeat,
      no-repeat,
      no-repeat!important;
    background-attachment:
      fixed,
      fixed,
      fixed!important;
  }
}

/* Extra-wide screens: keep the centered artwork comfortably framed while
   the lower cover layer extends the side curtains to the edges. */
@media (min-width:1800px){
  body.home-page{
    background-position:
      center 54px,
      center top,
      center 54px!important;
    background-size:
      auto calc(96vh - 48px),
      100% 100%,
      cover!important;
  }
}


/* ===== LOCKED HOME CARD PLACEMENT — 4 CARDS / OPEN CENTER =====
   Books + Music left, Cinema + Games right, center kept clear.
   Membership remains available only from the permanent top menu. */
@media (min-width:1181px){
  .home-page .home-showcase{
    left:0!important;
    right:0!important;
    bottom:96px!important;
    padding:0!important;
  }

  .home-page .home-showcase .shell{
    width:min(1780px,96vw)!important;
    margin:0 auto!important;
  }

  .home-page .exact-panel-row{
    display:grid!important;
    grid-template-columns:
      minmax(150px,1fr)
      minmax(150px,1fr)
      minmax(360px,1.9fr)
      minmax(150px,1fr)
      minmax(150px,1fr)!important;
    gap:16px!important;
    align-items:end!important;
    width:100%!important;
  }

  .home-page .home-panel-books{grid-column:1!important;justify-self:start!important}
  .home-page .home-panel-music{grid-column:2!important;justify-self:start!important}
  .home-page .home-panel-cinema{grid-column:4!important;justify-self:end!important}
  .home-page .home-panel-games{grid-column:5!important;justify-self:end!important}

  .home-page .exact-panel-row .home-panel-link{
    width:min(100%,190px)!important;
    max-width:190px!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    border-radius:12px!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.46))!important;
    transition:transform .2s ease,filter .2s ease!important;
  }

  .home-page .exact-panel-row .home-panel-link img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .home-page .exact-panel-row .home-panel-link:hover,
  .home-page .exact-panel-row .home-panel-link:focus-visible{
    transform:translateY(-5px) scale(1.025)!important;
    filter:brightness(1.06) drop-shadow(0 14px 24px rgba(0,0,0,.58))!important;
    outline:none!important;
  }
}

/* Large desktop: preserve a generous open center. */
@media (min-width:1600px){
  .home-page .exact-panel-row{
    grid-template-columns:
      minmax(170px,1fr)
      minmax(170px,1fr)
      minmax(470px,2.25fr)
      minmax(170px,1fr)
      minmax(170px,1fr)!important;
    gap:18px!important;
  }
  .home-page .exact-panel-row .home-panel-link{
    width:min(100%,200px)!important;
    max-width:200px!important;
  }
}

/* As the screen narrows, the cards come together instead of overlapping. */
@media (min-width:901px) and (max-width:1180px){
  .home-page .home-showcase{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    padding:18px 0 14px!important;
  }
  .home-page .exact-panel-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .home-page .home-panel-books,
  .home-page .home-panel-music,
  .home-page .home-panel-cinema,
  .home-page .home-panel-games{
    grid-column:auto!important;
    justify-self:center!important;
  }
  .home-page .exact-panel-row .home-panel-link{
    width:min(100%,190px)!important;
    max-width:190px!important;
  }
}

/* Tablet: two rows, two cards per row. */
@media (min-width:561px) and (max-width:900px){
  .home-page .exact-panel-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .home-page .home-panel-books,
  .home-page .home-panel-music,
  .home-page .home-panel-cinema,
  .home-page .home-panel-games{
    grid-column:auto!important;
    justify-self:center!important;
  }
  .home-page .exact-panel-row .home-panel-link{
    width:min(100%,210px)!important;
    max-width:210px!important;
  }
}

/* Phone: one card per row, no overlap. */
@media (max-width:560px){
  .home-page .exact-panel-row{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .home-page .home-panel-books,
  .home-page .home-panel-music,
  .home-page .home-panel-cinema,
  .home-page .home-panel-games{
    grid-column:auto!important;
    justify-self:center!important;
  }
  .home-page .exact-panel-row .home-panel-link{
    width:min(78vw,230px)!important;
    max-width:230px!important;
  }
}


/* ===== HOME CARD PLACEMENT OVERRIDE v2 =====
   Push cards farther toward the ends, leave the center open,
   and stagger the inner cards slightly back so the layout reads
   like an entrance corridor. */
@media (min-width:1181px){
  .home-page .home-showcase{
    bottom:92px!important;
  }

  .home-page .home-showcase .shell{
    width:min(1910px,98vw)!important;
    margin:0 auto!important;
  }

  .home-page .exact-panel-row{
    display:grid!important;
    width:100%!important;
    grid-template-columns:
      minmax(175px,1.2fr)
      minmax(165px,1fr)
      minmax(520px,3.2fr)
      minmax(165px,1fr)
      minmax(175px,1.2fr)!important;
    gap:8px!important;
    align-items:end!important;
  }

  /* outer cards: near the ends, slightly more forward */
  .home-page .home-panel-books{
    grid-column:1!important;
    justify-self:start!important;
    align-self:end!important;
    transform:translateX(-10px) translateY(0) scale(1)!important;
    z-index:3!important;
  }

  .home-page .home-panel-games{
    grid-column:5!important;
    justify-self:end!important;
    align-self:end!important;
    transform:translateX(10px) translateY(0) scale(1)!important;
    z-index:3!important;
  }

  /* inner cards: tucked slightly inward/back to frame the opening */
  .home-page .home-panel-music{
    grid-column:2!important;
    justify-self:start!important;
    align-self:end!important;
    transform:translateX(-2px) translateY(-18px) scale(.92)!important;
    z-index:2!important;
  }

  .home-page .home-panel-cinema{
    grid-column:4!important;
    justify-self:end!important;
    align-self:end!important;
    transform:translateX(2px) translateY(-18px) scale(.92)!important;
    z-index:2!important;
  }

  .home-page .exact-panel-row .home-panel-link{
    width:min(100%,178px)!important;
    max-width:178px!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    border-radius:12px!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.48))!important;
    transition:transform .2s ease,filter .2s ease!important;
  }

  .home-page .exact-panel-row .home-panel-link img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .home-page .exact-panel-row .home-panel-link:hover,
  .home-page .exact-panel-row .home-panel-link:focus-visible{
    filter:brightness(1.05) drop-shadow(0 14px 22px rgba(0,0,0,.58))!important;
    outline:none!important;
  }

  .home-page .home-panel-books:hover,
  .home-page .home-panel-books:focus-within{
    transform:translateX(-10px) translateY(-4px) scale(1.02)!important;
  }

  .home-page .home-panel-games:hover,
  .home-page .home-panel-games:focus-within{
    transform:translateX(10px) translateY(-4px) scale(1.02)!important;
  }

  .home-page .home-panel-music:hover,
  .home-page .home-panel-music:focus-within{
    transform:translateX(-2px) translateY(-22px) scale(.94)!important;
  }

  .home-page .home-panel-cinema:hover,
  .home-page .home-panel-cinema:focus-within{
    transform:translateX(2px) translateY(-22px) scale(.94)!important;
  }
}

/* Wider displays: tuck the outer cards slightly closer to the edges. */
@media (min-width:1600px){
  .home-page .home-showcase .shell{
    width:min(1980px,99vw)!important;
  }

  .home-page .exact-panel-row{
    grid-template-columns:
      minmax(180px,1.25fr)
      minmax(165px,1fr)
      minmax(620px,3.6fr)
      minmax(165px,1fr)
      minmax(180px,1.25fr)!important;
    gap:6px!important;
  }

  .home-page .home-panel-books{transform:translateX(-18px) translateY(0) scale(1)!important}
  .home-page .home-panel-games{transform:translateX(18px) translateY(0) scale(1)!important}
}

/* Medium screens: keep the open center feeling, but let the cards come inward. */
@media (min-width:901px) and (max-width:1180px){
  .home-page .home-showcase{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    padding:18px 0 14px!important;
  }

  .home-page .home-showcase .shell{
    width:min(1200px,94vw)!important;
  }

  .home-page .exact-panel-row{
    display:grid!important;
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)
      minmax(90px,.45fr)
      minmax(0,1fr)
      minmax(0,1fr)!important;
    gap:10px!important;
    align-items:end!important;
  }

  .home-page .home-panel-books{grid-column:1!important;justify-self:start!important;transform:none!important}
  .home-page .home-panel-music{grid-column:2!important;justify-self:start!important;transform:translateY(-10px) scale(.94)!important}
  .home-page .home-panel-cinema{grid-column:4!important;justify-self:end!important;transform:translateY(-10px) scale(.94)!important}
  .home-page .home-panel-games{grid-column:5!important;justify-self:end!important;transform:none!important}

  .home-page .exact-panel-row .home-panel-link{
    width:min(100%,175px)!important;
    max-width:175px!important;
  }
}


/* ===== MOBILE HOME FIX — FULLER CARDS + CURRENT ARTWORK =====
   Phone cards use most of the screen width instead of the old 230px cap.
   All desktop transforms are removed on mobile so nothing becomes skinny
   or skewed, and the cards stack cleanly with their natural aspect ratio. */

@media (max-width:900px){
  .home-page .home-showcase{
    background:
      linear-gradient(180deg,rgba(3,4,7,.30),rgba(3,4,7,.72)),
      url("images/cosmic_subpage_background.webp") center top/cover no-repeat!important;
  }

  .home-page .home-showcase .shell{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  .home-page .home-panel-books,
  .home-page .home-panel-music,
  .home-page .home-panel-cinema,
  .home-page .home-panel-games{
    transform:none!important;
  }

  .home-page .exact-panel-row .home-panel-link{
    aspect-ratio:auto!important;
    height:auto!important;
  }

  .home-page .exact-panel-row .home-panel-link img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

@media (min-width:561px) and (max-width:900px){
  .home-page .exact-panel-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    padding:18px 0 24px!important;
  }

  .home-page .exact-panel-row .home-panel-link{
    width:min(42vw,320px)!important;
    max-width:320px!important;
    justify-self:center!important;
  }
}

@media (max-width:560px){
  .home-page .exact-panel-row{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:18px 0 26px!important;
  }

  .home-page .exact-panel-row .home-panel-link{
    width:min(90vw,360px)!important;
    max-width:360px!important;
    justify-self:center!important;
  }

  .home-page .exact-panel-row .home-panel-link img{
    border-radius:14px!important;
  }
}


/* ===== MUSIC PHONE GRID — TWO CDS PER ROW =====
   Portrait phones: exactly two song cards across.
   Keeps the CD visible while giving the title enough room to read naturally. */
@media (max-width:560px){
  .music-page .track-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .music-page .track{
    min-width:0!important;
    min-height:78px!important;
    padding:9px 8px!important;
    gap:8px!important;
    align-items:center!important;
  }

  .music-page .track-art{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
  }

  .music-page .track-copy{
    min-width:0!important;
    overflow:hidden!important;
  }

  .music-page .track-copy strong{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    font-size:.78rem!important;
    line-height:1.18!important;
  }

  .music-page .track-copy>span{
    font-size:.58rem!important;
    line-height:1.15!important;
  }
}

/* Very narrow phones: still keep two across, just trim the artwork slightly. */
@media (max-width:380px){
  .music-page .track-grid{
    gap:8px!important;
  }

  .music-page .track{
    padding:8px 6px!important;
    gap:6px!important;
  }

  .music-page .track-art{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }

  .music-page .track-copy strong{
    font-size:.72rem!important;
  }
}


/* ===== MUSIC PORTRAIT PHONE — STACK THE STEREO DISPLAY =====
   Final override: later desktop/tablet rules were reintroducing the
   three-column deck on phones, crushing the Now Playing display into
   a long skinny strip. On portrait phones, keep the business-card art
   first, put the full Now Playing screen directly underneath it, then
   center the dial below. */
@media (max-width:640px){
  .music-page .futuristic-deck .deck-top,
  .music-page .deck-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
  }

  .music-page .deck-art{
    width:100%!important;
    max-width:420px!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    justify-self:center!important;
    object-fit:contain!important;
  }

  .music-page .futuristic-deck .deck-screen,
  .music-page .deck-screen{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:104px!important;
    box-sizing:border-box!important;
    padding:15px 14px!important;
    justify-self:stretch!important;
    overflow:hidden!important;
  }

  .music-page .futuristic-deck .deck-screen strong,
  .music-page .deck-screen strong{
    display:block!important;
    width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    font-size:1.05rem!important;
    line-height:1.22!important;
  }

  .music-page .futuristic-deck .deck-screen span,
  .music-page .deck-screen span,
  .music-page .futuristic-deck .deck-screen #trackGenre{
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-height:1.25!important;
  }

  .music-page .futuristic-deck .dial,
  .music-page .dial{
    width:96px!important;
    max-width:96px!important;
    justify-self:center!important;
    margin:2px auto 0!important;
  }
}


/* =====================================================================
   SANDERSON PAYLESS — MASTER PILL MENU
   One identical header template for every main-site page.
   No divider line, no decorative flourish, no extra lights.
   ===================================================================== */

html body .site-header.sp-master-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1000!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:rgba(2,3,6,.92)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.sp-master-inner{
  width:100%!important;
  max-width:none!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 22px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  overflow:hidden!important;
}

.sp-master-brand{
  flex:0 0 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#dfbd70!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(.92rem,1.08vw,1.18rem)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.085em!important;
  text-transform:none!important;
  text-shadow:0 1px 0 rgba(71,54,19,.8)!important;
}

.sp-master-nav{
  flex:0 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

.sp-master-nav::-webkit-scrollbar{
  display:none!important;
}

.sp-master-nav > a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  margin:0!important;
  padding:4px 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(207,160,66,.58)!important;
  border-radius:999px!important;
  background:rgba(7,7,8,.74)!important;
  color:#e5c87f!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.68rem!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  box-shadow:none!important;
  transition:
    color .16s ease,
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease!important;
}

.sp-master-nav > a.active{
  color:#ffe7a4!important;
  border-color:rgba(244,193,84,.82)!important;
  background:rgba(112,72,16,.26)!important;
  box-shadow:inset 0 0 0 1px rgba(255,222,137,.08)!important;
}

@media (hover:hover) and (pointer:fine){
  .sp-master-nav > a:hover,
  .sp-master-nav > a:focus-visible{
    color:#fff0bb!important;
    border-color:rgba(255,205,94,.96)!important;
    background:rgba(117,76,15,.30)!important;
    box-shadow:
      0 0 9px rgba(230,171,55,.34),
      inset 0 0 7px rgba(255,215,122,.10)!important;
    outline:none!important;
  }
}

.sp-master-nav > a:focus-visible{
  outline:1px solid rgba(255,225,150,.78)!important;
  outline-offset:2px!important;
}

/* Normal laptops and smaller widescreens: preserve one exact row.
   The menu quietly becomes horizontally scrollable rather than wrapping,
   so page-to-page geometry never jumps. */
@media (max-width:1180px){
  .sp-master-inner{
    padding:0 14px!important;
    gap:12px!important;
  }

  .sp-master-brand{
    font-size:.82rem!important;
    letter-spacing:.065em!important;
  }

  .sp-master-nav{
    gap:5px!important;
  }

  .sp-master-nav > a{
    min-height:22px!important;
    padding:4px 8px!important;
    font-size:.62rem!important;
  }
}

/* Phone: still one thin bar.  Brand stays left; menu remains on the
   opposite side and can swipe horizontally without changing height. */
@media (max-width:700px){
  html body .site-header.sp-master-header{
    height:44px!important;
    min-height:44px!important;
  }

  .sp-master-inner{
    height:44px!important;
    min-height:44px!important;
    padding:0 8px!important;
    gap:8px!important;
  }

  .sp-master-brand{
    flex:0 0 auto!important;
    max-width:42vw!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:.58rem!important;
    letter-spacing:.025em!important;
  }

  .sp-master-nav{
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    gap:4px!important;
  }

  .sp-master-nav > a{
    min-height:21px!important;
    padding:3px 7px!important;
    font-size:.57rem!important;
  }
}


/* =====================================================================
   SANDERSON PAYLESS — MOBILE LANDSCAPE-ONLY GATE
   Phones held upright are intentionally blocked so the site never tries
   to squeeze the full design into portrait mode.
   ===================================================================== */
#sp-landscape-gate{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  box-sizing:border-box;
  padding:24px;
  background:
    radial-gradient(circle at 50% 30%, rgba(56,39,18,.22), transparent 42%),
    rgba(1,2,5,.985);
  color:#f2dfb7;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#sp-landscape-gate .sp-landscape-card{
  width:min(340px,88vw);
  padding:24px 20px;
  box-sizing:border-box;
  border:1px solid rgba(211,166,74,.62);
  border-radius:18px;
  background:rgba(10,10,13,.92);
}
#sp-landscape-gate .sp-landscape-title{
  margin:0 0 10px;
  color:#f0ca78;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.32rem;
  line-height:1.15;
}
#sp-landscape-gate .sp-landscape-copy{
  margin:0;
  font:400 .97rem/1.45 Arial,Helvetica,sans-serif;
  color:#eee2c8;
}
#sp-landscape-gate .sp-landscape-enter{
  margin-top:16px;
  min-width:154px;
  min-height:42px;
  padding:9px 18px;
  border:1px solid rgba(230,181,73,.9);
  border-radius:999px;
  background:rgba(92,59,15,.34);
  color:#ffe4a2;
  font:600 .95rem Georgia,"Times New Roman",serif;
  cursor:pointer;
}
#sp-landscape-gate .sp-landscape-note{
  margin-top:10px;
  color:#bfae8e;
  font:400 .76rem/1.35 Arial,Helvetica,sans-serif;
}
@media (max-width:700px) and (orientation:portrait){
  #sp-landscape-gate{display:flex!important;}
  body.sp-landscape-blocked{
    overflow:hidden!important;
    touch-action:none!important;
  }
}


/* =====================================================================
   SANDERSON PAYLESS — TRANSPARENT MASTER HEADER
   Keep the exact menu geometry; remove only the black header strip.
   ===================================================================== */
html body .site-header.sp-master-header{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* =====================================================================
   HOME PAGE — FINAL TOP TRANSPARENCY FIX
   The black strip was not the header itself. The Home wallpaper was being
   started 48px below the viewport. Move that SAME wallpaper up to y=0 so
   it is visible behind the already-transparent header.
   Bottom Home bar and every interior page are intentionally untouched.
   ===================================================================== */
@media (min-width:1181px){
  html body.home-page{
    background-position:
      center top,
      center top,
      center top!important;
  }

  html body.home-page > header.site-header.sp-master-header{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* =====================================================================
   INTERIOR PAGES — REMOVE BOTTOM FOOTER BARS
   Home is explicitly excluded so the Home page remains exactly as fixed.
   ===================================================================== */
body:not(.home-page) > footer,
body:not(.home-page) .compact-footer{
  display:none!important;
}

/* =====================================================================
   PHONE-ONLY PORTRAIT RESTORE — 2026-09-26
   Desktop/tablet/landscape rules above remain unchanged.
   Upright phones: remove the forced landscape gate and show the complete
   10-item navigation at once in a compact 5 x 2 grid.
   ===================================================================== */
@media (max-width:700px) and (orientation:portrait){
  html body #sp-landscape-gate{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body.sp-landscape-blocked{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:auto!important;
  }

  html body .site-header.sp-master-header{
    height:auto!important;
    min-height:0!important;
  }

  html body .sp-master-inner{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:4px 4px 5px!important;
    gap:3px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  html body .sp-master-brand{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    text-align:center!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:.54rem!important;
    line-height:1.05!important;
    letter-spacing:.025em!important;
  }

  html body .sp-master-nav{
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body .sp-master-nav > a{
    width:100%!important;
    min-width:0!important;
    min-height:20px!important;
    padding:3px 1px!important;
    margin:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    font-size:clamp(.45rem,2vw,.56rem)!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
}

@media (max-width:340px) and (orientation:portrait){
  html body .sp-master-inner{
    padding-left:2px!important;
    padding-right:2px!important;
  }

  html body .sp-master-nav{
    gap:1px!important;
  }

  html body .sp-master-nav > a{
    padding-left:0!important;
    padding-right:0!important;
    font-size:.44rem!important;
  }
}

/* =====================================================================
   CINEMA — FIXED LIVE PORTAL / NO PAGE SCROLL — 2026-09-26
   Keeps %%CINEMA_CONTENT%% and site.js intact so the existing IONOS
   movie manager, sign-in state, theater launch and current movie continue
   to work. Only the outer Cinema presentation is remapped to the approved
   entrance artwork.
   ===================================================================== */

html.cinema-root,
html.cinema-root body.cinema-page{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#000!important;
}

html.cinema-root body.cinema-page::after{
  display:none!important;
  content:none!important;
}

html.cinema-root body.cinema-page > header.site-header.sp-master-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:5000!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html.cinema-root body.cinema-page > main.cinema-fixed-portal{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000 url("images/cinema_theater_background.webp") center center/100% 100% no-repeat!important;
}

/* Remove legacy outer-page title/footer only on Cinema. */
html.cinema-root body.cinema-page .page-approved-stage,
html.cinema-root body.cinema-page > footer,
html.cinema-root body.cinema-page .compact-footer{
  display:none!important;
}

/* Let the existing server-generated Cinema content occupy the fixed portal
   without creating page height. */
html.cinema-root body.cinema-page .cinema-public-gate,
html.cinema-root body.cinema-page .cinema-lobby-section{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
}

html.cinema-root body.cinema-page .cinema-public-gate > .shell,
html.cinema-root body.cinema-page .cinema-lobby-section > .shell{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

html.cinema-root body.cinema-page .cinema-gate-card,
html.cinema-root body.cinema-page .cinema-marquee{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}

html.cinema-root body.cinema-page .cinema-gate-card::before,
html.cinema-root body.cinema-page .cinema-gate-card::after,
html.cinema-root body.cinema-page .cinema-marquee::before,
html.cinema-root body.cinema-page .cinema-marquee::after{
  display:none!important;
  content:none!important;
}

/* The entrance artwork already contains all headings and labels. */
html.cinema-root body.cinema-page .cinema-marquee-top,
html.cinema-root body.cinema-page .cinema-marquee-kicker,
html.cinema-root body.cinema-page .cinema-marquee-title,
html.cinema-root body.cinema-page .cinema-gate-era,
html.cinema-root body.cinema-page .cinema-gate-card > h1,
html.cinema-root body.cinema-page .cinema-gate-card > p,
html.cinema-root body.cinema-page .cinema-source-note,
html.cinema-root body.cinema-page .cinema-section-label,
html.cinema-root body.cinema-page .cinema-feature-copy h2,
html.cinema-root body.cinema-page .cinema-feature-copy p,
html.cinema-root body.cinema-page .cinema-feature-meta,
html.cinema-root body.cinema-page .cinema-showtime,
html.cinema-root body.cinema-page .cinema-coming-copy{
  display:none!important;
}

/* Public (signed-out) NOW SHOWING / COMING SOON poster grid.
   Coordinates are percentages of the approved entrance artwork, so they
   remain locked to the frames on every screen size. */
html.cinema-root body.cinema-page .cinema-public-poster-grid{
  position:absolute!important;
  left:33.07%!important;
  top:41.92%!important;
  width:33.62%!important;
  height:28.77%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:47.65% 46.93%!important;
  column-gap:5.42%!important;
  align-items:stretch!important;
  overflow:visible!important;
}

html.cinema-root body.cinema-page .cinema-public-poster-card{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.cinema-root body.cinema-page .cinema-public-poster{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:6px!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html.cinema-root body.cinema-page .cinema-public-poster img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
}

html.cinema-root body.cinema-page .cinema-public-poster-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  background:#000!important;
  color:transparent!important;
  font-size:0!important;
}

html.cinema-root body.cinema-page .cinema-public-poster-card h2,
html.cinema-root body.cinema-page .cinema-public-poster-card p,
html.cinema-root body.cinema-page .cinema-public-poster-card .cinema-coming-date{
  display:none!important;
}

/* Public sign-in: keep the existing real account link/function, but make
   its visible button transparent so the painted button in the artwork is
   the only button the visitor sees. */
html.cinema-root body.cinema-page .cinema-gate-actions{
  position:static!important;
  margin:0!important;
  padding:0!important;
}

html.cinema-root body.cinema-page .cinema-gate-actions > *{
  display:none!important;
}

html.cinema-root body.cinema-page .cinema-gate-actions a[href*="account"],
html.cinema-root body.cinema-page .cinema-gate-actions a[href*="login"],
html.cinema-root body.cinema-page .cinema-gate-actions .cinema-enter-button{
  display:block!important;
  position:absolute!important;
  left:39.14%!important;
  top:74.68%!important;
  width:21.60%!important;
  height:10.13%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  opacity:1!important;
  cursor:pointer!important;
  z-index:20!important;
}

/* Signed-in/current-feature layout. Keep the existing current poster and
   the existing real theater-enter button/function. */
html.cinema-root body.cinema-page .cinema-feature-board{
  position:static!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}

html.cinema-root body.cinema-page .cinema-feature-poster{
  position:absolute!important;
  left:33.07%!important;
  top:41.92%!important;
  width:16.02%!important;
  height:28.77%!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:5!important;
}

html.cinema-root body.cinema-page .cinema-feature-poster::after{
  display:none!important;
  content:none!important;
}

html.cinema-root body.cinema-page .cinema-feature-poster img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
}

html.cinema-root body.cinema-page .cinema-feature-copy{
  display:contents!important;
}

html.cinema-root body.cinema-page .cinema-enter-button{
  position:absolute!important;
  left:39.14%!important;
  top:74.68%!important;
  width:21.60%!important;
  height:10.13%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  opacity:1!important;
  cursor:pointer!important;
  z-index:20!important;
}

/* If a Coming Soon poster is scheduled by the existing manager, place it
   in the right frame. If none exists, the artwork remains black there. */
html.cinema-root body.cinema-page .cinema-coming-scheduled{
  display:contents!important;
}

html.cinema-root body.cinema-page .cinema-coming-poster{
  position:absolute!important;
  left:50.91%!important;
  top:41.92%!important;
  width:15.78%!important;
  height:28.77%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:5!important;
}

html.cinema-root body.cinema-page .cinema-coming-poster img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* The actual theater remains a fixed fullscreen overlay. No page or room
   scrollbars. The auditorium keeps its native ratio, and the existing
   video/player controls remain attached to the screen area. */
html.cinema-root body.cinema-page .cinema-experience{
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
}

html.cinema-root body.cinema-page .cinema-room{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-content:center!important;
}

html.cinema-root body.cinema-page .cinema-auditorium-shell{
  position:relative!important;
  width:min(100vw,calc(100dvh * 1672 / 941))!important;
  height:min(100dvh,calc(100vw * 941 / 1672))!important;
  aspect-ratio:1672/941!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  margin:auto!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
}

html.cinema-root body.cinema-page .cinema-auditorium-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

html.cinema-root body.cinema-page .cinema-stage-screen-area{
  left:30.75%!important;
  top:6.35%!important;
  width:38.50%!important;
  height:29.65%!important;
}

html.cinema-root body.cinema-page .cinema-movie-frame video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
}

/* Keep phone behavior fixed as well; no vertical page scroll is ever
   introduced by responsive rules. */
@media (max-width:700px){
  html.cinema-root,
  html.cinema-root body.cinema-page,
  html.cinema-root body.cinema-page > main.cinema-fixed-portal{
    overflow:hidden!important;
    min-height:0!important;
    max-height:100dvh!important;
  }
}

/* R63 — Cinema entrance cleanup: the old unscheduled "Next Week's Feature"
   card must never float over the approved entrance artwork.  When a movie is
   actually scheduled, .cinema-coming-scheduled remains available and its poster
   is positioned in the painted COMING SOON frame by the rules above. */
html.cinema-root body.cinema-page .cinema-coming-card:not(.cinema-coming-scheduled){
  display:none!important;
}

/* Defensive cleanup for any legacy empty/unscheduled Coming Soon copy that may
   be emitted by older server templates. */
html.cinema-root body.cinema-page .cinema-coming-card:not(:has(.cinema-coming-poster)),
html.cinema-root body.cinema-page .cinema-coming-label:not(.cinema-coming-scheduled){
  display:none!important;
}


/* R64 — Signed-in Cinema entrance label.
   The approved background artwork permanently says “SIGN IN TO VIEW THE CINEMA”.
   When the server renders the signed-in lobby (.cinema-lobby-section), cover only
   the inner face of that painted button and show the correct member action. */
html.cinema-root body.cinema-page .cinema-lobby-section .cinema-enter-button{
  overflow:visible!important;
}

html.cinema-root body.cinema-page .cinema-lobby-section .cinema-enter-button::before{
  content:"ENJOY THE MOVIE"!important;
  position:absolute!important;
  left:4.5%!important;
  right:4.5%!important;
  top:12%!important;
  bottom:12%!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#11100c 0%,#030303 55%,#090704 100%)!important;
  color:#f3d36f!important;
  font:700 clamp(10px,1.18vw,24px)/1.05 "Segoe UI",Arial,sans-serif!important;
  letter-spacing:.075em!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px #000,0 0 8px rgba(238,190,73,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(236,193,83,.20),inset 0 0 16px rgba(0,0,0,.75)!important;
  pointer-events:none!important;
  z-index:2!important;
}

/* Signed-out visitors still see the original painted SIGN IN wording. */
html.cinema-root body.cinema-page .cinema-public-gate .cinema-enter-button::before,
html.cinema-root body.cinema-page .cinema-public-gate .cinema-gate-actions a[href*="account"]::before,
html.cinema-root body.cinema-page .cinema-public-gate .cinema-gate-actions a[href*="login"]::before{
  content:none!important;
  display:none!important;
}

/* R65 — final Cinema chrome cleanup.
   The entrance artwork already contains its own NOW SHOWING heading, so no
   generated label is allowed to sit over the upper-left corner. */
html.cinema-root body.cinema-page .cinema-section-label,
html.cinema-root body.cinema-page .cinema-feature-poster::after{
  display:none!important;
  content:none!important;
}

/* EXIT THEATER is unnecessary on wide/desktop auditorium views.  On compact
   landscape screens it remains available, but sits below the site's top row. */
@media (min-width:901px){
  html.cinema-root body.cinema-page .cinema-experience .cinema-exit{
    display:none!important;
  }
}

@media (max-width:900px){
  html.cinema-root body.cinema-page .cinema-experience .cinema-exit{
    display:block!important;
    top:64px!important;
    right:10px!important;
    transform:none!important;
    z-index:40!important;
  }
}


/* =====================================================================
   STARSHIP AUDITORIUM — INSIDE THE THEATER ONLY — 2026-09-26
   IMPORTANT: no selectors below change the public/signed-in entrance page.
   The R65 entrance, posters, sign-in state, IONOS movie manager, and no-scroll
   portal remain exactly as they were.
   ===================================================================== */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:#000!important;
}

html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-room{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#000!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  filter:none!important;
}

/* Do not lay a second title/logo over the selected auditorium artwork. */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-room-title,
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-room-title-art{
  display:none!important;
}

html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-room-header{
  position:absolute!important;
  inset:0 0 auto 0!important;
  z-index:45!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-room-header .cinema-exit{
  pointer-events:auto!important;
}

/* Full-bleed theater. The source art is native ~21:9, so it naturally fills
   ultrawide screens. cover keeps all other screens filled without distortion. */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-auditorium-shell{
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  flex:none!important;
  background:#000!important;
  filter:none!important;
}

html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-auditorium-photo{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  pointer-events:none!important;
}

/* JS calculates these four dimensions from the actual cover-scaled image so
   the player stays registered to the painted projection screen at every size. */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-stage-screen-area{
  position:absolute!important;
  z-index:15!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  background:#000!important;
}

html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-movie-frame{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#000!important;
  box-shadow:none!important;
}

html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-movie-frame video,
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-movie-frame iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  background:#000!important;
  object-fit:contain!important;
}

/* Preserve the existing play/pause/timeline/volume controls on the screen. */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-controls{
  z-index:30!important;
  opacity:1;
}

/* Added only as a fullscreen fallback for browsers/TVs/phones whose built-in
   fullscreen control fails. It looks like the other player buttons. */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .sp-theater-fullscreen{
  min-width:40px!important;
  width:40px!important;
  height:38px!important;
  padding:0!important;
  font-size:1.15rem!important;
  line-height:1!important;
}

/* Wide screens do not need an EXIT THEATER pill; R65 behavior remains. */
@media (min-width:901px){
  html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-exit{
    display:none!important;
  }
}

/* On phones/tablets keep exit available, below the site's top navigation. */
@media (max-width:900px){
  html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-exit{
    display:block!important;
    position:fixed!important;
    top:66px!important;
    right:10px!important;
    transform:none!important;
    z-index:70!important;
  }
}


/* ================================================================
   STARSHIP AUDITORIUM PATH FIX — 2026-09-26
   The previous JS used a document-relative image URL, which resolved from
   /cinema/ instead of the theme folder.  Keep the existing working entrance
   untouched and load the INSIDE theater artwork from style.css, where
   images/... correctly resolves to the theme's lowercase images directory.
   ================================================================ */
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-auditorium-shell{
  background-color:#000!important;
  background-image:url("images/cinema_starship_theater.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
html.cinema-root body.cinema-page .cinema-experience.sp-starship-inside .cinema-auditorium-photo{
  display:none!important;
}


/* ================================================================
   STARSHIP THEATER EFFECTS — lights dim + controls auto-hide
   ================================================================ */

/* Dim the auditorium artwork only. The movie/player stays above this layer. */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside
.cinema-auditorium-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:10;
  background:rgba(0,0,0,0);
  opacity:0;
  pointer-events:none;
  transition:opacity 1.35s ease, background 1.35s ease;
}

html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside.sp-lights-dim
.cinema-auditorium-shell::after{
  background:rgba(0,0,0,.48);
  opacity:1;
}

/* Keep the actual movie screen bright above the dimmed auditorium. */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside
.cinema-stage-screen-area{
  z-index:15!important;
}

/* While the movie is playing, hide the custom controls after inactivity. */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside
.cinema-controls{
  opacity:1!important;
  transform:translateY(0)!important;
  transition:opacity .28s ease, transform .28s ease!important;
}

html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside.controls-hidden
.cinema-controls{
  opacity:0!important;
  transform:translateY(12px)!important;
  pointer-events:none!important;
}

/* Hide the extra fallback fullscreen button with the rest of the controls. */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside.controls-hidden
.sp-theater-fullscreen{
  opacity:0!important;
  pointer-events:none!important;
}

/* Do not show a mouse cursor over the picture after the controls hide. */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside.controls-hidden
.cinema-stage-screen-area{
  cursor:none!important;
}

/* Restore the cursor when the controls return. */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside:not(.controls-hidden)
.cinema-stage-screen-area{
  cursor:default!important;
}


/* ================================================================
   CLEAN FULLSCREEN — keep only the theater's custom control bar.
   Browser-native video controls are suppressed in frame fullscreen.
   iOS native fullscreen may still show Apple's required controls.
   ================================================================ */
html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside
.cinema-movie-frame video::-webkit-media-controls{
  display:none!important;
}

html.cinema-root body.cinema-page
.cinema-experience.sp-starship-inside
.cinema-movie-frame video::-webkit-media-controls-enclosure{
  display:none!important;
}

/* 2026-09-26 HOME PHONE FLOW REVISION
   The final Home-only portrait/landscape flow overrides are intentionally
   scoped in index.html after the Home overlay rules, where they can override
   the older absolute Home header without affecting interior pages. */

/* =====================================================================
   CINEMA — REMOVE OBSOLETE CURTAIN / DOOR FRAMEWORK — 2026-09-27
   Removes the legacy split curtain overlay and its center seam/shadows.
   Does not alter the auditorium artwork, movie screen, controls, entrance,
   navigation, or lighting behavior.
   ===================================================================== */
.cinema-experience .cinema-doorway,
.cinema-experience .cinema-door{
  display:none!important;
}