/* Mascot Star has its own softer visual rhythm within the SPOK site. */
.mascot-page{--star-cream:#fff6e9;--star-ink:#243449;--star-rose:#dc8f98;--star-mint:#8cd9c2;--star-violet:#957cc4;background:#f7f0e8;color:var(--star-ink)}
.mascot-page .header,.mascot-page .footer{color:var(--text)}
.mascot-main{overflow:hidden}
.mascot-main h1,.mascot-main h2,.mascot-main h3{word-break:keep-all}
.mascot-main em{font-style:normal;color:#ffdba7}
.star-kicker{margin:0;color:#f8d99d;font-size:11px;font-weight:900;letter-spacing:.19em;line-height:1.5}
.star-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(850px,calc(100svh - 82px));padding:105px var(--pad) 100px;background:#0a162c;color:#fff}
.star-hero-art,.star-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.star-hero-art{z-index:-2;object-fit:cover;object-position:center 48%}
.star-hero-shade{z-index:-1;background:linear-gradient(90deg,#081327f5 0%,#09152be9 23%,#101a2ab5 42%,#101a2a2e 65%,#101a2a00 100%),linear-gradient(0deg,#07172b9c,transparent 24%)}
.star-hero-copy{max-width:690px;position:relative;z-index:1}
.star-hero h1{font-size:clamp(48px,5.3vw,85px);line-height:1.14;letter-spacing:-.078em;margin:22px 0 26px;font-weight:900;text-shadow:0 5px 30px #09122875}
.star-hero h1 em{display:inline-block;color:#ffe3b6}
.star-lead{max-width:560px;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.8;color:#f0eee8;text-shadow:0 2px 14px #000b}
.star-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:36px}
.star-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:55px;padding:13px 20px;border-radius:999px;font-size:14px;font-weight:850;line-height:1.3;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.star-button:hover{transform:translateY(-3px)}
.star-button:focus-visible{outline:3px solid #f9cf9d;outline-offset:4px}
.star-button-primary{background:#f9d69f;color:#223047;box-shadow:0 9px 24px #07122545}
.star-button-primary:hover{background:#ffe6bc;box-shadow:0 13px 27px #07122566}
.star-button-secondary{color:#fff;border:1px solid #fff9;background:#08172b7d;backdrop-filter:blur(6px)}
.star-button-secondary:hover{background:#172d48bf}
.star-status{font-size:11px;line-height:1.6;color:#e7e6e0;margin:24px 0 0;text-shadow:0 2px 12px #071225}
.star-hero-index{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid #fff6;color:#ffeed2;font-size:10px;font-weight:800;letter-spacing:.17em}
.star-hero-index span{white-space:nowrap}
.star-intro,.star-gameplay,.star-friends,.star-outro{padding:clamp(78px,8vw,128px) var(--pad)}
.star-intro{background:radial-gradient(circle at 88% -18%,#e6d4ee 0%,transparent 38%),linear-gradient(180deg,#fff9f0,#f6eee5)}
.star-intro .star-kicker,.star-gameplay .star-kicker,.star-friends .star-kicker{color:#8b6689}
.star-intro-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.star-intro h2,.star-section-head h2,.star-friends h2,.star-outro h2{font-size:clamp(42px,5.1vw,74px);line-height:1.16;letter-spacing:-.072em;margin:12px 0 0;font-weight:900}
.star-intro h2 em,.star-friends h2 em{color:#ab718d}
.star-intro-lead{max-width:500px;margin:0 0 5px;font-size:18px;line-height:1.8;color:#566579;word-break:keep-all}
.star-energy-note{max-width:680px;margin-top:28px;padding:19px 23px;border-left:4px solid #5ba8bb;border-radius:0 14px 14px 0;background:#e4f4f1;color:#254f5d}
.star-energy-note span{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#287484}
.star-energy-note p{margin:8px 0 0;font-size:15px;line-height:1.65;word-break:keep-all}
.star-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:52px}
.star-feature{min-height:420px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;position:relative;overflow:hidden;border-radius:22px;box-shadow:0 18px 38px #3f445b17;border:1px solid #fff9}
.star-feature:before{content:"";position:absolute;width:260px;height:260px;border:28px solid #fff5;border-radius:50%;right:-100px;top:-120px;pointer-events:none}
.star-feature-lake{background:linear-gradient(150deg,#bce9e0,#78c8cc);color:#173e4c}
.star-feature-home{background:linear-gradient(145deg,#ffdcbf,#f0b5a5);color:#623b4b}
.star-feature-friends{background:linear-gradient(145deg,#dcd1ef,#b7aad9);color:#41345e}
.star-feature-num{font-size:11px;font-weight:900;letter-spacing:.17em;opacity:.75}
.star-feature h3{font-size:clamp(27px,2.5vw,40px);line-height:1.22;letter-spacing:-.06em;margin:0 0 13px}
.star-feature p{font-size:15px;line-height:1.7;max-width:31ch;margin:0;word-break:keep-all}
.star-feature-lake:after,.star-feature-home:after,.star-feature-friends:after{position:absolute;right:22px;top:58px;font-size:105px;line-height:1;opacity:.28;font-weight:200}
.star-feature-lake:after{content:"◌"}.star-feature-home:after{content:"⌂"}.star-feature-friends:after{content:"✦"}
.star-gameplay{background:#172a39;color:#f6f8f6}
.star-gameplay .star-kicker{color:#a9dcc6}
.star-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}
.star-section-head h2 em{color:#9bdcc4}
.star-section-head>p{max-width:360px;margin:0 0 7px;color:#c8d4d6;font-size:17px;line-height:1.8;word-break:keep-all}
.star-gameplay figure{margin:0}
.star-gameplay-image{border:1px solid #91c8c760;border-radius:18px;overflow:hidden;box-shadow:0 30px 65px #07141f7d}
.star-gameplay-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.star-gameplay-image figcaption{padding:12px 18px;background:#263d4b;color:#cfdbda;font-size:11px}
.star-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.star-scene-grid figure{overflow:hidden;border-radius:16px;background:#21394a;border:1px solid #779eac55}
.star-scene-grid img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover}
.star-scene-grid figure:nth-child(2) img{transform:scale(1.34);transform-origin:left center}
.star-scene-grid figcaption{padding:21px 24px 24px;display:flex;flex-direction:column;gap:5px}
.star-scene-grid strong{font-size:22px;letter-spacing:-.04em}
.star-scene-grid span{color:#c0cdd3;font-size:14px;line-height:1.6}
.star-scene-grid{scroll-margin-top:105px}
.star-gameplay-note{margin:17px 2px 0;color:#b9cbd1;font-size:11px;line-height:1.6}
.star-friends{background:radial-gradient(circle at 80% 10%,#fff4eb,#f7e9e5 55%,#f2e3e6);display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:7%}
.star-friends>div:first-child>p:last-child{max-width:490px;color:#58677a;font-size:17px;line-height:1.8;word-break:keep-all}
.star-friends-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.star-friends-list figure{grid-column:span 2;margin:0;text-align:center;border-radius:18px;background:#fffbf8;border:1px solid #e7dce4;padding:10px 8px 8px;box-shadow:0 10px 26px #8d6e7a18}
.star-friends-list figure:nth-child(4){grid-column:2/span 2}.star-friends-list figure:nth-child(5){grid-column:4/span 2}
.star-friends-list img{display:block;width:100%;max-width:130px;aspect-ratio:1;object-fit:contain;margin:auto}
.star-friends-list figcaption{font-size:10px;letter-spacing:.18em;font-weight:900;color:#765e78;margin:3px 0 0}
.star-outro{text-align:center;background:radial-gradient(circle at 50% -10%,#344f66,#18283d 58%,#101c2e);color:#fff}
.star-outro h2 em{color:#a9dfd2}
.star-outro>p:not(.star-kicker){max-width:630px;margin:20px auto 0;color:#d8e0e6;font-size:17px;line-height:1.8;word-break:keep-all}
.star-outro .star-actions{justify-content:center}
@media(max-width:1050px){.star-hero{min-height:720px}.star-hero-shade{background:linear-gradient(90deg,#081327f5 0%,#09152bdd 37%,#101a2a50 75%,transparent),linear-gradient(0deg,#07172b88,transparent 30%)}.star-intro-heading,.star-section-head{display:block}.star-intro-lead,.star-section-head>p{margin-top:22px;max-width:680px}.star-feature{min-height:390px;padding:24px}.star-friends{grid-template-columns:1fr;gap:34px}.star-friends-list{max-width:690px}}
@media(max-width:650px){.star-hero{min-height:790px;align-items:flex-start;padding:65px var(--pad) 90px}.star-hero-art{object-position:62% bottom}.star-hero-shade{background:linear-gradient(180deg,#081327f8 0%,#081327ec 30%,#08132788 58%,#08132700 100%),linear-gradient(0deg,#07172bc4,transparent 24%)}.star-hero h1{font-size:clamp(39px,9.5vw,57px);letter-spacing:-.07em;margin:18px 0}.star-lead{font-size:15px;line-height:1.7;max-width:38ch}.star-actions{gap:9px;margin-top:25px}.star-button{min-height:51px;font-size:12px;padding:11px 15px;gap:8px}.star-status{font-size:10px}.star-hero-index{font-size:8px}.star-intro,.star-gameplay,.star-friends,.star-outro{padding:76px var(--pad)}.star-intro h2,.star-section-head h2,.star-friends h2,.star-outro h2{font-size:clamp(36px,9vw,52px)}.star-intro-lead,.star-section-head>p,.star-friends>div:first-child>p:last-child,.star-outro>p:not(.star-kicker){font-size:15px}.star-feature-grid{grid-template-columns:1fr;margin-top:31px;gap:12px}.star-feature{min-height:245px;padding:22px}.star-feature h3{font-size:29px}.star-feature p{font-size:14px}.star-feature-lake:after,.star-feature-home:after,.star-feature-friends:after{top:25px;font-size:80px}.star-section-head{margin-bottom:27px}.star-gameplay-image img{aspect-ratio:1.45;object-fit:cover;object-position:55% center}.star-scene-grid{grid-template-columns:1fr;gap:12px}.star-scene-grid strong{font-size:20px}.star-friends-list{gap:7px}.star-friends-list figure{padding:6px 3px}.star-friends-list figcaption{font-size:9px}.star-outro .star-actions{display:flex}}
@media(max-width:390px){.star-hero{min-height:790px;padding-top:46px}.star-actions{display:grid}.star-button{justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){.star-button{transition:none}}
/* Preserve the small, fully round planet silhouette in the new hero art. */
.star-hero-art{object-position:center center}
@media(max-width:650px){.star-hero-art{object-fit:contain;object-position:center bottom}.star-hero-shade{background:linear-gradient(180deg,#081327fb 0%,#081327f5 42%,#081327c9 62%,#08132710 100%)}}