/* v44 Sunlight City splash pages (/stickermule/, /teepublic/, /redbubble/, /displate/). Brand: Phase 1 guide (Midnight #1A0B33, Pink #FF2C8B, Purple #7A32C4, Orange #FB7E4B, Yellow #FDDC49, Cyan #05D2FA). Headline font Audiowide (OFL, fonts/Audiowide-OFL.txt). */
@font-face{font-family:"Audiowide";src:url(/fonts/Audiowide-Regular.ttf) format("truetype");font-display:swap}
:root{--sc-mid:#1A0B33;--sc-pink:#FF2C8B;--sc-purple:#7A32C4;--sc-orange:#FB7E4B;--sc-yellow:#FDDC49;--sc-cyan:#05D2FA;--sc-disp:"Audiowide",var(--sans)}
.sc{background:var(--sc-mid);color:#fff}
.sc-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#1A0B33 0%,#3a1568 38%,#7A32C4 62%,#FF2C8B 84%,#FB7E4B 100%);padding:56px 0 150px;text-align:center}
.sc-hero:before{content:"";position:absolute;left:50%;bottom:70px;width:min(520px,80vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:repeating-linear-gradient(180deg,transparent 0 58%,rgba(26,11,51,.9) 58% 61%,transparent 61% 66%),linear-gradient(180deg,#FDDC49,#FB7E4B 55%,#FF2C8B);opacity:.55;-webkit-mask:linear-gradient(180deg,#000 60%,transparent 100%);mask:linear-gradient(180deg,#000 60%,transparent 100%)}
.sc-grid-floor{position:absolute;left:-20%;right:-20%;bottom:0;height:150px;background:linear-gradient(180deg,rgba(26,11,51,.2),#1A0B33 95%),repeating-linear-gradient(90deg,rgba(5,210,250,.45) 0 2px,transparent 2px 64px),repeating-linear-gradient(0deg,rgba(255,44,139,.45) 0 2px,transparent 2px 26px);transform:perspective(300px) rotateX(55deg);transform-origin:bottom}
.sc-hero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.sc-logo img{width:min(420px,78vw);height:auto;display:block;filter:drop-shadow(0 6px 24px rgba(26,11,51,.6))}
.sc-h1{font-family:var(--sc-disp);font-weight:400;font-size:clamp(22px,3.4vw,34px);line-height:1.1;letter-spacing:.02em;margin-top:6px;text-shadow:0 2px 12px rgba(26,11,51,.7)}
.sc-h1 .sc-logo{display:block}.sc-h1 span{display:block;color:var(--sc-yellow);margin-top:-6px}
.sc-tag{font-size:clamp(18px,2.4vw,22px);font-weight:600;margin-top:18px;max-width:640px;text-shadow:0 1px 8px rgba(26,11,51,.85)}
.sc-intro{font-size:17px;line-height:1.6;max-width:640px;margin-top:12px;color:#fff;text-shadow:0 1px 8px rgba(26,11,51,.9)}
.sc-hero-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px}
.sc-what{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.85}
.sc-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:99px;background:var(--sc-pink);color:#fff;font:700 16px/1.2 var(--sans);text-decoration:none;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 10px 30px -8px rgba(255,44,139,.8);transition:transform .2s,background .2s}
.sc-btn:hover{background:#ff4f9f;transform:translateY(-2px)}.sc-btn:focus-visible{outline:3px solid var(--sc-cyan);outline-offset:4px}
.sc-soon{background:rgba(26,11,51,.7);box-shadow:0 0 0 2px rgba(255,255,255,.6);cursor:default}.sc-soon:hover{transform:none;background:rgba(26,11,51,.7)}
.sc-btn-lg{font-size:18px;padding:14px 32px}
.sc-gallery{padding-block:56px 24px}
.sc-h2{font-family:var(--sc-disp);font-weight:400;font-size:clamp(24px,3.4vw,34px);color:#fff;text-align:center}
.sc-gp{text-align:center;color:#d9cdf0;max-width:620px;margin:10px auto 0}
.sc-tiles{list-style:none;margin:32px 0 0;padding:0;columns:3 260px;column-gap:18px}
.sc-few{columns:2 260px;max-width:860px;margin-inline:auto}
.sc-tile{break-inside:avoid;margin-bottom:18px}
.sc-tile figure{margin:0;background:#24123f;border:1px solid rgba(255,44,139,.35);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px -14px rgba(0,0,0,.7)}
.sc-tile img{display:block;width:100%;height:auto}
.sc-tile figcaption{padding:10px 14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-yellow)}
.sc-close{text-align:center;padding-block:28px 56px;display:flex;flex-direction:column;align-items:center;gap:18px}
.sc-cl{font-size:20px;font-weight:600;max-width:620px}
.sc-more{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding-bottom:56px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
.sc-more-k{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#bfb0dc}
.sc-more ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.sc-more a{display:inline-block;padding:8px 16px;border-radius:99px;border:1px solid rgba(5,210,250,.6);color:#fff;text-decoration:none;font-weight:600;font-size:14px}.sc-more a:hover{background:rgba(5,210,250,.15)}
.sc-pending{border:2px dashed var(--sc-yellow);background:rgba(253,220,73,.12);color:var(--sc-yellow);padding:10px 14px;border-radius:10px;font:700 14px/1.4 ui-monospace,Menlo,Consolas,monospace;text-transform:none;letter-spacing:0}
.sc-h2.sc-pending,.sc-gp.sc-pending{display:block;max-width:620px;margin-inline:auto}
@media (max-width:620px){.sc-hero{padding:36px 0 120px}.sc-grid-floor{height:110px}.sc-intro{font-size:16px}.sc-gallery{padding-top:40px}.sc-tiles{columns:1}.sc-few{columns:1}}
@media (min-width:621px) and (max-width:900px){.sc-tiles{columns:2}}
@media (prefers-reduced-motion:reduce){.sc-btn{transition:none}.sc-btn:hover{transform:none}}