:root{--ink:#08090c;--panel:#11141a;--panel2:#171b23;--paper:#f7f4ec;--muted:#aeb4bf;--lime:#9cff3f;--orange:#ff7a18;--cyan:#25ddff;--pink:#ff3fa4;--violet:#b86cff;--line:rgba(255,255,255,.1);--max:1180px;--radius:26px;--shadow:0 28px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% 8%,rgba(255,63,164,.09),transparent 27%),radial-gradient(circle at 9% 23%,rgba(37,221,255,.08),transparent 26%),var(--ink);color:var(--paper);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.58}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 38px));margin:auto}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:12px;top:12px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.nav{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);background:rgba(8,9,12,.79);border-bottom:1px solid var(--line)}.navin{height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.01em;font-size:19px}.brandmark{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--orange));box-shadow:0 0 22px rgba(156,255,63,.48)}.navlinks{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:800;color:#d9dde3}.navlinks a:hover,.navlinks a.active{color:var(--lime)}.navcta{padding:10px 15px;border-radius:999px;background:var(--lime);color:#0b0d10!important}.menubtn{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 10px;font-weight:900}.ticker{border-bottom:1px solid var(--line);background:#0d0f13;overflow:hidden}.tickerTrack{white-space:nowrap;display:inline-flex;gap:36px;padding:10px 0;min-width:200%;animation:ticker 28s linear infinite;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.16em;color:#d9dde3}.ticker strong{color:var(--lime)}@keyframes ticker{to{transform:translateX(-50%)}}
.hero{padding:62px 0 38px;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;color:var(--lime);margin-bottom:16px}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor}h1,h2,h3,h4{font-family:Impact,"Arial Black",sans-serif;line-height:.96;margin:0;font-weight:900}h1{font-size:clamp(54px,8vw,104px);letter-spacing:-.035em}.outline{-webkit-text-stroke:1px var(--paper);color:transparent}.heroLead{font-size:19px;color:#cbd0d8;max-width:660px;margin:24px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:13px 20px;font-weight:900;font-size:14px;transition:.2s ease;cursor:pointer;background:rgba(255,255,255,.03)}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3)}.btn.primary{background:var(--lime);color:#0a0c0d;border-color:var(--lime)}.btn.orange{background:var(--orange);color:#100a05;border-color:var(--orange)}.btn.pink{background:var(--pink);color:#14050d;border-color:var(--pink)}.heroVisual{position:relative;min-height:505px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:#10131a;box-shadow:var(--shadow)}.heroVisual img{position:absolute;width:100%;height:100%;object-fit:cover}.heroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,12,0) 40%,rgba(8,9,12,.94) 100%)}.heroStatus{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:18px;align-items:end}.heroStatus small{display:block;color:#cfd3da;font-weight:700}.heroStatus strong{font-family:Impact,"Arial Black",sans-serif;font-size:30px}.statusDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px rgba(156,255,63,.7);margin-right:6px}.statusbar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.statusCard{border:1px solid var(--line);border-radius:18px;padding:17px;background:rgba(255,255,255,.025)}.statusCard b{display:block;font-size:14px}.statusCard span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.section{padding:74px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.sectionHead h2{font-size:clamp(40px,5.2vw,68px);letter-spacing:-.025em}.sectionHead p{max-width:540px;color:var(--muted);margin:0}.marqueeFeature{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.creatorRail{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#151922,#0f1218);padding:26px;overflow:hidden}.creatorCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.creator{padding:22px;border-radius:20px;background:#0b0d12;border:1px solid var(--line);min-height:190px;display:flex;flex-direction:column}.creator .role{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.creator h3{font-size:35px;margin:10px 0 8px}.creator p{margin:0 0 18px;color:var(--muted);font-size:14px}.creator a{margin-top:auto;color:#fff;font-size:13px;font-weight:900}.zeek{border:1px solid rgba(255,122,24,.28);background:linear-gradient(145deg,rgba(255,122,24,.11),rgba(255,63,164,.05));border-radius:28px;padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.zeek:after{content:"ZEEK";position:absolute;right:-10px;bottom:-27px;font-family:Impact,"Arial Black";font-size:118px;color:rgba(255,255,255,.035);transform:rotate(-7deg)}.zeek h3{font-size:48px;max-width:430px}.zeek p{color:#c9ced7;max-width:470px}.badge{display:inline-flex;width:max-content;border-radius:999px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);background:#0d0f13}
.videoGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.video{aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:var(--shadow)}.video iframe{width:100%;height:100%;border:0}.copyCard{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:26px;display:flex;flex-direction:column}.copyCard h3{font-size:38px;margin:8px 0 13px}.copyCard p{color:var(--muted);margin:0 0 16px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;color:#dbe0e7;background:#0b0d11}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sketchCard{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);transition:.2s ease;display:flex;flex-direction:column}.sketchCard:hover{transform:translateY(-5px);border-color:rgba(156,255,63,.36);box-shadow:0 24px 55px rgba(0,0,0,.31)}.sketchMedia{aspect-ratio:4/3;overflow:hidden;background:#0c0e12}.sketchMedia img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.sketchCard:hover img{transform:scale(1.035)}.sketchBody{padding:20px;display:flex;flex-direction:column;flex:1}.meta{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sketchBody h3{font-size:29px;margin:9px 0 11px}.sketchBody p{color:var(--muted);font-size:14px;margin:0 0 18px}.sketchBody .btn{margin-top:auto;align-self:flex-start}
.banner{padding:28px;border:1px solid rgba(156,255,63,.24);border-radius:26px;background:linear-gradient(120deg,rgba(156,255,63,.08),rgba(37,221,255,.045));display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.banner h3{font-size:34px}.banner p{color:#c9ced6;margin:8px 0 0}.footer{border-top:1px solid var(--line);padding:38px 0 46px;color:#959ca8;font-size:13px}.footerGrid{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.footerLinks{display:flex;gap:18px;flex-wrap:wrap}.footer strong{color:#e6e8ec}.legal{margin-top:10px;font-size:11px;color:#6f7682}
.pageHero{padding:58px 0 34px}.crumb{font-size:12px;color:#8d95a1;margin-bottom:18px}.crumb a{color:#cfd3da}.pageHeroGrid{display:grid;grid-template-columns:1fr .72fr;gap:38px;align-items:center}.pageHero h1{font-size:clamp(52px,7vw,88px);max-width:820px}.pageHero p{font-size:18px;color:#c9ced6;max-width:760px}.pageCover{aspect-ratio:4/3;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#10131a;box-shadow:var(--shadow)}.pageCover img{width:100%;height:100%;object-fit:cover}.watchStrip{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch}.detailCard{border:1px solid var(--line);border-radius:24px;padding:26px;background:var(--panel)}.detailCard h2{font-size:42px;margin-bottom:14px}.detailCard p{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#0d1015}.gallery img{width:100%;height:100%;object-fit:cover}.featureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:22px;background:#11141a;padding:24px}.feature h3{font-size:29px;margin-bottom:10px}.feature p{color:var(--muted);margin:0}.nextPrev{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.nextPrev a{flex:1;border:1px solid var(--line);border-radius:18px;padding:18px;background:#0f1217}.nextPrev a:last-child{text-align:right}.nextPrev span{display:block;color:var(--muted);font-size:12px}.nextPrev b{display:block;margin-top:3px}
.merchIntro{max-width:840px}.productGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product{border:1px solid var(--line);border-radius:28px;padding:29px;background:#101319;position:relative;overflow:hidden}.product:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(75px);opacity:.12;right:-60px;top:-60px;background:var(--orange)}.product:nth-child(2):after{background:var(--cyan)}.product h2{font-size:43px;margin:9px 0 10px}.product p{color:var(--muted)}.product ul{padding-left:20px;color:#d9dde3}.price{font-family:Impact,"Arial Black";font-size:58px;line-height:1;margin-top:20px}.ship{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.12em}.prose{max-width:850px}.prose p,.prose li{color:#c5cad2}.prose h2{font-size:46px;margin:34px 0 14px}.stockTable{width:100%;border-collapse:collapse;margin-top:20px}.stockTable th,.stockTable td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.stockTable th{color:var(--lime);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.stockTable td{color:#cbd0d8;font-size:14px}.storeNote{padding:18px;border-radius:16px;border:1px solid rgba(255,122,24,.3);background:rgba(255,122,24,.06);color:#d9dde3;margin:22px 0}.storeNote strong{color:var(--orange)}
.contactGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.contactCopy,.formCard{border:1px solid var(--line);border-radius:26px;background:var(--panel);padding:28px}.contactCopy h2,.formCard h2{font-size:42px;margin-bottom:14px}.contactCopy p{color:var(--muted)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:900;letter-spacing:.1em}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#0a0c10;color:#fff;border-radius:13px;padding:14px;font:inherit}.field textarea{min-height:170px;resize:vertical}.notice{font-size:12px;color:#858d99;margin-top:10px}.joinImg{aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#0e1015;margin-bottom:20px}.joinImg img{width:100%;height:100%;object-fit:cover}.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalCard{max-width:560px;border:1px solid var(--line);background:#12151c;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.modalCard h3{font-size:38px;margin-bottom:10px}.modalCard p{color:var(--muted)}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.reveal{opacity:0;transform:translateY(14px);transition:.6s ease}.reveal.on{opacity:1;transform:none}
@media(max-width:920px){.navlinks{display:none;position:absolute;left:18px;right:18px;top:72px;padding:16px;background:#11151b;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menubtn{display:block}.heroGrid,.marqueeFeature,.videoGrid,.pageHeroGrid,.watchStrip,.contactGrid{grid-template-columns:1fr}.heroVisual{min-height:430px}.grid3{grid-template-columns:1fr 1fr}.productGrid{grid-template-columns:1fr}.sectionHead{align-items:flex-start;flex-direction:column}.pageCover{max-width:680px}.gallery{grid-template-columns:1fr 1fr}.statusbar{grid-template-columns:1fr}.creatorCards{grid-template-columns:1fr 1fr}}
@media(max-width:630px){.wrap{width:min(var(--max),calc(100% - 26px))}.hero{padding-top:42px}.heroVisual{min-height:340px}.grid3,.creatorCards,.gallery,.featureGrid{grid-template-columns:1fr}.section{padding:58px 0}.sectionHead h2{font-size:44px}.zeek h3{font-size:40px}.pageHero h1{font-size:54px}.product{padding:22px}.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.banner{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr}.nextPrev{flex-direction:column}.nextPrev a:last-child{text-align:left}.tickerTrack{animation-duration:20s}}

/* Sept. 18 revision: stronger display-text legibility */
h1,h2,h3,.heroStatus strong,.brand{
  -webkit-text-stroke:.75px rgba(0,0,0,.88);
  paint-order:stroke fill;
  text-shadow:0 2px 0 rgba(0,0,0,.9),0 5px 18px rgba(0,0,0,.72);
}
.outline{
  -webkit-text-stroke:1.5px var(--paper);
  text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 5px 18px rgba(0,0,0,.9);
}

/* Creator-support banner */
.creatorSupport{background:linear-gradient(110deg,#f4f0e7 0%,#fff 58%,#f1eadf 100%);color:#0a0b0e;border-bottom:1px solid rgba(0,0,0,.16)}
.creatorSupportInner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding-top:14px;padding-bottom:14px}
.creatorSupportCopy{font-size:15px;line-height:1.35;max-width:780px}
.creatorSupportCopy strong{font-weight:950}
.defStop{display:flex;align-items:center;gap:12px;background:#d91f26;color:#fff;padding:9px 16px 9px 11px;border:4px solid #fff;outline:2px solid #d91f26;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);min-width:265px;justify-content:center;filter:drop-shadow(0 5px 8px rgba(0,0,0,.2));transition:.2s ease}
.defStop:hover{transform:translateY(-2px) rotate(-.4deg);filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.stopHand{font-size:34px;line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25))}
.defStop b{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:20px;letter-spacing:.035em;line-height:1}
.defStop small{display:block;font-size:11px;font-weight:900;margin-top:4px;letter-spacing:.02em}

/* ZEEK MP4 feature */
.marqueeFeature{grid-template-columns:.92fr 1.08fr}
.zeek{padding:24px;justify-content:stretch;gap:20px}
.zeekCopy{position:relative;z-index:2}
.zeekPlayer{position:relative;z-index:2;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#050608;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.zeekPlayer video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.zeekVideoPlaceholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;background:radial-gradient(circle at 50% 30%,rgba(255,122,24,.2),transparent 32%),linear-gradient(145deg,#17100d,#090a0e);color:#fff}
.zeekVideoPlaceholder strong{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(27px,4vw,48px);letter-spacing:.025em;text-shadow:0 3px 0 #000,0 8px 24px rgba(0,0,0,.75)}
.zeekVideoPlaceholder small{color:#c8cbd2;max-width:420px}
.zeekVideoPlaceholder code{color:#fff}
.playGlyph{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--orange);color:#120b06;font-size:23px;padding-left:4px;box-shadow:0 0 0 8px rgba(255,122,24,.12)}
.zeekPlayer.video-ready .zeekVideoPlaceholder{display:none}
.zeekInstagram.disabled{opacity:.56;cursor:default;transform:none}

@media(max-width:920px){.creatorSupportInner{grid-template-columns:1fr}.defStop{justify-self:start}.marqueeFeature{grid-template-columns:1fr}}
@media(max-width:630px){.creatorSupportInner{padding-top:12px;padding-bottom:12px;gap:13px}.creatorSupportCopy{font-size:13px}.defStop{min-width:0;width:100%;clip-path:polygon(20% 0,80% 0,100% 25%,100% 75%,80% 100%,20% 100%,0 75%,0 25%)}.defStop b{font-size:18px}}

/* Sept. 18 revision 2: creator promotion placement */
.creatorSupportInner{display:block;padding-top:13px;padding-bottom:13px;text-align:center}
.creatorSupportCopy{max-width:none;font-size:14px}
.tickerPromo{display:inline-flex;align-items:center;gap:5px;color:#fff}
.tickerPromo strong{color:#ff4a4f;text-shadow:0 0 14px rgba(255,74,79,.25)}
.tickerPromo:hover strong{color:#fff}
.creatorSpotlight{margin-top:18px;border:1px solid rgba(255,74,79,.28);border-radius:22px;padding:20px;background:linear-gradient(135deg,rgba(217,31,38,.09),rgba(255,255,255,.02));display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.creatorSpotlightCopy .role{color:#ff686d;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}
.creatorSpotlightCopy h3{font-size:34px;margin:8px 0 7px}
.creatorSpotlightCopy p{margin:0;color:var(--muted);font-size:14px;max-width:470px}
.creatorStopSign{width:190px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:#d91f26;color:#fff;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);box-shadow:inset 0 0 0 8px #fff,inset 0 0 0 12px #d91f26;filter:drop-shadow(0 15px 18px rgba(0,0,0,.32));transition:.22s ease;position:relative}
.creatorStopSign:before{content:"";position:absolute;inset:9px;clip-path:inherit;border:4px solid #fff;pointer-events:none}
.creatorStopSign:hover{transform:rotate(-2deg) scale(1.035);filter:drop-shadow(0 19px 22px rgba(0,0,0,.4))}
.creatorStopHand{font-size:31px;line-height:1;margin-bottom:2px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.28))}
.creatorStopSign strong{font-family:Impact,"Arial Black",sans-serif;font-size:44px;letter-spacing:.035em;line-height:.82;-webkit-text-stroke:1px rgba(0,0,0,.36);text-shadow:0 2px 0 rgba(0,0,0,.3)}
.creatorStopSign b{font-family:Impact,"Arial Black",sans-serif;font-size:18px;letter-spacing:.035em;line-height:1.05;margin-top:7px;max-width:130px}
.creatorStopSign small{font-size:20px;line-height:1;margin-top:5px}
@media(max-width:630px){.creatorSpotlight{grid-template-columns:1fr;justify-items:center;text-align:center}.creatorSpotlightCopy p{max-width:100%}.creatorStopSign{width:min(190px,72vw)}}


/* Sept. 18 revision 3: crisp display-title outlines without changing NO BOUNDARIES */
h1,h2,h3,.heroStatus strong,.brand{
  -webkit-text-stroke:1.45px #000;
  paint-order:stroke fill;
  text-shadow:0 2px 0 #000,0 6px 18px rgba(0,0,0,.72);
}
.hero h1{-webkit-text-stroke:2px #000;text-shadow:0 3px 0 #000,0 9px 25px rgba(0,0,0,.78)}
.outline{
  color:transparent;
  -webkit-text-stroke:1px var(--paper);
  paint-order:normal;
  text-shadow:none;
}
.statusLink{color:inherit;text-decoration:none;transition:.2s ease}
.statusLink:hover{transform:translateY(-2px);border-color:rgba(156,255,63,.35);background:rgba(156,255,63,.045)}
.heroStatus{color:inherit;text-decoration:none}
.heroStatus:hover strong{color:var(--lime)}
#watch{scroll-margin-top:112px}
.tickerWatch{color:#fff;transition:.2s ease}
.tickerWatch:hover{color:var(--lime)}
.starring{margin-top:auto!important;margin-bottom:16px!important;padding-top:13px;border-top:1px solid var(--line);color:#dce1e8!important;font-size:12.5px!important;line-height:1.45}
.starring strong{color:var(--lime);letter-spacing:.025em}
.sketchBody .starring + .btn{margin-top:0}
.pageHero p + p{margin-top:13px}
@media(max-width:630px){h1,h2,h3,.heroStatus strong,.brand{-webkit-text-stroke:1.1px #000}.hero h1{-webkit-text-stroke:1.55px #000}}


/* Sept. 18 revision 4: softer display titles + in-page creator invitation */
:root{--display-paper:#e2ddd3}

/* Keep display lettering bright enough to read, but take the glare off pure white. */
h1,h2,h3{
  color:var(--display-paper);
  -webkit-text-stroke:1.7px #050607;
  paint-order:stroke fill;
  text-shadow:
    -1px -1px 0 #050607,
     1px -1px 0 #050607,
    -1px  1px 0 #050607,
     1px  1px 0 #050607,
     0 4px 14px rgba(0,0,0,.72);
}
.hero h1{
  -webkit-text-stroke:2px #050607;
  text-shadow:
    -1px -1px 0 #050607,
     1px -1px 0 #050607,
    -1px  1px 0 #050607,
     1px  1px 0 #050607,
     0 6px 20px rgba(0,0,0,.78);
}
/* Preserve the outlined NO BOUNDARIES treatment. */
.hero h1 .outline{
  color:transparent;
  -webkit-text-stroke:1px var(--paper);
  paint-order:normal;
  text-shadow:none;
}
/* Small identity/utility text should not inherit the heavy title treatment. */
.brand,.heroStatus strong{
  color:var(--paper);
  -webkit-text-stroke:.8px #000;
  text-shadow:0 2px 0 rgba(0,0,0,.9),0 5px 14px rgba(0,0,0,.65);
}

/* Creator invitation now lives inside the page, immediately before Episode 1. */
.creatorSupport{
  margin:18px 0 0;
  background:
    radial-gradient(circle at 14% 0%,rgba(156,255,63,.10),transparent 34%),
    radial-gradient(circle at 86% 100%,rgba(255,122,24,.08),transparent 34%),
    linear-gradient(110deg,#10151a 0%,#12151b 58%,#141218 100%);
  color:var(--paper);
  border-top:1px solid rgba(156,255,63,.18);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.creatorSupportInner{
  min-height:118px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  padding-top:24px;
  padding-bottom:24px;
  text-align:left;
}
.creatorSupportCopy{max-width:820px;display:flex;flex-direction:column;gap:5px;font-size:16px;line-height:1.42}
.creatorSupportCopy strong{font-weight:850;color:#e9e4da}
.creatorSupportKicker{color:var(--lime);font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.creatorSupportSub{color:#aeb5bf;font-size:14px}
.creatorSupportCta{white-space:nowrap;box-shadow:0 10px 28px rgba(156,255,63,.08)}
#submit{scroll-margin-top:104px}

@media(max-width:920px){
  .creatorSupportInner{grid-template-columns:1fr;gap:16px}
  .creatorSupportCta{justify-self:start}
}
@media(max-width:630px){
  h1,h2,h3{-webkit-text-stroke:1.35px #050607}
  .hero h1{-webkit-text-stroke:1.55px #050607}
  .creatorSupport{margin-top:8px}
  .creatorSupportInner{padding-top:20px;padding-bottom:20px}
  .creatorSupportCopy{font-size:14px}
  .creatorSupportCta{width:100%}
}


/* Sept. 18 revision 5: open up condensed display type for cleaner legibility */
:root{--display-paper:#d7d0c5}

/* The display face is intentionally condensed. A little tracking keeps the
   dark edge from visually welding neighboring letters together. */
h1,h2,h3{
  color:var(--display-paper);
  letter-spacing:.018em;
  -webkit-text-stroke:1.25px #050607;
  paint-order:stroke fill;
  text-shadow:0 3px 10px rgba(0,0,0,.82);
}
.hero h1{
  letter-spacing:.014em;
  -webkit-text-stroke:1.35px #050607;
  text-shadow:0 4px 14px rgba(0,0,0,.84);
}
/* Keep the NO BOUNDARIES outlined treatment tighter and otherwise unchanged. */
.hero h1 .outline{
  letter-spacing:-.012em;
  color:transparent;
  -webkit-text-stroke:1px var(--paper);
  paint-order:normal;
  text-shadow:none;
}
.sectionHead h2{letter-spacing:.018em}
.creator h3,.zeek h3,.copyCard h3,.detailCard h2,.feature h3,.banner h3{letter-spacing:.022em}

@media(max-width:630px){
  h1,h2,h3{-webkit-text-stroke:1.05px #050607;letter-spacing:.015em}
  .hero h1{-webkit-text-stroke:1.15px #050607;letter-spacing:.012em}
  .hero h1 .outline{letter-spacing:-.012em;-webkit-text-stroke:1px var(--paper)}
}


/* Sept. 19 revision: Grand Stage treatment + merch galleries */
:root{
  --velvet:#6d0b19;
  --velvet-dark:#2f0309;
  --velvet-hi:#a3182d;
  --brass:#d8a94b;
  --brass-hi:#f6d77a;
  --stage-black:#070608;
}

/* Theater shell: keep the existing TMB world, frame it like a stage. */
.nav{
  background:linear-gradient(180deg,rgba(8,8,10,.98),rgba(8,9,12,.92));
  border-bottom:1px solid rgba(216,169,75,.28);
  box-shadow:0 8px 28px rgba(0,0,0,.36);
}
.nav:after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(216,169,75,.7) 16%,rgba(246,215,122,.95) 50%,rgba(216,169,75,.7) 84%,transparent);
  opacity:.55;
}
.ticker{
  border-bottom:1px solid rgba(216,169,75,.32);
  background:
    radial-gradient(circle at 8px 50%,rgba(246,215,122,.82) 0 2px,transparent 3px) 0 0/22px 100%,
    linear-gradient(180deg,#26070d,#13070a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -6px 20px rgba(0,0,0,.35);
}
.tickerTrack{background:rgba(6,6,8,.68);box-shadow:0 0 22px rgba(0,0,0,.35)}

.hero,.pageHero{
  position:relative;isolation:isolate;
  background:
    radial-gradient(ellipse at 50% -8%,rgba(246,215,122,.16),transparent 42%),
    radial-gradient(ellipse at 22% 20%,rgba(37,221,255,.06),transparent 34%),
    radial-gradient(ellipse at 78% 22%,rgba(255,63,164,.07),transparent 34%);
  border-top:10px solid #24070d;
  box-shadow:inset 0 18px 30px rgba(0,0,0,.58),inset 0 -18px 34px rgba(0,0,0,.38);
}
.hero:before,.hero:after,.pageHero:before,.pageHero:after{
  content:"";position:absolute;top:-10px;bottom:-28px;width:min(8vw,118px);z-index:0;pointer-events:none;opacity:.94;
  background:
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 18%,rgba(255,255,255,.07) 38%,rgba(0,0,0,.30) 57%,rgba(255,255,255,.055) 76%,rgba(0,0,0,.42)),
    linear-gradient(180deg,var(--velvet-hi),var(--velvet) 48%,var(--velvet-dark));
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));
}
.hero:before,.pageHero:before{left:0;clip-path:polygon(0 0,100% 0,76% 42%,92% 100%,0 100%)}
.hero:after,.pageHero:after{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 0,76% 42%,92% 100%,0 100%)}
.hero>.wrap,.pageHero>.wrap{position:relative;z-index:2}
.heroGrid:before,.pageHeroGrid:before{
  content:"";position:absolute;left:6%;right:6%;top:-44px;height:24px;z-index:-1;border-radius:0 0 50% 50%;
  background:linear-gradient(180deg,#8a1325,#4a0710);
  border-bottom:3px solid rgba(216,169,75,.55);
  box-shadow:0 10px 22px rgba(0,0,0,.4);
}
.heroGrid,.pageHeroGrid{position:relative}
.heroVisual,.pageCover{
  border:3px solid #6f4b15;
  outline:2px solid rgba(246,215,122,.55);
  box-shadow:0 0 0 8px #1d1308,0 28px 70px rgba(0,0,0,.48),0 0 34px rgba(216,169,75,.09);
}
.heroVisual:before,.pageCover:before{
  content:"";position:absolute;inset:-9px;pointer-events:none;border-radius:inherit;
  background:radial-gradient(circle,rgba(246,215,122,.95) 0 2px,transparent 3px) 0 0/26px 26px;
  opacity:.35;mix-blend-mode:screen;
}

/* Section title treatment reads like a showbill rather than a generic SaaS page. */
.sectionHead{position:relative;padding:0 0 17px;border-bottom:1px solid rgba(216,169,75,.2)}
.sectionHead:after{content:"✦  TONIGHT  ✦";position:absolute;left:0;bottom:-11px;padding:2px 10px;background:var(--ink);color:var(--brass);font:800 10px/1 Georgia,serif;letter-spacing:.22em}
.eyebrow{color:var(--brass-hi)}
.eyebrow:before{background:linear-gradient(90deg,var(--brass),var(--brass-hi))}
.banner{
  border:2px solid rgba(216,169,75,.42);
  background:linear-gradient(120deg,rgba(91,10,23,.34),rgba(15,16,20,.94) 48%,rgba(73,47,10,.18));
  box-shadow:inset 0 0 0 5px rgba(0,0,0,.25),0 22px 50px rgba(0,0,0,.27);
}
.creatorRail,.zeek,.copyCard,.detailCard,.feature,.sketchCard,.contactCopy,.formCard{
  box-shadow:inset 0 1px 0 rgba(246,215,122,.045),0 18px 40px rgba(0,0,0,.20);
}
.sketchCard:nth-child(odd){transform:rotate(-.12deg)}
.sketchCard:nth-child(even){transform:rotate(.12deg)}
.sketchCard:hover{transform:translateY(-5px) rotate(0)}

/* Merch becomes the theater lobby display table. */
.merchIntro{position:relative}
.merchIntro:after{content:"THE LOBBY SHOP";display:inline-block;margin-top:18px;padding:5px 12px;border:1px solid rgba(216,169,75,.42);border-radius:999px;color:var(--brass-hi);font:800 11px/1.2 Georgia,serif;letter-spacing:.18em;background:#120b0d}
.productShowcaseList{display:grid;gap:34px}
.productShowcase{
  display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:30px;padding:24px;
  border:2px solid rgba(216,169,75,.30);background:linear-gradient(145deg,#131418,#0d0d10 56%,#160b0e);
  box-shadow:inset 0 0 0 5px rgba(0,0,0,.28),0 28px 75px rgba(0,0,0,.35);
}
.productShowcase:nth-child(even){background:linear-gradient(145deg,#11141a,#0d0d10 56%,#0d1517)}
.productShowcase:after{display:none}
.productCopy{display:flex;flex-direction:column;min-width:0;padding:6px 6px 6px 0}
.productCopy h2{font-size:clamp(37px,4.4vw,58px);margin:9px 0 13px}
.productCopy p{margin:0 0 13px}
.productCopy ul{margin-top:0}
.productPurchase{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(216,169,75,.18)}
.productPurchase .price{margin:0}
.productGallery{min-width:0}
.galleryStage{
  position:relative;width:100%;padding:0;border:2px solid #6f4b15;outline:2px solid rgba(246,215,122,.36);border-radius:22px;overflow:hidden;cursor:zoom-in;background:#070708;
  aspect-ratio:4/3;box-shadow:0 17px 42px rgba(0,0,0,.38);display:block;
}
.galleryStage img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.galleryStage:hover img{transform:scale(1.018)}
.galleryZoom{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:850;letter-spacing:.03em;border:1px solid rgba(255,255,255,.16)}
.galleryThumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:11px}
.galleryThumb{aspect-ratio:4/3;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;background:#090a0c;cursor:pointer;opacity:.68;transition:.18s ease}
.galleryThumb img{width:100%;height:100%;object-fit:cover}
.galleryThumb:hover,.galleryThumb.is-active{opacity:1;border-color:var(--brass-hi);box-shadow:0 0 0 2px rgba(216,169,75,.16);transform:translateY(-1px)}
.imageLightbox{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:70px 24px 44px;background:rgba(0,0,0,.92);backdrop-filter:blur(9px)}
.imageLightbox.open{display:grid}
.imageLightbox img{max-width:min(1200px,94vw);max-height:80vh;object-fit:contain;border-radius:16px;border:2px solid rgba(216,169,75,.48);box-shadow:0 30px 90px rgba(0,0,0,.72)}
.imageLightboxClose{position:fixed;right:24px;top:20px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#151515;color:#fff;font-size:31px;line-height:1;cursor:pointer}
.imageLightboxHint{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:#aeb4bf;font-size:12px;white-space:nowrap}
body.lightbox-open{overflow:hidden}

@media(max-width:1280px){
  .hero:before,.hero:after,.pageHero:before,.pageHero:after{width:38px;opacity:.72}
}
@media(max-width:920px){
  .productShowcase{grid-template-columns:1fr}
  .productCopy{padding:0}
  .galleryThumbs{grid-template-columns:repeat(6,1fr)}
  .heroGrid:before,.pageHeroGrid:before{display:none}
}
@media(max-width:630px){
  .hero:before,.hero:after,.pageHero:before,.pageHero:after{width:18px;opacity:.5}
  .hero,.pageHero{border-top-width:6px}
  .heroVisual,.pageCover{outline-width:1px;box-shadow:0 0 0 4px #1d1308,0 22px 50px rgba(0,0,0,.45)}
  .sectionHead:after{font-size:8px;letter-spacing:.14em}
  .productShowcase{padding:14px;border-radius:22px;gap:19px}
  .galleryThumbs{grid-template-columns:repeat(4,1fr)}
  .productPurchase{align-items:stretch;flex-direction:column}
  .productPurchase .btn{width:100%}
  .imageLightboxHint{display:none}
}
@media(prefers-reduced-motion:reduce){.tickerTrack{animation:none}.reveal{transition:none}.galleryStage img{transition:none}}


/* Sept. 19 revision 9: full-house curtains, stage apron, homepage merch + contact */

/* The velvet now frames the entire performance, not just the opening hero. */
body:before,
body:after{
  content:"";
  position:fixed;
  top:104px;
  bottom:0;
  width:clamp(24px,4.6vw,76px);
  z-index:18;
  pointer-events:none;
  opacity:.97;
  background:
    radial-gradient(ellipse at 50% 29%,rgba(246,215,122,.85) 0 2px,transparent 3px) 0 0/100% 18px no-repeat,
    linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(255,255,255,.075) 16%,rgba(0,0,0,.28) 31%,rgba(255,255,255,.08) 47%,rgba(0,0,0,.36) 62%,rgba(255,255,255,.06) 78%,rgba(0,0,0,.60) 100%),
    linear-gradient(180deg,#97172b 0%,#6d0b19 38%,#5a0814 72%,#35040b 100%);
  box-shadow:inset 0 0 18px rgba(0,0,0,.55),0 0 30px rgba(0,0,0,.48);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));
}
body:before{left:0;border-right:2px solid rgba(216,169,75,.26);clip-path:polygon(0 0,100% 0,82% 10%,100% 21%,84% 34%,100% 47%,86% 61%,100% 76%,84% 89%,100% 100%,0 100%)}
body:after{right:0;border-left:2px solid rgba(216,169,75,.26);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16% 89%,0 76%,14% 61%,0 47%,16% 34%,0 21%,18% 10%)}

/* Remove the old hero-only side curtains so the new continuous pair reads as one set. */
.hero:before,.hero:after,.pageHero:before,.pageHero:after{display:none!important}

/* A subtle proscenium valance remains over page openings. */
.hero,.pageHero{border-top:14px solid #3b0710}
.hero>.wrap:before,.pageHero>.wrap:before{
  content:"";position:absolute;left:3%;right:3%;top:-62px;height:35px;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,#9d172b,#5b0815 72%,#2e040a);
  border-bottom:3px solid rgba(216,169,75,.58);
  border-radius:0 0 50% 50%;
  box-shadow:0 12px 22px rgba(0,0,0,.48),inset 0 -7px 12px rgba(0,0,0,.32);
}
.hero>.wrap,.pageHero>.wrap{position:relative}

/* Footer becomes the stage apron. */
.footer{
  position:relative;
  overflow:hidden;
  padding:42px 0 158px;
  border-top:3px solid rgba(216,169,75,.62);
  background:linear-gradient(180deg,#0a090b 0%,#0a090b 43%,#170c08 100%);
  box-shadow:inset 0 18px 40px rgba(0,0,0,.52);
}
.footer .wrap{position:relative;z-index:4}
.footer:before{
  content:"";position:absolute;left:0;right:0;bottom:108px;height:20px;z-index:3;
  background:
    radial-gradient(circle,rgba(255,230,145,.98) 0 3px,rgba(216,169,75,.76) 4px,transparent 5px) 7px 50%/34px 20px repeat-x,
    linear-gradient(180deg,#6f4b15,#231606);
  border-top:1px solid #efcb70;border-bottom:2px solid #120b04;
  box-shadow:0 -8px 26px rgba(216,169,75,.12),0 7px 14px rgba(0,0,0,.52);
}
.footer:after{
  content:"";position:absolute;left:-3%;right:-3%;bottom:0;height:110px;z-index:2;
  clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),transparent 12%),
    repeating-linear-gradient(90deg,#5d2f18 0 70px,#3b1d0f 71px 75px,#754122 76px 142px,#2a140b 143px 147px),
    linear-gradient(180deg,#6f391e,#2a140b);
  border-top:5px solid #b97735;
  box-shadow:inset 0 18px 26px rgba(255,180,82,.08),inset 0 -26px 38px rgba(0,0,0,.44);
}

/* Homepage lobby-shop preview. */
.homeMerch{background:radial-gradient(circle at 50% 15%,rgba(216,169,75,.06),transparent 34%)}
.miniMerchGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.miniProduct{
  display:grid;grid-template-columns:minmax(190px,.78fr) minmax(0,1.22fr);gap:20px;
  padding:17px;border-radius:26px;border:2px solid rgba(216,169,75,.30);
  background:linear-gradient(145deg,#141417,#0c0d10 58%,#170b0e);
  box-shadow:inset 0 0 0 4px rgba(0,0,0,.24),0 24px 56px rgba(0,0,0,.30);
  overflow:hidden;
}
.miniProduct:nth-child(2){background:linear-gradient(145deg,#12151a,#0c0d10 58%,#0b1518)}
.miniProductImage{position:relative;display:block;min-height:260px;border-radius:18px;overflow:hidden;border:1px solid rgba(216,169,75,.38);background:#050607}
.miniProductImage img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.miniProductImage:hover img{transform:scale(1.025)}
.miniProductImage span{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(5,6,7,.78);border:1px solid rgba(255,255,255,.13);font-size:11px;font-weight:850;text-align:center}
.miniProductBody{display:flex;min-width:0;flex-direction:column;padding:8px 4px 5px 0}
.miniProductBody h3{font-size:clamp(28px,3vw,42px);margin:8px 0 10px}
.miniProductBody p{color:var(--muted);font-size:14px;margin:0 0 17px}
.miniProductFoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid rgba(216,169,75,.18)}
.miniProductFoot>strong{font-family:Impact,"Arial Black",sans-serif;font-size:38px;color:var(--brass-hi);letter-spacing:.02em;-webkit-text-stroke:1px #000}
.homeMerchMore{display:flex;justify-content:center;margin-top:22px}

/* Homepage contact / stage-door area. */
.homeContact{position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(109,11,25,.12),transparent 38%),radial-gradient(ellipse at 82% 44%,rgba(216,169,75,.055),transparent 33%)}
.homeContactGrid{align-items:stretch}
.homeContact .contactCopy,.homeContact .formCard{border-color:rgba(216,169,75,.25);background:linear-gradient(145deg,rgba(17,18,23,.96),rgba(10,11,14,.96))}
.homeContact .contactCopy h3,.homeContact .formCard h3{font-size:clamp(34px,4vw,52px);margin:10px 0 14px}
.homeContactLink{margin-top:24px!important;padding-top:16px;border-top:1px solid rgba(216,169,75,.18)}
.homeContactLink a{color:var(--brass-hi);font-weight:850}
.anchorTarget{display:block;position:relative;top:-110px;visibility:hidden}
#submit{scroll-margin-top:114px}

@media(max-width:1100px){
  body:before,body:after{width:30px;opacity:.88}
  .miniProduct{grid-template-columns:1fr}
  .miniProductImage{min-height:310px;aspect-ratio:16/10}
}
@media(max-width:920px){
  body:before,body:after{width:18px;opacity:.72}
  .miniMerchGrid{grid-template-columns:1fr}
  .miniProduct{grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr)}
  .miniProductImage{min-height:250px;aspect-ratio:auto}
  .footer{padding-bottom:145px}
}
@media(max-width:630px){
  body:before,body:after{top:98px;width:9px;opacity:.62}
  .hero,.pageHero{border-top-width:9px}
  .hero>.wrap:before,.pageHero>.wrap:before{left:7%;right:7%;top:-56px;height:24px}
  .miniProduct{grid-template-columns:1fr;padding:13px}
  .miniProductImage{min-height:0;aspect-ratio:4/3}
  .miniProductFoot{align-items:stretch;flex-direction:column}
  .miniProductFoot .btn{width:100%}
  .footer{padding-bottom:134px}
  .footer:before{bottom:96px}
  .footer:after{height:98px}
}

/* Sept. 19 revision 10: curtains belong to the page and travel with the audience. */
body{
  position:relative;
  overflow-x:clip;
}

/*
  Revision 9 pinned the velvet to the viewport. That made the content move while
  the curtains stayed frozen. These are now full-document curtains: they begin
  below the theater header, extend to the stage, and physically scroll with the page.
*/
body:before,
body:after{
  position:absolute;
  top:104px;
  bottom:0;
  height:auto;
  z-index:18;
  background:
    /* occasional warm rope/tassel glints -- these visibly pass by while scrolling */
    radial-gradient(ellipse at 82% 50%,rgba(247,217,126,.78) 0 3px,rgba(126,77,18,.88) 4px 7px,transparent 8px) 100% 265px/22px 820px repeat-y,
    /* broad vertical gathering/fold changes so the fabric does not read as a static strip */
    repeating-linear-gradient(180deg,
      rgba(255,255,255,.018) 0,
      rgba(255,255,255,.018) 245px,
      rgba(255,255,255,.055) 300px,
      rgba(0,0,0,.22) 356px,
      rgba(255,255,255,.018) 418px,
      rgba(255,255,255,.018) 760px),
    /* velvet pleats */
    linear-gradient(90deg,
      rgba(0,0,0,.62) 0%,
      rgba(255,255,255,.075) 14%,
      rgba(0,0,0,.30) 29%,
      rgba(255,255,255,.09) 46%,
      rgba(0,0,0,.39) 62%,
      rgba(255,255,255,.065) 78%,
      rgba(0,0,0,.64) 100%),
    /* slow color variation down the full house curtain */
    linear-gradient(180deg,#9b1a2f 0%,#780d20 22%,#8b1226 42%,#610918 63%,#771022 81%,#3a050d 100%);
  background-blend-mode:normal,soft-light,normal,normal;
  box-shadow:inset 0 0 20px rgba(0,0,0,.60),0 0 30px rgba(0,0,0,.44);
  filter:drop-shadow(0 10px 17px rgba(0,0,0,.38));
}

/* Mirror the decorative glints to the inner edge on the house-right curtain. */
body:after{
  background:
    radial-gradient(ellipse at 18% 50%,rgba(247,217,126,.78) 0 3px,rgba(126,77,18,.88) 4px 7px,transparent 8px) 0 265px/22px 820px repeat-y,
    repeating-linear-gradient(180deg,
      rgba(255,255,255,.018) 0,
      rgba(255,255,255,.018) 245px,
      rgba(255,255,255,.055) 300px,
      rgba(0,0,0,.22) 356px,
      rgba(255,255,255,.018) 418px,
      rgba(255,255,255,.018) 760px),
    linear-gradient(90deg,
      rgba(0,0,0,.64) 0%,
      rgba(255,255,255,.065) 22%,
      rgba(0,0,0,.39) 38%,
      rgba(255,255,255,.09) 54%,
      rgba(0,0,0,.30) 71%,
      rgba(255,255,255,.075) 86%,
      rgba(0,0,0,.62) 100%),
    linear-gradient(180deg,#9b1a2f 0%,#780d20 22%,#8b1226 42%,#610918 63%,#771022 81%,#3a050d 100%);
}

/* The changing inner silhouette is now stretched over the full document height.
   As the audience scrolls, they pass different gathers instead of seeing one frozen edge. */
body:before{
  clip-path:polygon(
    0 0,100% 0,
    82% 8%,96% 17%,78% 27%,100% 38%,83% 49%,95% 60%,
    77% 70%,100% 81%,84% 91%,96% 97%,100% 100%,0 100%
  );
}
body:after{
  clip-path:polygon(
    0 0,100% 0,100% 100%,0 100%,4% 97%,16% 91%,0 81%,23% 70%,
    5% 60%,17% 49%,0 38%,22% 27%,4% 17%,18% 8%
  );
}

/* The stage is the destination: it comes in front of the curtain hems. */
.footer{z-index:24}

@media(max-width:920px){
  body:before,body:after{top:104px}
}
@media(max-width:630px){
  body:before,body:after{top:98px}
}


/* Sept. 19 revision 11: marquee sits in front of the house curtains. */
.ticker{
  position:relative;
  z-index:30;
  background:linear-gradient(180deg,#111014,#090a0d);
  border-top:1px solid rgba(216,169,75,.24);
  border-bottom:1px solid rgba(216,169,75,.30);
  box-shadow:0 7px 16px rgba(0,0,0,.38);
}
/* Start the velvet underneath the ticker instead of at its lower edge. The ticker
   masks the upper curtain silhouette, so the curtain reads as hanging behind it. */
body:before,body:after{top:72px}

/* Full contact-page treatment on the homepage. */
.homeContact .contactCopy{padding:28px}
.homeContact .joinImg{
  max-height:620px;
  background:#0b0c10;
  border:2px solid rgba(216,169,75,.34);
  box-shadow:inset 0 0 0 4px rgba(0,0,0,.26),0 22px 48px rgba(0,0,0,.28);
}
.homeContact .contactCopy h2,.homeContact .formCard h2{font-size:clamp(38px,4.3vw,58px)}
.homeContact .contactCopy p,.homeContact .formCard p{font-size:14.5px;line-height:1.65}
.homeContact .formCard{padding:30px}

@media(max-width:920px){body:before,body:after{top:72px}}
@media(max-width:630px){body:before,body:after{top:72px}.homeContact .contactCopy,.homeContact .formCard{padding:22px}}

/* Sept. 19 mail revision: AJAX contact-form delivery feedback */
.formTrap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.formStatus{display:none;margin-top:14px;padding:13px 15px;border-radius:13px;font-size:13px;font-weight:750;line-height:1.45;border:1px solid var(--line);background:#0a0c10;color:#c8cdd5}
.formStatus.sending,.formStatus.success,.formStatus.error{display:block}
.formStatus.sending{border-color:rgba(216,169,75,.35);color:#e5c879;background:rgba(216,169,75,.07)}
.formStatus.success{border-color:rgba(156,255,63,.4);color:#c7ff8f;background:rgba(156,255,63,.075);box-shadow:inset 4px 0 0 #9cff3f}
.formStatus.error{border-color:rgba(255,84,92,.45);color:#ffafb3;background:rgba(255,84,92,.075);box-shadow:inset 4px 0 0 #ff545c}
.formCard button[disabled]{opacity:.65;cursor:wait;transform:none}

/* Sept. 19 revision 15: restore the theater marquee bulbs and repair contact layout. */
.ticker{
  position:relative;
  z-index:30;
  overflow:hidden;
  border-top:1px solid rgba(216,169,75,.38);
  border-bottom:1px solid rgba(216,169,75,.42);
  background:
    radial-gradient(circle,rgba(255,225,139,1) 0 2.2px,rgba(216,169,75,.78) 2.5px 3.8px,transparent 4.5px) 0 top/24px 14px repeat-x,
    radial-gradient(circle,rgba(255,225,139,.96) 0 2.2px,rgba(216,169,75,.72) 2.5px 3.8px,transparent 4.5px) 12px bottom/24px 14px repeat-x,
    linear-gradient(180deg,#3a0912 0%,#19070b 45%,#0d090b 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 7px 18px rgba(0,0,0,.42),
    0 0 20px rgba(216,169,75,.08);
}
.tickerTrack{
  position:relative;
  z-index:1;
  padding:13px 0;
  background:transparent;
  box-shadow:none;
  text-shadow:0 2px 3px #000,0 0 9px rgba(0,0,0,.9);
}

/* Contact page uses the same finished stage-door treatment as the homepage. */
.contactPageHero{
  padding-bottom:42px;
  text-align:center;
}
.contactPageHero .wrap{max-width:900px}
.contactPageHero h1{margin-left:auto;margin-right:auto}
.contactPageHero p{margin-left:auto;margin-right:auto}
.contactPageContact{padding-top:46px}
.contactPageContact .homeContactGrid{align-items:start}
.contactPageContact .contactCopy,
.contactPageContact .formCard{
  border-color:rgba(216,169,75,.30);
  background:linear-gradient(145deg,rgba(18,19,24,.98),rgba(9,10,13,.98));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 24px 55px rgba(0,0,0,.28);
}
.contactPageContact .joinImg{
  border:2px solid rgba(216,169,75,.38);
  box-shadow:inset 0 0 0 4px rgba(0,0,0,.24),0 20px 44px rgba(0,0,0,.30);
}
.contactPageContact .formCard:before{
  content:"STAGE DOOR • SUBMISSIONS";
  display:block;
  margin:-8px 0 16px;
  color:var(--brass-hi);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Full show name in the theater header. */
.brand{white-space:nowrap;letter-spacing:.025em}
@media(max-width:630px){
  .brand{font-size:15px;letter-spacing:.015em}
  .tickerTrack{padding:12px 0}
  .contactPageContact{padding-top:34px}
}


/* Sept. 19 revision 16: make free shipping part of the homepage offer. */
.freeShipInline{
  color:var(--brass-hi);
  font-weight:900;
  letter-spacing:.03em;
  text-shadow:0 1px 0 #000,0 0 16px rgba(216,169,75,.18);
}
.freeShippingBadge{
  align-self:flex-start;
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  margin:10px 0 2px;
  padding:7px 11px 6px;
  border:1px solid rgba(245,209,107,.75);
  border-radius:8px;
  background:
    linear-gradient(180deg,rgba(255,240,176,.11),transparent 44%),
    linear-gradient(135deg,#2b210a,#171004 72%);
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.32),
    0 7px 18px rgba(0,0,0,.30),
    0 0 18px rgba(216,169,75,.08);
  color:#f4d87c;
  line-height:1;
  transform:rotate(-1deg);
}
.freeShippingBadge:before{
  content:"★";
  color:#fff0a9;
  font-size:13px;
  text-shadow:0 0 8px rgba(255,224,120,.42);
}
.freeShippingBadge span,
.freeShippingBadge strong{
  font-family:Impact,"Arial Black",sans-serif;
  font-size:18px;
  letter-spacing:.075em;
  -webkit-text-stroke:.45px #000;
  text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}
.freeShippingBadge strong{color:#fff1a7}
.freeShippingBadge small{
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  color:#cfc7b5;
}
@media(max-width:630px){
  .freeShippingBadge{margin-top:8px}
}


/* ===== v17 production polish: accessibility, usability, performance ===== */
:root{color-scheme:dark}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--lime);outline-offset:4px}
section[id],article[id]{scroll-margin-top:132px}
.menubtn[aria-expanded="true"]{border-color:rgba(156,255,63,.55);color:var(--lime)}
.ticker:hover .tickerTrack,.ticker:focus-within .tickerTrack{animation-play-state:paused}
.ticker{position:relative}
.ticker::before,.ticker::after{pointer-events:none}
.navlinks a[aria-current="page"]{color:var(--lime)}
.heroVisual img{aspect-ratio:16/9;object-fit:cover}
.ytFacade{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#050608;border-radius:inherit;isolation:isolate}
.ytFacade>img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:transform .35s ease,filter .35s ease}
.ytFacade:hover>img,.ytFacade:focus-within>img{transform:scale(1.018);filter:brightness(.82)}
.ytPlay{position:absolute;inset:0;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;font:inherit}
.ytPlayIcon{width:82px;height:58px;border-radius:18px;background:#ff0033;display:grid;place-items:center;font-size:28px;line-height:1;padding-left:5px;box-shadow:0 16px 38px rgba(0,0,0,.45)}
.ytPlayLabel{position:absolute;left:18px;bottom:16px;background:rgba(6,7,9,.78);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;font-weight:850;font-size:12px;letter-spacing:.04em}
.video iframe{width:100%;height:100%;border:0}
.productTrust{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.productTrust span{font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d8dde4;background:#0b0d11}.productTrust .shipping{color:var(--lime);border-color:rgba(156,255,63,.3)}
.miniProductActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.miniProductActions .btn{padding:10px 13px;font-size:12px}
.footerMeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.footerMeta a:hover{color:var(--lime)}
.formPrivacy{font-size:12px;color:var(--muted);margin-top:10px}.formPrivacy a{text-decoration:underline;text-underline-offset:3px}
.stockTable caption{text-align:left;padding:0 0 12px;color:var(--muted);font-size:13px}
.galleryThumb img{aspect-ratio:4/3;object-fit:cover}
.galleryStage img{aspect-ratio:4/3;object-fit:contain;background:#050608}
.statusCard,.miniProduct,.sketchCard,.feature,.creator,.productShowcase{content-visibility:auto;contain-intrinsic-size:1px 480px}
@media(max-width:820px){
  .navlinks.open{max-height:calc(100vh - 72px);overflow:auto}
  .miniProductFoot{align-items:flex-start}
  .miniProductActions{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ticker{overflow-x:auto}.tickerTrack{animation:none!important;min-width:max-content;padding-right:30px}
  .reveal{opacity:1!important;transform:none!important}
}

.blakeLinks a{font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d8dde4;background:#0b0d11}.blakeLinks a:hover{color:var(--lime);border-color:rgba(156,255,63,.3)}


/* v18 final polish: show complete sketch artwork on cards */
.sketchMedia{
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  padding:10px;
  background:
    radial-gradient(circle at 50% 42%, rgba(216,169,75,.08), transparent 58%),
    #080a0e;
}
.sketchMedia img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  box-sizing:border-box;
}
.sketchCard:hover .sketchMedia img{transform:none;}