/* Champion Card Packs — mobile-responsive site, visually based on the approved homepage image.
   Edit most wording in EDIT_TEXT_HERE.js. Colors/layout live here. */
:root{--night:#020712;--panel:#031126;--gold:#ffda3d;--line:#dbad1d;--amber:#ffa91f;--violet:#9e20f2;--white:#f9f9ff;--cyan:#197cff;--muted:#dee2f0;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:"Arial Narrow","Liberation Sans Narrow",Arial,Helvetica,sans-serif;line-height:1.26;background:#020510}a{color:inherit}img{max-width:100%}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #eaffff;outline-offset:3px}#app{max-width:var(--max);margin:0 auto;min-height:100vh;overflow:hidden;box-shadow:0 0 55px #060d28}h1,h2,p{margin-top:0}
/* Dark, luminous galaxy behind the actual site content. Image assets are intentional / real artwork crops. */
.home-main,.inner-main{background-color:#020613;background-image:radial-gradient(ellipse at 97% 4%,rgba(125,5,199,.45) 0%,transparent 25%),radial-gradient(ellipse at 10% 30%,rgba(24,91,226,.34) 0%,transparent 35%),radial-gradient(ellipse at 55% 72%,rgba(32,13,107,.3) 0%,transparent 40%),radial-gradient(#7d5cff 1px,transparent 1.5px),radial-gradient(#18a3ff 1px,transparent 1.7px);background-size:auto,auto,auto,71px 93px,149px 157px;background-position:center,center,center,7px 28px,15px 18px}
.site-header{height:66px;position:relative;z-index:2;background:linear-gradient(180deg,#020915 0%,#030710 85%);border-bottom:1px solid #b7a128;box-shadow:0 2px 10px #05091b}
.header-inner{height:100%;max-width:1380px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:auto}
.brand{width:295px;flex:0 0 295px;display:block;text-decoration:none}.brand img{display:block;width:285px;height:auto;max-height:58px;object-fit:contain}
.nav-menu{display:flex;align-items:center;justify-content:center;flex:1;gap:42px;height:100%}.nav-link{font-size:15px;text-transform:uppercase;text-decoration:none;font-weight:700;letter-spacing:.02em;color:#e9e9eb;padding:14px 0 10px;white-space:nowrap}.nav-link:hover,.nav-link[aria-current=page]{color:#ffe246;border-bottom:3px solid var(--gold)}
.header-icons{display:flex;align-items:center;gap:14px;color:#f3f3f4}.nav-toggle{display:none;color:#fff;background:none;border:none;padding:0;cursor:pointer}.nav-toggle .ui-icon{height:27px;width:27px}
/* Hero matches the original left/right screenshot composition, with editable right-column text. */
.hero-grid{display:grid;grid-template-columns:48.5% 51.5%;min-height:474px;overflow:hidden;background:#050b1b;border-bottom:1px solid #66552c}
.hero-left{min-height:474px;position:relative;overflow:hidden;background:radial-gradient(circle,#630acd,#070822 70%)}.hero-scene{position:absolute;width:100%;height:100%;object-fit:fill;inset:0}
.hero-right{position:relative;min-width:0;padding:6px 21px 10px;text-align:center;background:radial-gradient(ellipse at 110% 20%,rgba(50,29,199,.27),transparent 52%),radial-gradient(ellipse at 22% 95%,rgba(15,3,63,.7),transparent 55%),#01050e;border-left:1px solid #191d49}
.hero-right::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(#7c24ff 1.4px,transparent 3px),radial-gradient(#2456ff 1px,transparent 2px);background-size:91px 127px,139px 199px;background-position:13px 2px,44px 58px}
.hero-right>*{position:relative}.title-art{width:93%;display:block;margin:0 auto 3px;max-height:186px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(68,3,132,.3))}
.hero-subtitle{margin:0;color:#ffd33d;text-shadow:0 0 7px #b06b1e;font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;letter-spacing:.02em;font-size:clamp(19px,2.1vw,31px);white-space:nowrap}
.script-head{font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive;font-style:italic;font-size:clamp(27px,3vw,49px);color:#ffed5e;line-height:1.02;text-shadow:0 0 8px #d3a02c;margin:1px 0 12px;transform:rotate(-2deg)}
.ui-icon{display:inline-block;flex:0 0 auto;width:26px;height:26px}
.hero-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 3px 7px;border-top:1px solid #44382a;padding-top:7px}.highlight{border-right:1px solid #b69924;min-width:0;padding:0 7px;color:#f5f5f3;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(10px,1.2vw,16px);line-height:1.13;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1px;text-transform:uppercase}.highlight:last-child{border:0}.highlight .ui-icon{height:43px;width:43px;color:#ffe53b;margin-bottom:3px;filter:drop-shadow(0 0 3px #b38213)}.highlight:last-child span:last-child{color:#ffea39}
.show-date{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0;background:rgba(0,12,25,.9);border:1px solid #b88f26;border-radius:8px;padding:6px 12px;text-align:left}.show-date .ui-icon{height:47px;width:47px;color:#ffdc31}.show-date strong{font-size:clamp(16px,1.7vw,25px);color:#ffdc31;letter-spacing:.10em;font-weight:900;display:block;line-height:1.1}.show-date p{margin:1px 0 0;max-width:470px;font-size:clamp(10px,.99vw,15px);text-transform:uppercase;line-height:1.1}
.whatnot-button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;color:#05080b;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.015em;font-size:clamp(22px,2.1vw,32px);text-decoration:none;font-weight:900;border:1px solid #ffd939;border-radius:7px;background:linear-gradient(180deg,#fff16a,#ffdf1f 53%,#ffc32d);box-shadow:0 0 15px rgba(221,154,17,.24)}.whatnot-button .whatnot-hearts{letter-spacing:-.38em;font-size:37px;padding-right:12px}.whatnot-button .ui-icon{color:#02030b;width:30px;height:26px}.whatnot-button:hover{filter:brightness(1.1)}
/* About / pack details / Chase Spot geometry */
.information-grid{display:grid;grid-template-columns:28% 22% 50%;padding:0 19px 4px 19px;min-height:397px;background:radial-gradient(ellipse at 7% 55%,rgba(11,59,139,.27),transparent 35%),radial-gradient(ellipse at 90% 80%,rgba(80,10,128,.22),transparent 45%),rgba(0,7,17,.9);border-bottom:1px solid #d9af2a}
.information-grid>section{min-width:0;padding:10px 15px 7px}
.section-heading{font-size:clamp(23px,2.15vw,31px);font-family:Impact,"Arial Narrow",Arial,sans-serif;color:#ffdf33;text-transform:uppercase;line-height:1.08;margin:0 0 10px;text-shadow:0 0 4px rgba(242,187,14,.3)}
.about-copy p{font-size:clamp(14px,1.08vw,17px);line-height:1.2;color:#eceef2;margin:0 0 12px}.quote{border-top:1px solid rgba(217,175,42,.7);margin-top:14px;padding-top:10px;display:flex;flex-direction:column}.quote span{font-family:Georgia,serif;color:#fff;font-size:clamp(25px,2.2vw,35px);line-height:1.1}.quote em{color:#ffec4d;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(25px,2.4vw,43px);text-shadow:0 0 7px rgba(227,194,31,.32);line-height:1.1}
.details-table{border-collapse:collapse;width:100%;background:#001225bb;font-size:clamp(12px,1vw,15px);line-height:1.18;border:1px solid #124579;border-radius:6px;overflow:hidden}.details-table th,.details-table td{text-align:left;vertical-align:top;padding:5px 6px;border-bottom:1px solid #143558}.details-table th{font-weight:400;width:44%;color:#f2f3fb;border-right:1px solid #183452}.details-table td{color:#ededf4}
.chase-panel{background:radial-gradient(ellipse at 43% 70%,rgba(50,6,113,.35),rgba(1,9,29,.55) 73%);border:3px solid #9d39ff;border-radius:9px;margin:3px 0 3px 6px;box-shadow:inset 0 0 9px rgba(192,63,255,.75),0 0 12px #a732ff,0 0 4px #df60ff!important;padding:6px 6px 5px!important}
.chase-heading{font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;line-height:1;letter-spacing:.015em;color:#ffe633;text-transform:uppercase;font-style:italic;text-align:center;font-size:clamp(22px,2.15vw,33px);text-shadow:2px 2px 0 #6c265f,0 0 5px #fff500;margin:0 0 8px}.chase-heading em{
  display:inline-block;
  font-family:"DejaVu Sans Condensed","Arial Black",Impact,sans-serif;
  font-style:italic;
  font-weight:900;
  letter-spacing:-.07em;
  font-size:.91em;
  transform:skew(-7deg);
  color:#b8ccff;
  background:linear-gradient(175deg,#eefbff 0%,#8de4ff 18%,#498bff 35%,#6559ff 51%,#cb72ff 72%,#fda5de 90%,#ffbd7b 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.45px #ffc1ef;
  text-shadow:1px 1px 0 #362f9a,2px 2px 0 #cf4db9,2px 3px 0 #a67a38,0 0 5px rgba(130,106,255,.8),0 0 10px rgba(255,79,250,.75);
  filter:drop-shadow(0 0 2px rgba(246,111,255,.9));
}.chase-heading .second-line{display:block}
.chase-body{display:grid;grid-template-columns:57% 43%;gap:5px;min-height:305px}.card-display{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,rgba(79,28,124,.48),#04071d 64%);border:1px solid rgba(176,68,232,.5);border-radius:3px;padding:9px 5px 6px}.card-display img{width:100%;height:auto;object-fit:contain;box-shadow:0 0 11px rgba(165,75,255,.42)}.card-display figcaption{margin-top:8px;padding:8px 3px 2px;color:#ffe633;font-size:clamp(11px,.99vw,14px);line-height:1.15;text-align:center;max-width:280px}
.steps{display:grid;grid-template-rows:.8fr 1.35fr 1fr;min-width:0}.step{display:flex;gap:7px;padding:7px 3px 4px 7px;border:1px solid #72551e;border-bottom:0;background:rgba(0,6,19,.9);min-width:0}.step:first-child{border-radius:7px 7px 0 0}.step:last-child{border-bottom:1px solid #72551e;border-radius:0 0 7px 7px}.step-index{font-size:27px;font-weight:900;color:#01020a;line-height:37px;flex:0 0 39px;height:39px;text-align:center;border-radius:50%;background:radial-gradient(circle at 27% 22%,#fff6a8,#ffdc26 58%,#a96907 75%);border:2px solid #ffd437;box-shadow:0 0 5px #ffd944}.step-body{min-width:0;text-align:left}.step-body .ui-icon{height:25px;width:29px;color:#f6df2a;display:block;margin:0 0 3px}.step-body p{font-size:clamp(11px,1.0vw,15px);font-weight:700;color:#ffe633;margin:0;line-height:1.12;text-transform:uppercase}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);min-height:103px;background:linear-gradient(100deg,rgba(0,12,28,.9),rgba(3,14,38,.8)),radial-gradient(circle at 90% 60%,rgba(107,45,185,.25),transparent);border-bottom:1px solid #cfae1b;padding:10px 18px 6px;text-align:center}.benefit{border-right:1px solid #bd9816;padding:0 14px}.benefit:last-child{border-right:0}.benefit .ui-icon{width:48px;height:47px;color:#ffdf31;filter:drop-shadow(0 0 4px rgba(234,212,20,.7));display:block;margin:0 auto 5px}.benefit strong{color:#ffe13b;font-size:clamp(11px,1.09vw,17px);font-family:Impact,"Arial Narrow",sans-serif;white-space:nowrap;display:block;line-height:1.08}.benefit p{color:#eceaf2;font-size:clamp(11px,1vw,16px);line-height:1.1;margin:3px auto 0;max-width:220px}
.disclaimer{margin:6px 25px 13px;display:flex;align-items:center;gap:21px;padding:6px 13px;border:2px solid #f2db23;border-radius:10px;color:#ffeb48;background:#05070dcc;min-height:47px}.disclaimer .ui-icon{width:45px;height:45px;flex:0 0 45px}.disclaimer p{text-align:center;font-size:clamp(12px,1.11vw,18px);margin:0;line-height:1.18}.site-footer{padding:14px 20px 20px;text-align:center;color:#b5bbd0;background:#040713;font-size:12px;border-top:1px solid #2d3866}.site-footer p{margin:0}
/* Other pages extend the same visual language; all body copy uses editable JS strings. */
.inner-main{padding:22px max(22px,calc((100% - 1270px)/2)) 42px;min-height:75vh}.inner-banner{padding:36px 16px 42px;border-radius:12px;background:linear-gradient(108deg,rgba(0,9,26,.93),rgba(24,11,57,.85));box-shadow:0 0 12px #443092;border:1px solid #a2752c}.inner-title{text-align:center;max-width:900px;margin:auto}.inner-title>span{color:#ffe33a;letter-spacing:.24em;text-transform:uppercase;font-size:14px}.inner-title h1{font:900 clamp(34px,5.5vw,67px)/1 Impact,"Arial Narrow",sans-serif;color:#fce05f;text-shadow:0 0 12px #6325b8;margin:8px 0 16px}.inner-title p{color:#e7ebf7;font-size:17px;max-width:700px;margin:0 auto}.inner-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;margin-top:25px}.info-card{border:1px solid #be8e1f;box-shadow:inset 0 0 15px rgba(28,20,94,.25);background:rgba(0,11,29,.96);border-radius:10px;padding:24px;margin-bottom:20px}.info-card h2,.info-card h3{color:#ffe34b;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(22px,2.2vw,30px);margin:6px 0 14px}.info-card h3{font-size:20px}.info-card p{color:#e5eaf7;font-size:16px;line-height:1.5}.status-tag{display:inline-block;font-size:12px;border:1px solid #f8dc41;color:#f8dc41;padding:5px 12px;border-radius:40px;letter-spacing:.06em}.notice-text{border-left:4px solid #e1bc31;background:#241d10bd;padding:13px;color:#fff0bb;margin:16px 0}.series-gallery{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px}.series-gallery figure{margin:0;border:1px solid #5366bb;border-radius:10px;overflow:hidden;background:#020715}.series-gallery img{display:block;width:100%;height:320px;object-fit:cover}.series-gallery figcaption{font-size:13px;color:#e7e4f1;padding:9px;line-height:1.3}.archive{margin-top:10px}.faq-heading h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:27px;color:#ffdc3f;text-align:center;margin-top:35px}.faq-items{max-width:1040px;margin:18px auto}.faq-item{border:1px solid #342e75;border-radius:8px;background:#020c24b0;margin:13px 0;padding:18px 22px}.faq-item summary{color:#ffe044;font-size:20px;font-weight:800;cursor:pointer}.faq-item p{margin:13px 0 0;color:#e7e8f2;line-height:1.5}.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:25px;margin-top:25px}.contact-brand{text-align:center}.contact-brand img{width:310px}.flag-block{font-size:70px;margin:22px 0}.contact-brand h2{letter-spacing:.12em;font-size:24px}
@media(max-width:1200px){.header-inner{gap:12px}.brand{flex-basis:246px;width:246px}.brand img{width:235px}.nav-menu{gap:24px}.hero-right{padding:4px 12px 10px}.information-grid{grid-template-columns:28% 23% 49%;padding:0 8px 5px}.information-grid>section{padding:10px 10px}.chase-panel{padding:6px 5px!important}.step-index{flex-basis:33px;height:33px;line-height:31px;font-size:23px}.step{gap:5px}}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr 1fr;min-height:380px}.hero-left{min-height:380px}.hero-right{padding:3px 9px}.title-art{width:100%;max-height:150px}.hero-subtitle{white-space:normal;font-size:20px}.script-head{font-size:30px}.highlight .ui-icon{width:31px;height:31px}.highlight{padding:0 2px;font-size:10px}.show-date{gap:7px;padding:7px}.show-date .ui-icon{width:30px;height:30px}.show-date strong{font-size:16px}.show-date p{font-size:10px}.whatnot-button{font-size:19px;min-height:43px}.information-grid{grid-template-columns:1fr 1fr}.about-copy,.details-section{min-height:320px}.chase-panel{grid-column:1/-1;margin:10px 6px 12px!important}.chase-body{grid-template-columns:1fr 1fr}.card-display img{max-width:480px}.steps{grid-template-rows:1fr 1fr 1fr}.step-body p{font-size:15px}.benefits{grid-template-columns:repeat(5,1fr)}.benefit{padding:0 6px}}
@media(max-width:680px){.site-header{height:66px}.header-inner{padding:0 11px}.brand,.brand img{width:240px}.brand{flex:0 1 240px}.nav-toggle{display:block}.nav-menu{display:none;position:absolute;top:66px;left:0;right:0;height:auto;background:#030811;z-index:10;flex-direction:column;align-items:stretch;padding:10px 20px 16px;gap:3px;border-bottom:2px solid var(--gold)}.nav-menu.open{display:flex}.nav-link{padding:12px 15px}.hero-grid{grid-template-columns:1fr}.hero-left{height:min(70vw,480px);min-height:300px}.hero-scene{object-fit:fill}.hero-right{padding:14px 14px 18px}.title-art{max-height:unset;width:min(100%,600px)}.hero-subtitle{font-size:clamp(19px,4.5vw,28px)}.script-head{font-size:clamp(35px,8vw,52px)}.hero-highlights{margin:12px 2px}.highlight{font-size:clamp(10px,2.8vw,14px)}.highlight .ui-icon{width:34px;height:34px}.show-date strong{font-size:clamp(16px,4.2vw,23px)}.show-date p{font-size:clamp(10px,2.7vw,13px)}.whatnot-button{min-height:52px;font-size:clamp(18px,5vw,26px)}.information-grid{grid-template-columns:1fr;padding:4px 10px}.information-grid>section{padding:12px 8px}.about-copy,.details-section{min-height:0}.section-heading{font-size:29px}.about-copy p,.details-table{font-size:15px}.chase-panel{grid-column:auto;margin:8px 0 14px!important}.chase-heading{font-size:clamp(23px,5vw,33px)}.chase-body{grid-template-columns:55% 45%;min-height:0}.card-display{min-height:270px}.step-body p{font-size:clamp(10px,2.9vw,15px)}.step-index{flex:0 0 31px;height:31px;font-size:22px;line-height:28px}.step-body .ui-icon{height:19px;width:23px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:14px}.benefit{padding:15px 9px;border-bottom:1px solid #b5a11b}.benefit:nth-child(2n){border-right:0}.benefit:last-child{grid-column:1/-1;border:0}.benefit strong{font-size:15px}.benefit p{font-size:13px}.disclaimer{margin:12px 11px;gap:10px;padding:9px}.disclaimer .ui-icon{width:35px;height:35px;flex-basis:35px}.disclaimer p{font-size:13px}.inner-grid,.contact-layout{grid-template-columns:1fr}.series-gallery img{height:240px}}
@media(max-width:420px){.brand,.brand img{width:213px}.brand{flex-basis:213px}.hero-left{min-height:280px}.highlight{font-size:10px}.chase-body{grid-template-columns:1fr}.card-display img{max-width:330px}.steps{gap:0}.step{padding:9px;min-height:70px}.step-body .ui-icon{display:none}.step-index{width:35px;height:35px;line-height:31px}.step-body p{font-size:13px}.series-gallery{grid-template-columns:1fr}}

/* 2026-10-23: Approved artwork replaces the tiny line icons. Each number sits above
   its own symbol; copy starts in line with its number, with no duplicated icon. */
.step{display:grid;grid-template-columns:83px minmax(0,1fr);column-gap:6px;align-items:start;padding:6px 7px 7px 5px}
.step-leading{min-width:0;width:83px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px}
.step-index{width:39px;height:39px;flex:none;line-height:35px;font-size:27px}
.step-symbol{display:block;object-fit:contain;flex:none;filter:drop-shadow(0 0 3px rgba(255,210,22,.22))}
.step-symbol-bid{width:78px;height:auto;max-height:28px}
.step-symbol-cut{width:43px;height:43px}
.step-symbol-trophy{width:44px;height:44px}
.step-body{align-self:start;padding-top:6px;text-align:left;min-width:0}
.step-body p{margin:0;overflow-wrap:normal}
@media(max-width:1200px){
  .step{grid-template-columns:76px minmax(0,1fr);gap:5px;padding:6px 5px 7px 4px}
  .step-leading{width:76px}
  .step-index{width:36px;height:36px;line-height:32px;font-size:24px}
  .step-symbol-bid{width:72px}
  .step-symbol-cut,.step-symbol-trophy{width:40px;height:40px}
}
@media(max-width:950px){
  .step{grid-template-columns:82px minmax(0,1fr);gap:8px;padding:8px}
  .step-leading{width:82px}
  .step-index{width:39px;height:39px;line-height:35px;font-size:27px}
  .step-symbol-bid{width:79px}
  .step-symbol-cut,.step-symbol-trophy{width:44px;height:44px}
}
@media(max-width:680px){
  .step{grid-template-columns:65px minmax(0,1fr);gap:5px;padding:7px 5px}
  .step-leading{width:65px;gap:5px}
  .step-index{width:34px;height:34px;line-height:30px;font-size:23px}
  .step-symbol-bid{width:62px}
  .step-symbol-cut,.step-symbol-trophy{width:35px;height:35px}
  .step-body{padding-top:4px}
}
@media(max-width:420px){
  .step{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:10px 8px}
  .step-leading{width:78px}
  .step-index{width:39px;height:39px;line-height:35px;font-size:27px}
  .step-symbol-bid{width:76px}
  .step-symbol-cut,.step-symbol-trophy{width:43px;height:43px}
  .step-body{padding-top:7px}
}

/* Gallery integration: shared navigation and archive link */
/* Public Chase Card Gallery – real photographs, equal-size flip tiles. */
.archive-link{display:inline-block;margin-top:9px;color:#ffe275;font-weight:900;text-decoration:none;border:1px solid #e8b84a;border-radius:6px;padding:12px 15px;background:#140e26;box-shadow:0 0 9px #802eaa77}
.archive-link:hover{background:#25143d}
/* New navigation item; preserves existing header artwork. */
.nav-menu{gap:clamp(12px,2.1vw,30px)}
.nav-link{font-size:clamp(11px,1vw,15px)}
@media(max-width:1050px){.brand{flex-basis:230px;width:230px}.brand img{width:225px}.header-glyph,.header-divider{display:none}.header-inner{gap:9px}}
@media(max-width:850px){.site-header{height:66px}.nav-toggle{display:block}.nav-menu{display:none;position:absolute;top:66px;left:0;right:0;height:auto;background:#030811;z-index:10;flex-direction:column;align-items:stretch;padding:10px 20px 16px;gap:3px;border-bottom:2px solid var(--gold)}.nav-menu.open{display:flex}.nav-link{padding:12px 15px;font-size:14px}}

/* Homepage: emphasize the original About the Series promise.
   Scoped to the quotation only, preserving all surrounding sections. */
.about-copy .quote{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  margin-top:8px;
  padding:3px 0 15px;
  border-top:0;
  gap:0;
}
.about-copy .quote span{
  display:block;
  color:#fffdf4;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(33px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.058em;
  white-space:nowrap;
  text-shadow:0 2px 3px #000,0 0 8px rgba(255,255,255,.14);
}
.about-copy .quote em{
  display:block;
  color:#ffe963;
  font-family:"Brush Script MT","Segoe Script","URW Chancery L","Z003",cursive;
  font-style:italic;
  font-weight:600;
  font-size:clamp(43px,3.85vw,51px);
  line-height:1.12;
  letter-spacing:-.045em;
  white-space:nowrap;
  margin-left:1px;
  transform:rotate(-1.5deg) scaleX(.96);
  transform-origin:left center;
  text-shadow:0 2px 2px #120704,0 0 8px #ca9616,0 0 17px rgba(255,204,16,.22);
}
.about-copy .quote::after{
  content:"";
  display:block;
  position:absolute;
  left:1px;
  bottom:1px;
  width:92%;
  height:3px;
  border-radius:50% 30% 80% 40%;
  transform:rotate(-1.4deg);
  background:linear-gradient(90deg,#a86c14 0%,#ffe858 17%,#fff28b 60%,#f9c933 91%,transparent 100%);
  box-shadow:0 2px 0 #9c570c,0 0 8px rgba(250,199,33,.35);
}
@media (max-width:950px){
  .about-copy .quote span{font-size:clamp(33px,4.1vw,40px)}
  .about-copy .quote em{font-size:clamp(43px,5.0vw,49px)}
}
@media (max-width:680px){
  .about-copy .quote{margin-top:12px;padding-bottom:17px}
  .about-copy .quote span{font-size:clamp(32px,8.2vw,40px)}
  .about-copy .quote em{font-size:clamp(42px,12vw,50px)}
  .about-copy .quote::after{width:min(94%,360px)}
}
/* Between tablet and desktop, keep the large signature entirely inside the narrower About column. */
@media (min-width:951px) and (max-width:1100px){
  .about-copy .quote em{font-size:clamp(36px,3.65vw,41px)}
}

/* Contact Us — page-only styling, preserving other pages */
.contact-page{position:relative;min-height:calc(100vh - 120px);padding:22px clamp(18px,3.4vw,52px) 42px;overflow:hidden;background:linear-gradient(180deg,rgba(3,8,20,.42),rgba(3,8,20,.68)),url("assets/series-stadium-background.webp") center top/cover no-repeat,#050814}
.contact-page::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(#b998f7 .8px,transparent 1.5px),radial-gradient(#628dfb 1px,transparent 2px);background-size:99px 131px,173px 199px;background-position:12px 22px,57px 93px}
.contact-page>*{position:relative}
.contact-hero{position:relative;overflow:hidden;border:1px solid rgba(248,202,70,.65);border-radius:18px;background:linear-gradient(112deg,rgba(4,9,24,.97),rgba(17,9,49,.95) 52%,rgba(3,14,34,.98));padding:39px 20px 33px;box-shadow:0 0 25px rgba(62,32,164,.25),inset 0 0 30px rgba(47,28,125,.25)}
.contact-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 110%,rgba(7,92,255,.30),transparent 42%),radial-gradient(ellipse at 90% 0%,rgba(145,22,230,.34),transparent 47%)}
.contact-hero-content{position:relative;text-align:center}
.contact-eyebrow{font-size:12px;letter-spacing:.35em;color:#f4d670;font-weight:800}
.contact-hero h1{font:900 clamp(45px,6.6vw,82px)/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.025em;color:#ffdf75;text-shadow:0 2px 0 #8c4818,0 4px 12px rgba(233,144,26,.45),0 0 23px rgba(141,41,222,.38);margin:10px 0 11px}
.contact-hero p{max-width:720px;margin:0 auto;color:#f3ecfb;font-size:clamp(16px,1.7vw,20px);line-height:1.4}
.contact-content{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:23px;margin-top:23px}
.contact-primary,.contact-brand-panel{position:relative;border:1px solid #b58e40;border-radius:16px;min-height:410px;background:linear-gradient(137deg,rgba(3,11,29,.98),rgba(7,7,25,.95));padding:clamp(20px,3vw,37px);box-shadow:inset 0 0 32px rgba(84,33,166,.12),0 3px 19px rgba(2,4,20,.54)}
.contact-kicker{color:#c6a6f3;font-size:12px;letter-spacing:.18em;font-weight:800}
.contact-primary h2{color:#f6d26c;font:900 clamp(28px,3.5vw,43px)/1.1 Impact,"Arial Narrow",sans-serif;margin:11px 0 17px}
.contact-description{font-size:17px;line-height:1.5;color:#eeedf6;max-width:560px;margin-bottom:26px}
.contact-whatnot-button{display:flex;justify-content:center;align-items:center;gap:14px;min-height:58px;max-width:440px;padding:13px 22px;text-decoration:none;border:1px solid #fff19c;border-radius:9px;color:#060917;font:900 clamp(18px,2.2vw,26px)/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;background:linear-gradient(180deg,#fff6a0 0%,#ffe046 52%,#e8ab31 100%);box-shadow:0 0 18px rgba(255,195,56,.28)}
.contact-whatnot-button .ui-icon{width:25px;height:25px}.contact-whatnot-button:hover{filter:brightness(1.08);box-shadow:0 0 23px rgba(255,205,62,.42)}
.contact-hint{margin:12px 0 22px;color:#bdc6df;font-size:13px;line-height:1.4}
.contact-notice{display:flex;align-items:flex-start;gap:11px;border-top:1px solid #62502a;padding-top:16px;color:#c7cbda}.contact-notice .ui-icon{color:#e4c571;width:21px;height:21px}.contact-notice p{margin:0;font-size:13px;line-height:1.4}
.contact-brand-panel{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:radial-gradient(ellipse at 50% 55%,rgba(92,31,170,.22),transparent 66%),linear-gradient(155deg,#06091a,#040916)}
.contact-brand-mark{width:100%;max-width:375px;padding:4px}.contact-brand-mark img{display:block;width:100%;height:auto}
.contact-family{font-weight:900;font-size:15px;letter-spacing:.11em;color:#fce17d;margin:3px 0 1px}
.contact-panel-rule{height:1px;width:70%;margin:5px auto;background:linear-gradient(90deg,transparent,#e4b342,transparent)}
.contact-brand-panel h2{margin:5px 0 0;color:#e7c1fc;font:900 clamp(22px,2.4vw,30px)/1.16 Impact,"Arial Narrow",sans-serif;letter-spacing:.035em}
.contact-brand-panel>p:not(.contact-family){font-size:14px;line-height:1.4;color:#d8d9ed;max-width:340px;margin:0 0 5px}
.contact-show-badge{display:flex;align-items:center;gap:8px;border:1px solid #8e6d24;background:#070d22;border-radius:8px;padding:9px 12px;color:#ffe466;font-weight:800;font-size:12px;letter-spacing:.05em}.contact-show-badge .ui-icon{height:22px;width:22px}
.contact-resources{margin-top:22px;border:1px solid #62508b;border-radius:14px;background:rgba(3,9,27,.93);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-resources h2{color:#fee17b;font-size:22px;font-weight:900;margin:0 0 6px}.contact-resources p{font-size:14px;color:#d8deeb;margin:0}.contact-resource-links{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.contact-resource-links a{display:flex;align-items:center;gap:12px;border:1px solid #bc8f39;border-radius:8px;color:#f7e2b7;padding:11px 13px;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.contact-resource-links a:hover{background:#261b4a}.contact-resource-links .ui-icon{height:17px;width:17px}
@media(max-width:860px){.contact-content{grid-template-columns:1fr}.contact-primary,.contact-brand-panel{min-height:0}.contact-brand-panel{padding-block:30px}.contact-resources{flex-direction:column;align-items:stretch}.contact-resource-links{flex:0 1 auto}}
@media(max-width:560px){.contact-page{padding:12px 12px 24px}.contact-hero{padding:29px 16px 28px}.contact-eyebrow{font-size:10px;letter-spacing:.2em}.contact-content{gap:12px;margin-top:12px}.contact-primary,.contact-brand-panel{padding:23px 19px}.contact-description{font-size:16px}.contact-whatnot-button{max-width:none}.contact-resources{margin-top:12px;padding:20px}.contact-resource-links{display:grid;grid-template-columns:1fr}}


/* FAQ — approved stadium look. Only applies to FAQ, leaving other pages untouched. */
.faq-stadium-page {
  background-color: #010613;
  background-image: linear-gradient(180deg,rgba(2,6,17,.12),rgba(2,6,17,.04) 48%,rgba(2,5,15,.25)),url("assets/faq-stadium-background.webp");
  background-position: center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: calc(100vh - 118px);
  padding: 32px clamp(15px,4vw,70px) 28px;
  isolation: isolate;
}
.faq-stadium-title{text-align:center;margin:0 auto 33px}
.faq-stadium-eyebrow {
  display:flex; align-items:center;justify-content:center;gap:24px;
  font-size:clamp(10px,1vw,15px);letter-spacing:.31em;font-weight:700;color:#f7d851;
  margin:0 auto 11px;white-space:nowrap;
}
.faq-stadium-eyebrow:before,.faq-stadium-eyebrow:after{content:"";height:1px;width:min(11vw,165px);background:linear-gradient(90deg,transparent,#ab7828)}
.faq-stadium-eyebrow:after{transform:scaleX(-1)}
.faq-stadium-title h1 {
  margin:0;line-height:1.08;
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.025em;font-size:clamp(32px,4.05vw,63px);
  font-weight:900;color:#ffe3a2;
  background:linear-gradient(180deg,#fff6dc 6%,#ffd66e 30%,#c77823 63%,#fff0ad 85%,#7d3f0b 99%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #9a4a12) drop-shadow(0 4px 0 #3b2040) drop-shadow(0 0 12px #ff952d77);
}
.faq-stadium-items{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-stadium-item{
  position:relative;
  background:linear-gradient(118deg,rgba(1,11,29,.97),rgba(3,11,30,.96));
  border:1.5px solid #e3aa37;border-bottom-color:#9d47f9;
  border-radius:9px;
  box-shadow:0 0 0 1px rgba(141,77,189,.26), inset 0 0 18px rgba(3,36,79,.32), 0 4px 10px #02061688;
  overflow:hidden;
}
.faq-stadium-item::after{
  content:"";position:absolute;inset:auto 0 0;height:2px;
  background:linear-gradient(90deg,#bb44fe,#923efd 15%,transparent 39%,transparent 75%,#912dfb);
  pointer-events:none;
}
.faq-stadium-item summary{list-style:none;display:flex;align-items:center;gap:15px;min-height:49px;
  padding:13px 20px 8px 21px;cursor:pointer;font-size:clamp(15px,1.25vw,19px);line-height:1.3;
  color:#ffe341;font-weight:800;text-shadow:0 0 2px #8f5e01;
}
.faq-stadium-item summary::-webkit-details-marker{display:none}
.faq-stadium-caret{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #ffe630;flex:0 0 auto;transform:rotate(-90deg);transition:transform .17s ease;filter:drop-shadow(0 0 3px #b27908)}
.faq-stadium-item[open] .faq-stadium-caret{transform:rotate(0deg)}
.faq-stadium-item p{padding:0 24px 16px 50px;margin:0;color:#f0f3fa;font-size:clamp(13px,1.05vw,16px);line-height:1.48;max-width:1040px}
.faq-stadium-item:hover{border-color:#ffdb4a;box-shadow:0 0 0 1px #8148a766,inset 0 0 18px #1e206d33,0 0 16px #813ded32}
.faq-stadium-item summary:focus-visible{outline:2px solid #e7faff;outline-offset:-3px}
body[data-page="faq"] .site-footer{border-top:1px solid #b78d22;background:#010715cc}
@media(max-width:850px){
 .faq-stadium-page{padding:27px 18px 34px;background-image:linear-gradient(180deg,rgba(1,4,13,.23),rgba(1,4,13,.12) 60%,rgba(1,5,15,.35)),url("assets/faq-stadium-mobile.webp");background-size:100% 100%}
 .faq-stadium-title{margin-bottom:25px}.faq-stadium-eyebrow{letter-spacing:.19em;gap:9px}
 .faq-stadium-eyebrow::before,.faq-stadium-eyebrow::after{width:9vw}
 .faq-stadium-title h1{font-size:clamp(30px,5.3vw,49px)}
 .faq-stadium-item summary{font-size:clamp(15px,2.1vw,18px);padding:13px 15px;gap:10px;min-height:54px}
 .faq-stadium-item p{font-size:15px;padding:0 16px 16px 40px}
}
@media(max-width:480px){
 .faq-stadium-page{padding:21px 11px 31px;min-height:calc(100vh - 120px)}
 .faq-stadium-title{margin-bottom:21px}.faq-stadium-title h1{font-size:clamp(29px,7.3vw,40px);letter-spacing:0}
 .faq-stadium-eyebrow{font-size:9px;letter-spacing:.12em;gap:7px}
 .faq-stadium-item{border-radius:7px}
 .faq-stadium-items{gap:10px}
 .faq-stadium-item summary{padding:12px 12px;font-size:16px;align-items:flex-start}
 .faq-stadium-caret{border-left-width:6px;border-right-width:6px;border-top-width:9px;margin-top:5px}
 .faq-stadium-item p{padding:0 13px 16px 32px;font-size:14px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.faq-stadium-caret{transition:none}}

/* FAQ additional approved-product reference and compact legal footer */
.faq-stadium-response{padding:0 24px 16px 50px}
.faq-stadium-response p{padding:0;margin:0;color:#f0f3fa;font-size:clamp(13px,1.05vw,16px);line-height:1.5}
.faq-official-link{display:inline-block;margin-top:10px;color:#fbd26b;font-size:clamp(13px,1.04vw,16px);font-weight:800;text-decoration:underline;text-decoration-color:#ad69ee;text-underline-offset:4px;transition:color .2s}
.faq-official-link:hover,.faq-official-link:focus-visible{color:#fdf4ca;text-decoration-color:#ffd66c}
.faq-legal{max-width:1080px;margin:29px auto 2px;padding:17px 25px 19px;border-top:1px solid rgba(232,181,82,.7);border-bottom:1px solid rgba(124,66,190,.42);background:linear-gradient(100deg,rgba(1,8,24,.83),rgba(3,7,22,.87));box-shadow:0 7px 30px #01030bd4;border-radius:4px}
.faq-legal h2{font:800 15px/1.4 Arial,sans-serif;letter-spacing:.16em;color:#edd08a;text-align:center;margin:0 0 11px}
.faq-legal p{font:400 12.5px/1.55 Arial,sans-serif;margin:7px 0;color:#c5c9d6}
.faq-legal strong{color:#e9d3a0;font-weight:700}
@media(max-width:850px){.faq-stadium-response{padding:0 16px 16px 40px}.faq-stadium-response p{font-size:15px}.faq-official-link{font-size:15px}.faq-legal{padding:16px 18px}}
@media(max-width:480px){.faq-stadium-response{padding:0 13px 16px 32px}.faq-stadium-response p{font-size:14px}.faq-official-link{font-size:14px}.faq-legal{margin-top:24px;padding:15px 14px}.faq-legal p{font-size:12px}}

/* SERIES INFO WORK-IN-PROGRESS: only the exact existing site header + approved clean stadium background. */
.series-background-only{display:block;width:100%;position:relative;min-height:1100px;aspect-ratio:1086/1448;background-color:#020411;background-image:url('assets/series-stadium-background.webp');background-repeat:no-repeat;background-position:top center;background-size:100% 100%;}
@media(max-width:680px){.series-background-only{min-height:max(790px,calc(100svh - 66px));aspect-ratio:auto;background-size:100% 100%;}}


/* SERIES INFO BUILD: sourced directly from the existing homepage sections.
   The shared navigation and approved stadium background are unchanged. */
.series-title-area{
  width:min(84%,1040px);margin:0 auto;text-align:center;
  padding-top:clamp(8px,1.8vw,26px);position:relative;
}
.series-title-art{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 12px rgba(10,5,36,.48))}
.series-title-subtitle{
  margin:-5px 0 0;color:#ffdd66;letter-spacing:.11em;
  font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;
  font-size:clamp(28px,3.7vw,53px);line-height:1.05;
  text-shadow:0 3px 0 #55260d,0 0 12px #6e23ca,0 0 18px rgba(255,218,64,.36);
}
.series-two-sections{
  display:grid;grid-template-columns:1.06fr .94fr;gap:24px;
  align-items:start;width:calc(100% - 66px);max-width:1280px;
  margin:clamp(34px,5vw,76px) auto 0;padding:0 0 70px;
}
.series-two-sections>section{
  min-width:0;min-height:410px;
  padding:23px 25px 27px;
  background:linear-gradient(135deg,rgba(1,7,19,.94),rgba(2,11,31,.91));
  border:1px solid rgba(218,169,53,.84);border-radius:10px;
  box-shadow:0 3px 20px rgba(0,0,0,.55),inset 0 0 22px rgba(42,20,100,.22);
}
.series-two-sections .section-heading{font-size:clamp(25px,2.4vw,35px);margin:0 0 16px;}
.series-about-panel p{font-size:clamp(16px,1.45vw,20px);line-height:1.39;color:#f3f2f7;margin:0 0 14px}
.series-feature-quote{
  display:flex;flex-direction:column;position:relative;align-items:flex-start;
  border-top:1px solid rgba(226,177,52,.75);padding:23px 0 12px;margin-top:23px;
}
.series-feature-quote span{
  display:block;color:#fff;font-family:Georgia,"Liberation Serif",serif;
  font-size:clamp(33px,3.3vw,49px);line-height:1.13;letter-spacing:-.02em;
  text-shadow:0 2px 5px #000;
}
.series-feature-quote em{
  display:block;color:#ffe55c;
  font-family:"Brush Script MT","Segoe Script","Comic Neue",cursive;
  font-size:clamp(37px,3.9vw,59px);font-style:italic;font-weight:700;line-height:1.08;
  letter-spacing:-.045em;text-shadow:0 0 12px rgba(255,205,43,.38),0 2px 5px #03010b;
  padding-bottom:16px;position:relative;
}
.series-feature-quote em::after{
  content:"";position:absolute;bottom:7px;left:4%;width:91%;height:3px;
  background:linear-gradient(90deg,#f8d644,#ffd73b 74%,transparent);
  box-shadow:0 0 8px rgba(255,212,50,.48);transform:rotate(-2deg);
}
.series-details-panel .details-table{
  width:100%;font-size:clamp(14px,1.21vw,17px);background:rgba(0,14,33,.65);
  border-color:#183e6d;line-height:1.3;
}
.series-details-panel .details-table th,.series-details-panel .details-table td{
  padding:8px 10px;border-bottom:1px solid rgba(43,87,138,.48);
}
.series-details-panel .details-table th{font-weight:600;width:38%;color:#f3eacb;}
.series-details-panel .details-table td{color:#f6f5fa;}
@media(max-width:760px){
  .series-title-area{width:94%;padding-top:12px;}
  .series-title-subtitle{font-size:clamp(24px,5.9vw,39px);margin-top:3px;}
  .series-two-sections{grid-template-columns:1fr;gap:16px;width:calc(100% - 26px);margin:28px auto 0;padding-bottom:30px;}
  .series-two-sections>section{padding:18px 17px;min-height:0;}
  .series-two-sections .section-heading{font-size:28px;margin-bottom:12px;}
  .series-about-panel p{font-size:16px;line-height:1.43;}
  .series-feature-quote{padding-top:17px;margin-top:18px;}
  .series-feature-quote span{font-size:clamp(30px,8vw,45px);}
  .series-feature-quote em{font-size:clamp(33px,9.1vw,49px);}
  .series-details-panel .details-table{font-size:14px;}
  .series-details-panel .details-table th,.series-details-panel .details-table td{padding:8px 6px;}
  .series-background-only{min-height:1550px;}
}


/* Series Info refinement — same two homepage-sourced sections, now equal-size
   desktop panels and a gold calligraphic treatment matching the reference.
   No header, navigation, background, copy, or other page rules changed. */
.series-two-sections{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  grid-auto-rows:1fr;
}
.series-two-sections>section{
  box-sizing:border-box;
  height:100%;
}
.series-feature-quote em{
  font-family:"Snell Roundhand","Apple Chancery","Z003","URW Chancery L","Brush Script MT","Segoe Script",cursive;
  font-style:italic;
  font-weight:500;
  font-size:clamp(52px,5vw,77px);
  line-height:1.15;
  letter-spacing:-.035em;
  color:#ffe16a;
  text-shadow:0 0 10px rgba(255,212,68,.34),0 2px 2px #18100a;
  padding-bottom:20px;
}
.series-feature-quote em::after{
  bottom:8px;left:3%;width:91%;height:0;
  background:none;
  border-bottom:3px solid #f5d156;
  border-radius:0 0 50% 50%;
  box-shadow:0 3px 7px rgba(255,202,42,.42);
  transform:rotate(-2deg);
}
@media(max-width:760px){
  .series-two-sections{
    grid-template-columns:1fr;
    align-items:stretch;
    grid-auto-rows:1fr;
  }
  .series-feature-quote em{
    font-size:clamp(38px,10.9vw,54px);
    letter-spacing:-.045em;
  }
}


/* SERIES INFO — approved title and two equal-height panels.
   Scoped to this page only; navigation and other pages are untouched.
   Approved title is a separate transparent PNG overlay; subtitle stays HTML/CSS. */
.series-background-only{
  min-height:1100px;
  height:auto;
  aspect-ratio:1086 / 1448;
  overflow:hidden;
}
.series-title-area{
  box-sizing:border-box;
  width:min(85%,1110px);
  margin:0 auto;
  padding-top:clamp(22px,5.5vw,72px);
  text-align:center;
  position:relative;
}
.series-artwork-heading{margin:0;line-height:0;}
.series-title-approved-image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  background:transparent;
}
.series-title-subtitle{
  font-family:'Inter Display','Trebuchet MS',Arial,sans-serif;
  color:#ffe16b;
  font-weight:850;
  font-size:clamp(40px,4.75vw,64px);
  letter-spacing:0;
  line-height:1.12;
  margin:5px 0 0;
  text-transform:none;
  text-shadow:0 2px 2px #2e1204,0 0 10px rgba(255,188,33,.65);
}
.series-two-sections{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  width:calc(100% - 88px);
  max-width:1280px;
  gap:15px;
  margin:clamp(34px,4.5vw,65px) auto 0;
  padding-bottom:80px;
}
.series-two-sections>section{
  height:100%;box-sizing:border-box;
  min-height:0;
  border:2px solid #ffd37a;
  border-radius:14px;
  background:linear-gradient(105deg,rgba(2,7,22,.975),rgba(1,13,39,.95));
  box-shadow:0 0 5px #ffa448,0 0 16px rgba(176,47,244,.65),inset 0 0 22px rgba(12,33,92,.38);
  padding:clamp(17px,2.1vw,28px) clamp(18px,2.6vw,34px) 25px;
}
.series-two-sections .section-heading{
  font-family:'Inter Display','Arial Black',Arial,sans-serif;
  font-weight:900;
  font-size:clamp(24px,2.65vw,38px);
  color:#ffe18a;
  margin:0 0 13px;
  padding-bottom:7px;
  border-bottom:2px solid #d3a02a;
  text-shadow:0 0 5px rgba(249,181,48,.6);
}
.series-about-panel p{
  font-family:'Inter',Arial,sans-serif;
  font-size:clamp(15px,1.55vw,21px);
  line-height:1.35;
  margin:0 0 16px;
  color:#f5f5fb;
}
.series-feature-quote{
  margin-top:14px;
  padding-top:15px;
  border-top:1px solid rgba(255,208,65,.75);
}
.series-feature-quote span{
  font-size:clamp(29px,3.5vw,53px);
}
.series-feature-quote em{
  font-family:'Snell Roundhand','Apple Chancery','Z003','URW Chancery L','Brush Script MT',cursive;
  color:#ffe269;
  font-weight:500;
  font-size:clamp(39px,4.65vw,73px);
  line-height:1.16;
  letter-spacing:-.038em;
  white-space:nowrap;
}
.series-details-panel .details-table{
  width:100%;
  font-family:'Inter',Arial,sans-serif;
  font-size:clamp(13px,1.46vw,19px);
  line-height:1.27;
  border-collapse:collapse;
}
.series-details-panel .details-table th,
.series-details-panel .details-table td{
  border:1px solid rgba(30,78,120,.48);
  padding:clamp(6px,.9vw,12px) 9px;
  text-align:left;vertical-align:top;
}
.series-details-panel .details-table th{
  color:#ffdf5a;
  width:45%;font-weight:750;
}
.series-details-panel .details-table td{
  color:#f7f6fc;
}
@media(max-width:760px){
  .series-background-only{
    min-height:max(1510px,calc(100svh - 66px));
    aspect-ratio:auto;
    background-size:100% 100%;
  }
  .series-title-area{width:95%;padding-top:clamp(22px,6vw,37px);}
  .series-title-subtitle{font-size:clamp(34px,8.4vw,48px);margin-top:0;}
  .series-two-sections{grid-template-columns:1fr;grid-auto-rows:auto;width:calc(100% - 24px);gap:17px;margin:clamp(22px,6vw,38px) auto 0;}
  .series-two-sections>section{padding:17px 16px 19px;min-height:0;height:auto;}
  .series-two-sections .section-heading{font-size:clamp(25px,7.4vw,33px);margin-bottom:12px;}
  .series-about-panel p{font-size:clamp(15px,4vw,18px);line-height:1.42;}
  .series-feature-quote span{font-size:clamp(32px,8vw,43px);}
  .series-feature-quote em{font-size:clamp(35px,9vw,47px);white-space:normal;}
  .series-details-panel .details-table{font-size:clamp(13px,3.6vw,16px);}
}

/* Approved Series Info slogan artwork: independent transparent foreground layer. */
.series-feature-quote .series-standards-lockup{
  display:block;width:100%;height:auto;object-fit:contain;
  max-width:100%;margin:0 auto;
}

/* Series Info on mobile: viewport-sized, stationary stadium layer.
   The approved title, panels, navigation, and desktop background remain unchanged.
   Only the foreground content scrolls; artwork is NEVER stretched to page height.
   Body pseudo-element avoids iOS Safari background-attachment:fixed inconsistencies. */
@media (max-width: 760px) {
  body[data-page="series"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: #020411 url('assets/series-stadium-mobile-viewport.webp') center center / cover no-repeat;
  }
  body[data-page="series"] #app {
    position: relative;
    z-index: 1;
    background: transparent;
  }
  body[data-page="series"] .series-background-only {
    background: transparent;
    background-image: none;
    min-height: calc(100svh - 66px);
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
  }
}


/* 2026-10-31: APPROVED SERIES PAGE CHANGES ONLY.
   Preserve two panels and stadium, use approved illustrated headings,
   add one full-width, independently responsive How It Works area beneath. */
body[data-page="series"] .series-background-only {
  box-sizing:border-box;
  aspect-ratio:auto; height:auto; min-height:max(1180px,100vh);
  overflow:visible;
  background-size:100% auto;
  background-position:center top;
  background-repeat:repeat-y;
  padding-bottom:clamp(36px,4vw,62px);
}
body[data-page="series"] .series-two-sections {
  padding-bottom:0;
  margin-bottom:clamp(19px,2.2vw,32px);
}
body[data-page="series"] .series-graphic-heading {
  margin:0 0 clamp(13px,1.6vw,22px);
  padding:0;
  line-height:0;
  border:0;
}
body[data-page="series"] .series-graphic-heading img {
  display:block;
  width:100%;height:auto;object-fit:contain;
}
body[data-page="series"] .series-two-sections > section {
  padding-top:clamp(11px,1.1vw,16px);
}
body[data-page="series"] .series-how-section {
  position:relative;
  box-sizing:border-box;
  width:calc(100% - 88px);
  max-width:1280px;
  margin:0 auto;
  border:2px solid #ffd37a;
  border-radius:14px;
  padding:clamp(11px,1.35vw,19px);
  background:linear-gradient(105deg,rgba(2,7,22,.97),rgba(1,13,39,.93));
  box-shadow:0 0 5px #ffa448,0 0 16px rgba(176,47,244,.65),inset 0 0 22px rgba(12,33,92,.38);
  overflow:hidden;
}
body[data-page="series"] .series-how-section > .series-graphic-heading {
  width:100%;max-width:1200px;
  margin:0 auto clamp(10px,1.5vw,20px);
}
body[data-page="series"] .series-how-content {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:stretch;
  gap:clamp(13px,2vw,29px);
  min-width:0;
}
body[data-page="series"] .series-chase-card {
  position:relative;
  margin:0;
  min-width:0;
  border:1px solid rgba(240,177,72,.54);
  border-radius:9px;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:#040513;
}
body[data-page="series"] .series-chase-card>img {
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
body[data-page="series"] .series-chase-guarantee {
  position:absolute;left:7%;right:7%;bottom:2%;z-index:1;
  padding:clamp(4px,.75vw,10px) clamp(6px,1vw,13px);
  color:#ffe268;text-align:center;
  background:linear-gradient(90deg,rgba(7,4,19,.96),rgba(20,5,32,.9),rgba(7,4,19,.96));
  border:1px solid #ffd268;
  border-radius:5px;
  box-shadow:0 0 12px rgba(182,68,237,.7),0 0 12px rgba(255,194,64,.25);
  text-shadow:0 2px 2px #000;
}
body[data-page="series"] .series-chase-guarantee strong {
  display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;
  font-size:clamp(13px,1.6vw,23px);letter-spacing:.02em;line-height:1.1;
}
body[data-page="series"] .series-chase-guarantee span {
  display:block;font-family:Arial,sans-serif;
  font-size:clamp(11px,1.14vw,17px);font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;
  margin-top:3px;
}
body[data-page="series"] .series-chase-steps {
  display:grid;grid-template-rows: minmax(88px,.8fr) minmax(130px,1.2fr) minmax(165px,1.5fr);
  gap:clamp(8px,.92vw,13px);
  min-width:0;
}
body[data-page="series"] .series-chase-step {
  box-sizing:border-box;
  display:grid;grid-template-columns:clamp(38px,4vw,56px) clamp(44px,5vw,70px) minmax(0,1fr);
  align-items:center;
  column-gap:clamp(7px,1vw,13px);
  min-width:0;
  padding:clamp(10px,.95vw,14px);
  background:linear-gradient(105deg,rgba(0,4,15,.97),rgba(13,4,29,.94));
  border:1.5px solid #eeb447;border-radius:9px;
  box-shadow:0 0 8px rgba(228,114,250,.18),inset 0 0 12px rgba(48,23,89,.32);
}
body[data-page="series"] .series-chase-step-number {
  width:clamp(38px,4vw,56px);height:clamp(38px,4vw,56px);
  display:flex;align-items:center;justify-content:center;
  flex:none;border-radius:50%;
  border:2px solid #fff2ac;
  background:radial-gradient(circle at 30% 20%,#fff5ba,#ffdb34 48%,#9d6005 93%);
  color:#13080b;font:900 clamp(19px,2.5vw,34px)/1 Impact,Arial,sans-serif;
  box-shadow:0 0 11px #ffc83d;
}
body[data-page="series"] .series-chase-step-icon {
  display:block;width:100%;max-height:77px;object-fit:contain;
  filter:drop-shadow(0 0 6px rgba(176,53,255,.42));
}
body[data-page="series"] .series-chase-step-copy {min-width:0;}
body[data-page="series"] .series-chase-step-copy h3 {
  font:900 clamp(15px,1.39vw,20px)/1.14 Impact,'Arial Narrow',Arial,sans-serif;
  letter-spacing:.018em;color:#ffdb58;margin:0 0 5px;text-transform:uppercase;
}
body[data-page="series"] .series-chase-step-copy p {
  font:400 clamp(12px,1.1vw,16px)/1.31 Arial,sans-serif;
  margin:0;color:#fff;
}
@media(max-width:880px){
  body[data-page="series"] .series-how-content {grid-template-columns:1fr;}
  body[data-page="series"] .series-chase-card {aspect-ratio:1482/1061;max-height:570px;}
  body[data-page="series"] .series-chase-steps {grid-template-rows:auto;}
  body[data-page="series"] .series-chase-step {min-height:90px;}
  body[data-page="series"] .series-chase-guarantee strong {font-size:clamp(15px,3.7vw,24px);}
  body[data-page="series"] .series-chase-guarantee span {font-size:clamp(12px,2.6vw,17px);}
}
@media(max-width:760px){
  body[data-page="series"] .series-background-only {background:none;min-height:calc(100svh - 66px);padding-bottom:24px;}
  body[data-page="series"] .series-two-sections {margin-bottom:15px;}
  body[data-page="series"] .series-how-section {width:calc(100% - 24px);padding:10px;border-radius:12px;}
  body[data-page="series"] .series-chase-step {grid-template-columns:40px 48px minmax(0,1fr);gap:9px;padding:11px 8px;}
  body[data-page="series"] .series-chase-step-number {width:38px;height:38px;font-size:22px;}
  body[data-page="series"] .series-chase-step-copy h3 {font-size:clamp(15px,4vw,18px);}
  body[data-page="series"] .series-chase-step-copy p {font-size:clamp(12px,3.4vw,15px);line-height:1.36;}
  body[data-page="series"] .series-chase-step-icon {max-height:54px;}
}


/* 2026-10-31 — approved code-only Series title updates.
   Three headings now use actual transparent lettering extracted from the
   approved gold/purple artwork, not rectangular stadium-strip graphics.
   No updates to other pages or section content. */
body[data-page="series"] .series-graphic-heading {
  background:transparent; border:0; box-shadow:none;
  padding:0; margin:0 0 clamp(17px,1.7vw,24px);
}
body[data-page="series"] .series-graphic-heading img {
  width:100%;height:auto;max-width:100%;background:transparent;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(4,0,12,.92)) drop-shadow(0 0 5px rgba(116,40,199,.33));
}
body[data-page="series"] .series-title-subtitle {
  font-size:clamp(56px,6.5vw,94px);
  line-height:1.08;
  letter-spacing:.015em;
  margin-top:clamp(4px,.8vw,12px);
}
body[data-page="series"] .series-two-sections > section {
  padding-top:clamp(16px,1.6vw,23px);
}
body[data-page="series"] .series-how-section > .series-graphic-heading {
  width:100%;max-width:1220px;
  margin:0 auto clamp(14px,1.65vw,22px);
}
@media (max-width:760px) {
  body[data-page="series"] .series-title-subtitle {
    font-size:clamp(46px,11.8vw,62px);
    margin-top:5px;
  }
  body[data-page="series"] .series-graphic-heading {margin-bottom:15px;}
  body[data-page="series"] .series-how-section > .series-graphic-heading {margin-bottom:15px;}
}

/* Mobile-specific, two-line arrangement of the identical approved lettering. */
@media (max-width:760px) {
  body[data-page="series"] .series-how-section > .series-graphic-heading img {
    content:url('assets/series-title-champion-mobile-transparent.webp');
    display:block;width:100%;height:auto;
  }
}


/* Series page: user-supplied step icons, carefully isolated from IMG_6218.jpeg.
   No changes to iconography elsewhere on the website. */
body[data-page="series"] .series-chase-step-icon {
  width:100%;
  max-width:78px;
  max-height:84px;
  height:auto;
  justify-self:center;
  object-fit:contain;
  filter:drop-shadow(0 0 3px rgba(142,40,246,.25));
}
body[data-page="series"] .series-how-section > .series-graphic-heading {
  box-sizing:border-box;
  padding-inline:clamp(6px,1.25vw,18px);
  overflow:visible;
}
body[data-page="series"] .series-how-section > .series-graphic-heading img {
  display:block;
  width:100%;height:auto;
  object-fit:contain;
  object-position:center;
  margin-inline:auto;
}
@media(max-width:760px){
  body[data-page="series"] .series-chase-step-icon {
    max-width:58px;
    max-height:68px;
  }
  body[data-page="series"] .series-how-section > .series-graphic-heading {
    padding-inline:3px;
  }
  body[data-page="series"] .series-how-section > .series-graphic-heading img {
    content:url('assets/series-title-champion-mobile-transparent.webp');
    width:100%;height:auto;
  }
}

/* Final Series icon sizing: use the three reference art crops at a readable size.
   Layout keeps numbered circles and descriptive text in their approved positions. */
@media (min-width:761px) {
  body[data-page="series"] .series-chase-step {
    grid-template-columns:clamp(38px,4vw,56px) clamp(74px,6.8vw,92px) minmax(0,1fr);
  }
  body[data-page="series"] .series-chase-step-icon {max-width:90px;max-height:100px;}
}
@media(max-width:760px) {
  body[data-page="series"] .series-chase-step {
    grid-template-columns:40px 62px minmax(0,1fr);
    gap:9px;
  }
  body[data-page="series"] .series-chase-step-icon {max-width:62px;max-height:78px;}
}


/* 2026-10-31 — simplified gold guarantee caption, user-approved revision.
   CSS-rendered editable wording, clean rectangle, NO laurel art. */
body[data-page="series"] .series-chase-guarantee {
  position:absolute;
  z-index:2;
  left:6.8%;right:6.8%;bottom:2.2%;
  box-sizing:border-box;
  min-height:clamp(49px,5.5vw,68px);
  padding:clamp(6px,.8vw,11px) clamp(8px,1vw,16px);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  border:2px solid #f1bc5c;
  border-radius:4px;
  background:linear-gradient(180deg,rgba(35,17,37,.96) 0%,rgba(6,7,24,.98) 38%,rgba(10,6,23,.98) 100%);
  box-shadow:0 0 0 1px rgba(77,25,83,.9),0 0 13px rgba(204,95,241,.48),inset 0 0 16px rgba(241,157,44,.16);
  isolation:isolate;
}
body[data-page="series"] .series-chase-guarantee::before {
  content:"";pointer-events:none;
  position:absolute;inset:3px;
  border:1px solid rgba(255,207,111,.32);
  border-radius:1px;
  z-index:-1;
}
body[data-page="series"] .series-guarantee-copy {
  width:100%;min-width:0;
  text-align:center;
}
body[data-page="series"] .series-chase-guarantee strong {
  display:block;
  white-space:nowrap;
  color:#ffd65f;
  font-family:Impact,'Arial Narrow',Arial,sans-serif;
  font-weight:900;
  font-style:italic;
  font-size:clamp(13px,1.74vw,23px);
  letter-spacing:.025em;
  line-height:1.08;
  text-transform:uppercase;
  text-shadow:0 2px 0 #583005,0 -1px 0 #fff3b1,0 0 8px rgba(255,172,29,.47);
}
body[data-page="series"] .series-chase-guarantee span {
  display:block;
  margin-top:4px;
  color:#ffe3a0;
  font-family:'Arial Narrow',Arial,sans-serif;
  font-weight:800;
  font-size:clamp(10px,1.09vw,15px);
  letter-spacing:.20em;
  line-height:1.12;
  text-transform:uppercase;
  text-shadow:0 1px 0 #482308,0 0 5px rgba(255,172,29,.25);
}
@media(max-width:880px){
  body[data-page="series"] .series-chase-guarantee {
    min-height:clamp(45px,12vw,64px);
    padding:6px 8px;
  }
  body[data-page="series"] .series-chase-guarantee strong {font-size:clamp(12px,3.48vw,18px);letter-spacing:.015em;}
  body[data-page="series"] .series-chase-guarantee span {font-size:clamp(9px,2.7vw,13px);letter-spacing:.13em;}
}
@media(max-width:380px){
  body[data-page="series"] .series-chase-guarantee {left:4.8%;right:4.8%;padding:5px 6px;}
  body[data-page="series"] .series-chase-guarantee strong {font-size:clamp(11.1px,3.28vw,12.5px);letter-spacing:0;}
  body[data-page="series"] .series-chase-guarantee span {font-size:clamp(8.5px,2.5vw,10px);letter-spacing:.1em;}
}


/* SERIES PACK DETAILS — approved exact two-pack artwork, 2026-10-31.
   The image occupies only the unused vertical space provided by the adjacent
   About panel. It cannot enlarge the desktop grid row or cover the table. */
@media (min-width:681px) {
  body[data-page="series"] .series-details-panel {
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:hidden;
  }
  body[data-page="series"] .series-details-panel > .series-graphic-heading,
  body[data-page="series"] .series-details-panel > .details-table {
    flex:0 0 auto;
  }
  body[data-page="series"] .series-pack-display {
    display:flex;
    flex:1 1 0;
    align-items:center;
    justify-content:center;
    min-height:0;
    min-width:0;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px 2px 3px;
  }
  body[data-page="series"] .series-pack-display img {
    display:block;
    width:auto;
    height:auto;
    max-width:94%;
    max-height:100%;
    object-fit:contain;
    mask-image:radial-gradient(ellipse at center,#000 64%,rgba(0,0,0,.93) 76%,transparent 100%);
    -webkit-mask-image:radial-gradient(ellipse at center,#000 64%,rgba(0,0,0,.93) 76%,transparent 100%);
    filter:drop-shadow(0 0 9px rgba(161,49,245,.45));
  }
}
/* The stacked mobile panel has no spare height beneath Availability.
   Keep its approved geometry and legibility; no image is forced over text. */
@media (max-width:680px) {
  body[data-page="series"] .series-pack-display {display:none;}
}


/* 2026-10-31 — SERIES INFO: approved mobile pack artwork addition.
   At <=680px show the exact approved desktop two-pack art below the table,
   within the Pack Details border. No other page or desktop CSS is changed. */
@media (max-width: 680px) {
  body[data-page="series"] .series-details-panel > .series-pack-display {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    margin:clamp(12px,3.5vw,18px) auto 0;
    padding:0 2px 1px;
    overflow:hidden;
    flex:0 0 auto;
  }
  body[data-page="series"] .series-details-panel > .series-pack-display img {
    display:block;
    width:100%;
    max-width:365px;
    height:auto;
    object-fit:contain;
    -webkit-mask-image:radial-gradient(ellipse at center,#000 66%,rgba(0,0,0,.96) 79%,transparent 100%);
    mask-image:radial-gradient(ellipse at center,#000 66%,rgba(0,0,0,.96) 79%,transparent 100%);
    filter:drop-shadow(0 0 10px rgba(161,49,245,.4));
  }
}


/* 2026-10-31 — FAQ BACKGROUND SCROLL CORRECTION (FAQ ONLY)
   Pin the stadium to the viewport, preserving its aspect ratio as FAQ answers
   expand. A fixed pseudo-element avoids attachment:fixed problems on iOS Safari.
   All FAQ cards, copy, and other website pages remain unchanged. */
body[data-page="faq"]::before {
  content: "";
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, var(--max));
  height: 100vh;
  height: 100dvh;
  z-index: 0;
  pointer-events: none;
  background-color: #010613;
  background-image: linear-gradient(180deg,rgba(2,6,17,.12),rgba(2,6,17,.04) 48%,rgba(2,5,15,.25)), url("assets/faq-stadium-background.webp");
  background-size: cover, cover;
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
}
body[data-page="faq"] #app {
  position: relative;
  z-index: 1;
  background: transparent;
}
body[data-page="faq"] .faq-stadium-page {
  background: transparent;
  background-image: none;
}
@media (max-width: 850px) {
  body[data-page="faq"]::before {
    background-image: linear-gradient(180deg,rgba(1,4,13,.23),rgba(1,4,13,.12) 60%,rgba(1,5,15,.35)), url("assets/faq-stadium-mobile.webp");
    background-size: cover, cover;
    background-position: center top, center top;
  }
}


/* CONTACT US — user-approved Oct 31, 2026 stadium and exact logo artwork.
   Uses original unmodified Stout & Sons user image and approved transparent
   Champion Card Packs lettering. No scheduling badge or slogan. */
body[data-page="contact"] .contact-brand-panel {
  gap:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
body[data-page="contact"] .contact-art-stack {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(7px,0.8vw,11px);
  width:100%;
  min-width:0;
}
body[data-page="contact"] .contact-store-logo {
  display:block;
  width:min(100%,365px);
  height:auto;
  object-fit:contain;
}
body[data-page="contact"] .contact-packs-lettering {
  display:block;
  width:min(100%,410px);
  height:auto;
  object-fit:contain;
}
@media (max-width:560px) {
  body[data-page="contact"] .contact-page {
    background:linear-gradient(180deg,rgba(3,8,20,.42),rgba(3,8,20,.68)),url("assets/series-stadium-mobile-viewport.webp") center top/cover no-repeat,#050814;
  }
  body[data-page="contact"] .contact-store-logo {width:min(100%,295px)}
  body[data-page="contact"] .contact-packs-lettering {width:min(100%,303px)}
}

/* Home benefits: keep the restored five-item strip legible on narrow phones. */
@media (max-width:680px) {
  .home-main .benefit{min-width:0;}
  .home-main .benefit strong{white-space:normal;overflow-wrap:break-word;line-height:1.14;}
}


/* 2026-10-31 — HOME PAGE ONLY: user-approved streamlined stadium landing page.
   Navigation, title, four highlights, live-show banner, Whatnot button, benefits,
   disclaimer. No About, Pack Details, or How It Works sections on Home.
   All styling below is scoped to body[data-page="home"] to leave locked pages intact. */
body[data-page="home"] .home-landing {
  background-color:#020714;
  background-image:
    linear-gradient(180deg,rgba(1,4,12,.10) 0%,rgba(1,3,12,.12) 55%,rgba(1,3,12,.42) 100%),
    url("assets/series-stadium-background.webp");
  background-size:cover,cover;
  background-position:center top,center top;
  background-repeat:no-repeat;
  min-height:calc(100vh - 120px);
  padding:0 0 16px;
}
body[data-page="home"] .home-showcase-hero {
  width:min(1130px,calc(100% - 44px));
  margin:0 auto;
  padding:20px 0 16px;
  text-align:center;
}
body[data-page="home"] .home-showcase-title {
  display:block;
  width:min(100%,985px);
  height:auto;
  margin:0 auto 0;
  filter:drop-shadow(0 0 12px rgba(19,15,109,.36));
}
body[data-page="home"] .home-showcase-subtitle {
  margin:-2px 0 0;
  font:900 clamp(24px,3vw,38px)/1.04 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.025em;
  color:#ffe068;
  text-shadow:0 2px 2px #3d2007,0 0 12px rgba(250,173,31,.7);
}
body[data-page="home"] .home-showcase-script {
  font-family:"Brush Script MT","Segoe Script","URW Chancery L",cursive;
  font-size:clamp(40px,4.7vw,67px);
  font-style:italic;
  line-height:1.07;
  color:#ffe761;
  text-shadow:0 0 9px rgba(245,167,49,.66);
  transform:rotate(-2deg);
  margin:1px 0 24px;
}
body[data-page="home"] .home-showcase-hero .hero-highlights {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:2px solid #d6ae46;
  border-radius:15px;
  margin:0 0 13px;
  padding:10px 6px;
  background:linear-gradient(180deg,rgba(0,2,9,.92),rgba(2,5,18,.94));
  box-shadow:inset 0 0 19px rgba(194,103,24,.15),0 0 18px rgba(199,90,213,.20);
}
body[data-page="home"] .home-showcase-hero .highlight {
  padding:4px 14px;
  min-height:115px;
  justify-content:center;
  gap:2px;
  color:#fff;
  font-size:clamp(14px,1.65vw,21px);
  line-height:1.08;
  text-shadow:0 0 6px rgba(0,0,0,.9);
}
body[data-page="home"] .home-showcase-hero .highlight .ui-icon {
  width:55px;height:55px;margin-bottom:7px;
}
body[data-page="home"] .home-showcase-hero .show-date {
  margin:0 0 12px;
  min-height:79px;
  padding:9px 24px;
  border:2px solid #d6ab43;
  border-radius:10px;
  background:rgba(2,5,14,.92);
  box-shadow:0 0 9px rgba(252,169,34,.16);
  gap:26px;
}
body[data-page="home"] .home-showcase-hero .show-date .ui-icon {width:56px;height:56px}
body[data-page="home"] .home-showcase-hero .show-date strong {font-size:clamp(21px,2.5vw,31px);letter-spacing:.06em}
body[data-page="home"] .home-showcase-hero .show-date p {max-width:none;font-size:clamp(12px,1.4vw,18px);line-height:1.14}
body[data-page="home"] .home-showcase-hero .whatnot-button {
  width:100%;min-height:74px;
  font-size:clamp(24px,3.1vw,41px);
  border-radius:11px;
}
body[data-page="home"] .home-landing .benefits {
  margin:17px 20px 0;
  background:rgba(1,5,18,.95);
  border-top:1px solid #9d7b2f;
  border-bottom:1px solid #9d7b2f;
  box-shadow:0 0 16px rgba(32,12,110,.45);
}
body[data-page="home"] .home-landing .disclaimer {margin:0 20px 10px}
@media(max-width:680px){
  body[data-page="home"] .home-landing {
    background-image:linear-gradient(180deg,rgba(1,3,12,.16),rgba(1,3,12,.56) 100%),url("assets/series-stadium-mobile-viewport.webp");
    background-position:center top,center top;
    background-size:cover,cover;
  }
  body[data-page="home"] .home-showcase-hero{width:calc(100% - 22px);padding:16px 0 12px}
  body[data-page="home"] .home-showcase-title{width:100%}
  body[data-page="home"] .home-showcase-subtitle{font-size:clamp(20px,5.1vw,29px);margin:4px 0 3px}
  body[data-page="home"] .home-showcase-script{font-size:clamp(36px,8.4vw,53px);margin:4px 0 23px}
  body[data-page="home"] .home-showcase-hero .hero-highlights {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4px;padding:10px 7px}
  body[data-page="home"] .home-showcase-hero .highlight {min-height:110px;font-size:clamp(15px,3.5vw,20px);padding:10px 5px;line-height:1.1}
  body[data-page="home"] .home-showcase-hero .highlight:nth-child(2){border-right:0}
  body[data-page="home"] .home-showcase-hero .highlight:nth-child(1),
  body[data-page="home"] .home-showcase-hero .highlight:nth-child(2){border-bottom:1px solid #7d642f}
  body[data-page="home"] .home-showcase-hero .highlight .ui-icon{width:43px;height:43px}
  body[data-page="home"] .home-showcase-hero .show-date {min-height:76px;padding:10px 12px;gap:13px}
  body[data-page="home"] .home-showcase-hero .show-date .ui-icon{width:44px;height:44px}
  body[data-page="home"] .home-showcase-hero .show-date strong{font-size:clamp(17px,4.7vw,23px)}
  body[data-page="home"] .home-showcase-hero .show-date p{font-size:clamp(10px,2.7vw,14px)}
  body[data-page="home"] .home-showcase-hero .whatnot-button{min-height:60px;font-size:clamp(18px,5vw,27px);padding:6px 7px;gap:8px}
  body[data-page="home"] .home-landing .benefits{margin:14px 11px 0}
  body[data-page="home"] .home-landing .disclaimer{margin:0 11px 10px}
}
@media(max-width:359px){
  body[data-page="home"] .home-showcase-hero .highlight{font-size:14px}
  body[data-page="home"] .home-showcase-hero .whatnot-button{font-size:17px}
  body[data-page="home"] .home-showcase-hero .whatnot-button .whatnot-hearts{font-size:26px}
}


/* Home: approved direction for centered schedule, four benefits, and detailed disclaimer. */
body[data-page="home"] .home-showcase-hero .show-date{
  display:grid !important;
  grid-template-columns:66px minmax(0,1fr) 66px;
  column-gap:12px;align-items:center;text-align:center;
}
body[data-page="home"] .home-showcase-hero .show-date::after{content:"";}
body[data-page="home"] .home-showcase-hero .show-date .ui-icon{justify-self:center;}
body[data-page="home"] .home-showcase-hero .show-date strong{letter-spacing:.035em;}
body[data-page="home"] .home-landing .benefits{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body[data-page="home"] .home-landing .benefit:last-child{
  grid-column:auto;border-right:0;
}
body[data-page="home"] .home-proposed-disclaimer{
  margin:0 20px 10px; border:2px solid #d7ad32;
  border-radius:12px; background:rgba(1,7,23,.97);
  padding:15px clamp(18px,3vw,36px) 13px;
  box-shadow:0 0 10px rgba(145,91,20,.2);
  color:#e7e8f3;
}
.home-proposed-disclaimer .proposed-disclaimer-title{
  display:flex;align-items:center; gap:16px;
  padding-bottom:10px; border-bottom:1px solid #745a2a;
}
.home-proposed-disclaimer .proposed-info-icon{
  flex:none; width:34px;height:34px;display:grid;place-items:center;
  border-radius:50%;border:2px solid #ffd342;
  font:900 25px/1 Arial,sans-serif; color:#ffda40;
}
.home-proposed-disclaimer h2{
  margin:0;color:#ffdc45;font:900 clamp(18px,2.1vw,25px)/1.13 Impact,"Arial Narrow",sans-serif;
}
.home-proposed-disclaimer .proposed-disclaimer-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;
  padding:13px 18px 8px;
}
.home-proposed-disclaimer h3{
  font:900 clamp(15px,1.4vw,18px)/1.18 Impact,"Arial Narrow",sans-serif;
  margin:0 0 6px;color:#ffdc45;
}
.home-proposed-disclaimer p{font-size:clamp(14px,1.15vw,16px);margin:0;line-height:1.35}
.home-proposed-disclaimer a{
  display:inline-block;color:#bfe0ff; font-size:clamp(13px,1.1vw,16px);
  font-weight:700;margin-top:9px;text-decoration:underline;
  text-underline-offset:3px;
}
.home-proposed-disclaimer .proposed-disclaimer-ending{
  text-align:center;border-top:1px solid #745a2a;
  padding-top:12px;margin:10px 17px 0;
  font:900 18px/1.2 Impact,"Arial Narrow",sans-serif;color:#ffdc45;
}
@media(max-width:680px){
  body[data-page="home"] .home-showcase-hero .show-date{
    grid-template-columns:39px minmax(0,1fr) 39px;
    column-gap:3px; padding:9px 7px;
  }
  body[data-page="home"] .home-showcase-hero .show-date .ui-icon{width:33px;height:33px}
  body[data-page="home"] .home-showcase-hero .show-date strong{
    font-size:clamp(17px,4.5vw,22px);line-height:1.05;
  }
  body[data-page="home"] .home-showcase-hero .show-date p{font-size:clamp(10px,2.7vw,13px)}
  body[data-page="home"] .home-landing .benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-page="home"] .home-landing .benefit:nth-child(2n){border-right:0;}
  body[data-page="home"] .home-landing .benefit:nth-child(n+3){border-bottom:0;}
  body[data-page="home"] .home-landing .benefit:last-child{border:0;}
  body[data-page="home"] .home-proposed-disclaimer{margin:0 11px 10px;padding:13px 14px 16px}
  .home-proposed-disclaimer .proposed-disclaimer-grid{grid-template-columns:1fr;gap:17px;padding:16px 2px 4px}
  .home-proposed-disclaimer .proposed-disclaimer-item:not(:last-child){
    padding-bottom:12px;border-bottom:1px solid rgba(142,134,161,.25);
  }
  .home-proposed-disclaimer h2{font-size:clamp(15px,4.35vw,21px);}
  .home-proposed-disclaimer .proposed-disclaimer-title{gap:10px}
  .home-proposed-disclaimer p{font-size:14px;line-height:1.38}
  .home-proposed-disclaimer h3{font-size:16px}
  .home-proposed-disclaimer .proposed-disclaimer-ending{margin:12px 0 0}
}


/* Home only: transparent gold script image overlay; keep actual text in the image alt. */
body[data-page="home"] .home-showcase-script-art {
  display:block;
  width:min(68%,680px);
  max-height:210px;
  height:auto;
  object-fit:contain;
  margin:0 auto 12px;
  filter:drop-shadow(0 1px 7px rgba(240,144,35,.25));
}
body[data-page="home"] .home-showcase-script{display:none;}
/* Stadium background preserves its native aspect ratio, even on long pages. */
body[data-page="home"] .home-landing {
  background-size:cover,cover;
  background-repeat:no-repeat;
  background-position:center top,center top;
}
@media(max-width:950px) and (min-width:681px) {
  body[data-page="home"] .home-showcase-script-art {width:min(75%,590px);margin-bottom:12px}
}
@media(max-width:680px){
  body[data-page="home"] .home-showcase-script-art {
    width:min(88%,520px);max-height:none;margin:0 auto 15px;
  }
}
@media(max-width:359px){
  body[data-page="home"] .home-showcase-script-art {width:90%;margin-bottom:12px}
}

/* Six-page directory: navigation only; approved page content is unchanged. */
@media(min-width:1181px){.nav-menu{gap:clamp(17px,2.1vw,29px)}.nav-link{font-size:clamp(12px,1vw,15px)}}
@media(min-width:681px) and (max-width:1180px){
  .site-header{height:66px}
  .nav-toggle{display:block}
  .nav-menu{display:none;position:absolute;top:66px;left:0;right:0;height:auto;background:#030811;z-index:90;flex-direction:column;align-items:stretch;padding:12px 22px 16px;gap:2px;border-bottom:2px solid var(--gold)}
  .nav-menu.open{display:flex}
  .nav-link{padding:12px 15px;font-size:14px}
  .header-glyph,.header-divider{display:none}
}

/* Shared Champion Card Packs transparent overlay sizing.
   The Home page is the source of truth: 985px max on desktop;
   viewport minus 44px on desktop/tablet or minus 22px on mobile.
   Only the overlay's visible size changes on Series Info. */
body[data-page="series"] .series-title-approved-image{
  width:min(985px, calc(100vw - 44px));
  max-width:none;
  height:auto;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  margin-left:0;
  margin-right:0;
}
@media(max-width:680px){
  body[data-page="series"] .series-title-approved-image{
    width:min(985px, calc(100vw - 22px));
  }
}

/* Use identical maximum header width on all six pages. The Checklist page
   renders outside the five-page #app wrapper, so constrain only its header. */
body[data-page="checklist"] > .site-header { max-width:var(--max); margin-inline:auto; }


/* SERIES INFO — blend the original approved pack photo into the Pack Details
   panel background. This is a CSS-only treatment; no photos or other pages
   have been altered. Main photo stays unmodified and softly fades at edges. */
body[data-page="series"] .series-details-panel > .series-pack-display {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 60% 55% at 50% 62%, rgba(125,28,235,.21), transparent 88%),
    radial-gradient(ellipse 42% 58% at 1% 73%, rgba(23,87,229,.21), transparent 88%),
    radial-gradient(ellipse 42% 58% at 99% 73%, rgba(23,87,229,.21), transparent 88%);
}
body[data-page="series"] .series-details-panel > .series-pack-display::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url('assets/champion-card-packs-pair-approved.jpg');
  background-repeat:no-repeat;
  background-position:center 59%;
  background-size:115% auto;
  filter:blur(20px) saturate(1.2);
  opacity:.45;
  -webkit-mask-image:radial-gradient(ellipse 90% 86% at 50% 62%,#000 20%,rgba(0,0,0,.65) 62%,transparent 99%);
  mask-image:radial-gradient(ellipse 90% 86% at 50% 62%,#000 20%,rgba(0,0,0,.65) 62%,transparent 99%);
}
body[data-page="series"] .series-details-panel > .series-pack-display img {
  position:relative;
  z-index:1;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%),
    linear-gradient(to bottom,rgba(0,0,0,.82) 0%,#000 14%,#000 85%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%),
    linear-gradient(to bottom,rgba(0,0,0,.82) 0%,#000 14%,#000 85%,transparent 100%);
  mask-composite:intersect;
  filter:brightness(1.08) saturate(1.06) drop-shadow(0 0 9px rgba(161,49,245,.45));
}
@media(min-width:681px){
 body[data-page="series"] .series-details-panel > .series-pack-display {
   margin-left:-25px;
   margin-right:-25px;
   margin-bottom:-27px;
   padding:10px 25px 9px;
 }
 body[data-page="series"] .series-details-panel > .series-pack-display img {
   max-width:100%;
 }
}
@media(max-width:680px){
 body[data-page="series"] .series-details-panel > .series-pack-display {
   width:auto;
   margin:clamp(12px,3.5vw,18px) -16px -19px;
   padding:0 16px 12px;
 }
 body[data-page="series"] .series-details-panel > .series-pack-display::before {
   background-position:center center;
   background-size:117% auto;
   filter:blur(12px) saturate(1.18);
   opacity:.50;
 }
 body[data-page="series"] .series-details-panel > .series-pack-display img {
   width:100%;
   max-width:365px;
 }
}