.site-header{height:auto;padding:0;background:#11140f;color:white;border-bottom:1px solid #343a31;position:relative;z-index:10}.header-inner{width:90%;max-width:1500px;margin:auto;min-height:115px;display:flex;align-items:center;gap:40px}.site-logo{display:block;width:220px;flex-shrink:0}.site-logo img{display:block;width:100%;height:auto;max-height:82px;object-fit:contain}.site-header nav{display:flex;gap:30px;align-items:center;margin:auto;font-size:16px;font-weight:700}.site-header nav a{padding:20px 0}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--lime)}.site-header .cart-trigger{border-radius:30px;font-size:15px;padding:13px 20px;white-space:nowrap}.cart-trigger span{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--lime);min-width:23px;height:23px;border-radius:50%;font-size:13px;margin-left:7px}.merch-menu{display:flex;position:relative;align-items:center;gap:7px}.submenu-toggle{background:none;color:inherit;border:0;font-size:21px;width:25px;height:35px}.merch-submenu{display:none;position:absolute;top:100%;left:-22px;min-width:220px;padding:10px 0;background:#11140f;border:1px solid #424c36;box-shadow:0 15px 30px #0004}.site-header .merch-submenu a{display:block;padding:12px 22px;font-size:15px}.merch-menu:hover .merch-submenu,.merch-menu:focus-within .merch-submenu,.merch-menu.open .merch-submenu{display:block}.mobile-toggle{display:none}.topline{font-size:12px;padding:11px;letter-spacing:1.5px}.outro{background:var(--lime)}.outro-logo{max-width:680px;width:90%;margin:20px auto 30px}.outro-logo img{width:100%;height:auto;display:block}.site-footer{padding:35px 5%;align-items:center;flex-wrap:wrap}.footer-logo{width:145px;display:block}.footer-logo img{width:100%;display:block}.footer-links{display:flex;gap:25px;font-size:14px}.footer-links a:hover{color:var(--lime)}.page-heading{padding:0 0 30px;max-width:1000px}.page-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(62px,8vw,106px);line-height:.94;margin:15px 0 22px;letter-spacing:-1px}.page-heading>p:last-child{max-width:650px;font-size:18px;line-height:1.7;color:#5a6353}.category-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0 25px;border-bottom:1px solid #d3d9ca;margin-bottom:25px}.category-tabs a{padding:10px 20px;border:1px solid #a9b69a;border-radius:30px;font-size:15px;font-weight:700}.category-tabs a:hover,.category-tabs a[aria-current=page]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.breadcrumbs{font-size:14px;margin-bottom:35px;color:#5a6353}.breadcrumbs a{text-decoration:underline}.collection-empty{grid-column:1/-1;background:var(--ink);color:var(--paper);padding:50px}.collection-empty h2{margin:18px 0 25px}.collection-empty p{font-size:17px;line-height:1.7;max-width:550px;color:#c8cec2}.collection-empty .button{margin-top:18px}.panel-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.7px;background:var(--lime);color:var(--ink);padding:9px 12px}.feature-page{padding:75px 5% 85px}.feature-panel{padding:60px;background:var(--ink);color:var(--paper);margin-top:20px}.feature-panel h2{font-size:clamp(58px,7vw,94px);margin:25px 0}.feature-panel p{font-size:18px;line-height:1.7;max-width:600px;color:#c8cec2;margin-bottom:30px}.deal-panel{border-right:18px solid var(--lime)}.reward-panel{background:var(--purple);border-right:18px solid var(--lime)}.reward-panel p{color:white}.brand-showcase{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:55px;background:var(--ink);color:white;align-items:center}.brand-feature-logo img{width:100%;height:auto;display:block}.brand-showcase p{font-size:17px;line-height:1.7;color:#c8cec2;max-width:530px}.brand-showcase .button{margin-top:20px}.brand-showcase h2{color:var(--lime)}.partner-note{border-top:1px solid #c4cdb8;padding-top:25px;margin-top:40px}.partner-note h3{font-size:25px;margin:0 0 12px}.partner-note p{font-size:16px;line-height:1.7;color:#5a6353}.rewards-faq{max-width:800px;margin:55px auto 0}.rewards-faq h2{font-size:40px;margin-bottom:25px}.rewards-faq details{border-bottom:1px solid #c4cdb8;padding:19px 0}.rewards-faq summary{font-size:17px;font-weight:700;cursor:pointer}.rewards-faq p{font-size:16px;line-height:1.7;color:#5a6353}.header-inner nav a:focus-visible{outline-color:var(--lime)}@media(max-width:950px){.header-inner{gap:20px}.site-logo{width:175px}.site-header nav{gap:20px;font-size:14px}.site-header .cart-trigger{padding:10px 13px}.brand-showcase{padding:35px;gap:35px}}@media(max-width:700px){.header-inner{min-height:100px;flex-wrap:wrap;gap:15px;width:88%;padding:15px 0}.site-logo{width:160px}.site-logo img{max-height:65px}.mobile-toggle{display:block;background:none;border:1px solid #59624f;border-radius:25px;color:white;padding:10px 13px;font-size:14px;margin-left:auto}.site-header .cart-trigger{margin-left:0}.site-header nav{display:none;width:100%;order:4;flex-direction:column;align-items:stretch;margin:0;gap:0;padding:10px 0 15px;border-top:1px solid #343a31}.site-header nav.open{display:flex}.site-header nav>a{padding:14px 0;font-size:16px}.merch-menu{display:flex;flex-wrap:wrap;justify-content:space-between}.merch-menu>a{flex:1;font-size:16px}.merch-submenu{position:static;width:100%;box-shadow:none;border:0;border-left:2px solid var(--lime);margin:0 0 10px;min-width:0}.merch-menu:hover .merch-submenu,.merch-menu:focus-within .merch-submenu{display:none}.merch-menu.open .merch-submenu{display:block}.site-header .merch-submenu a{font-size:14px;padding:10px 18px}.category-tabs{gap:8px}.category-tabs a{padding:9px 14px;font-size:14px}.page-heading h1{font-size:65px}.page-heading>p:last-child{font-size:16px}.feature-page{padding:50px 6%}.feature-panel{padding:35px 25px;border-right-width:8px}.feature-panel h2{font-size:63px}.feature-panel p{font-size:16px}.brand-showcase{grid-template-columns:1fr;padding:35px 25px;gap:25px}.brand-feature-logo{max-width:380px;margin:auto}.site-footer{padding:30px 6%;gap:25px}.footer-links{width:100%;order:3;flex-wrap:wrap;gap:22px}.site-footer>span{margin-left:auto}.topline{font-size:10px}.collection-empty{padding:35px 25px}}@media(max-width:380px){.site-logo{width:135px}.mobile-toggle{padding:9px 11px}.site-header .cart-trigger{padding:9px 11px;font-size:13px}.header-inner{gap:9px}}

/* Standalone mascot, paired with the original script wordmark. */
.site-logo{display:flex;align-items:center;gap:10px;width:220px}
.site-logo .header-mascot{width:50px;height:78px;max-height:none;object-fit:contain;flex:0 0 50px}
.site-logo .header-wordmark{width:160px;height:auto;max-height:80px;object-fit:contain}
.mascot-hero{border:0;box-shadow:none;transform:none;width:100%;max-width:560px;margin:auto;background:radial-gradient(ellipse at center,#7846b634,transparent 70%)}
.mascot-hero .art-crop{aspect-ratio:1;max-height:600px;background:transparent;overflow:visible}
.mascot-hero .art-crop img{position:static;display:block;width:100%;height:100%;object-fit:contain;padding:6px 18px 22px;max-width:100%}
.mascot-hero .art-tag{left:50%;bottom:0;transform:translateX(-50%) rotate(-3deg);white-space:nowrap}
.character .detail-art{background:#243c51}
.character .detail-art img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:24px}
@media(max-width:950px){.site-logo{width:175px;gap:7px}.site-logo .header-mascot{width:40px;height:65px;flex-basis:40px}.site-logo .header-wordmark{width:128px}}
@media(max-width:600px){.hero-art.mascot-hero{width:92%;max-width:430px;box-shadow:none;margin:10px auto}.mascot-hero .art-crop{max-height:460px}.mascot-hero .art-crop img{padding-bottom:26px}}
@media(max-width:380px){.site-logo{width:145px;gap:5px}.site-logo .header-mascot{width:34px;height:55px;flex-basis:34px}.site-logo .header-wordmark{width:106px}}

/* A closer portrait puts the mature character and headphones in focus. */
.hero{grid-template-columns:1fr 1.2fr;gap:3%}
.hero-art.mascot-hero{max-width:700px;width:100%}
.mascot-hero .art-crop{aspect-ratio:1;max-height:680px;overflow:hidden}
.mascot-hero .art-crop img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center top}
.character .detail-art img{padding:0;object-fit:cover;object-position:center top}
.site-logo .header-mascot{object-fit:cover;object-position:center top;height:64px}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-art.mascot-hero{width:100%;max-width:520px}.mascot-hero .art-crop{max-height:520px}}
@media(max-width:380px){.site-logo .header-mascot{height:48px}}