@font-face{font-family:Fredoka;src:url("assets/Fredoka.ttf") format("truetype");font-display:swap;font-weight:300 700}
@font-face{font-family:Nunito;src:url("assets/Nunito.ttf") format("truetype");font-display:swap;font-weight:300 900}

:root{
  --ink:#511a4c;
  --blue:#149dd0;
  --pink:#ff006f;
  --lime:#90bd35;
  --yellow:#f6cc22;
  --orange:#ff8a1b;
  --purple:#902478;
  --paper:#ffffff;
  --mist:#fff3fa;
  --line:rgba(81,26,76,.16);
  --shadow:0 24px 70px rgba(81,26,76,.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:1rem;line-height:1.55;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.75rem 1rem;background:var(--ink);color:white;border-radius:.6rem;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}

.site-header{position:relative;width:min(1180px,calc(100% - 3rem));min-height:92px;margin:0 auto;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;width:116px}
.brand img{display:block;width:100%;height:auto}
nav{display:flex;justify-content:center;gap:clamp(1.2rem,2.6vw,2.4rem)}
nav a{text-decoration:none;font-weight:800;font-size:.92rem}
nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--blue)}
.header-cta{padding:.72rem 1.05rem;border:2px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:900;white-space:nowrap}
.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font:800 .9rem Nunito,sans-serif;cursor:pointer}.menu-toggle b{font-size:1.3rem}

.hero{position:relative;width:auto;min-height:720px;margin:0;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;padding:5.8rem max(1.5rem,calc((100% - 1180px)/2)) 5rem;overflow:hidden;background:linear-gradient(118deg,#ffdf00 0 31%,#ff8a00 31% 49%,#ff006f 49% 72%,#7b32ff 72% 100%)}
.hero::before{content:"";position:absolute;z-index:0;width:32rem;height:32rem;right:-10rem;top:-10rem;border-radius:50%;border:5rem solid rgba(0,174,238,.8)}
.hero::after{content:"";position:absolute;z-index:0;width:14rem;height:14rem;left:-6rem;bottom:-5rem;border:3rem solid rgba(183,227,0,.8);border-radius:50%}
.hero>*{position:relative;z-index:1}
.stage-label{display:inline-flex;padding:.5rem .8rem;margin-bottom:1.5rem;border:2px solid var(--ink);border-radius:999px;background:white;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}
.eyebrow{margin:0 0 .9rem;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900}
h1,h2,strong{font-family:Fredoka,Nunito,sans-serif}
h1{max-width:720px;margin:0;font-size:clamp(3.3rem,5.8vw,6.5rem);line-height:.93;letter-spacing:-.055em;font-weight:650}
h1 em{color:white;font-style:normal;position:relative;white-space:nowrap;text-shadow:0 5px 0 var(--pink)}
h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:.13em;background:var(--blue);border-radius:999px;z-index:-1;transform:rotate(-1.6deg)}
.intro{max-width:650px;margin:1.7rem 0 0;color:var(--ink);font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:750}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.15rem;border-radius:999px;text-decoration:none;font-weight:900}
.button-primary{background:var(--ink);color:white;border:2px solid var(--ink);box-shadow:0 7px 0 rgba(0,0,0,.14)}
.button-primary:hover{background:var(--pink);border-color:var(--pink)}
.button-secondary{background:white;border:2px solid var(--ink)}
.button-secondary:hover{border-color:var(--blue);color:#05698f}
.proof{display:flex;gap:2rem;margin:2.4rem 0 0;padding-top:1.4rem;border-top:2px solid rgba(19,35,75,.3)}
.proof div{display:grid;gap:.15rem}
.proof dt{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:900;color:var(--ink)}
.proof dd{margin:0;font-weight:900}

.hero-visual{position:relative;isolation:isolate;min-height:570px;display:flex;align-items:center;justify-content:center;border:4px solid var(--ink);border-radius:4rem 4rem 1.4rem 4rem;background:linear-gradient(155deg,#ff7eb6 0 30%,#a967ff 30% 61%,#3edcff 61% 100%);box-shadow:14px 16px 0 var(--ink)}
.hero-visual::before{content:"";position:absolute;inset:1rem;border:1px solid rgba(255,255,255,.75);border-radius:3.35rem 3.35rem 1rem 3.35rem;z-index:-1}
.feature-kicker{position:absolute;top:1.6rem;left:1.7rem;padding:.42rem .7rem;border:2px solid var(--ink);border-radius:999px;background:var(--lime);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.hero-product{width:min(118%,690px);max-width:none;transform:translate(-1.5rem,1.4rem);filter:drop-shadow(0 24px 24px rgba(70,10,74,.22))}
.feature-card{position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:rgba(255,255,255,.94);border:1px solid white;border-radius:1rem;box-shadow:0 12px 35px rgba(19,35,75,.13);backdrop-filter:blur(10px)}
.feature-card>div{display:grid}
.feature-card span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#6d4b7c}
.feature-card strong{font-size:1.05rem}
.feature-card a{text-decoration:none;font-weight:900;white-space:nowrap}
.feature-card a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}

.brand-preview{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:5rem 0 6rem;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1.2fr .8fr;gap:2rem;align-items:start}
.section-number{margin:.3rem 0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;color:#71809e}
.brand-preview h2{margin:0;font-size:clamp(2.2rem,4vw,4.3rem);line-height:1;letter-spacing:-.04em}
.brand-preview>p:last-child{margin:.35rem 0 0;color:#506080;font-size:1.05rem}

.catalogue{padding:6rem max(1.5rem,calc((100% - 1180px)/2));background:var(--mist);border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.55fr);gap:3rem;align-items:end}.section-heading h2,.trade h2,.about h2,.contact h2,.product-hero h1{margin:0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.96;letter-spacing:-.045em}.section-heading>p{margin:0;color:#506080;font-size:1.08rem}
.filters{display:flex;flex-wrap:wrap;gap:.65rem;margin:2.7rem 0 2rem}.filter{min-height:44px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);font:900 .88rem Nunito,sans-serif;cursor:pointer}.filter:hover,.filter.is-active{border-color:var(--ink);background:var(--ink);color:white}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:white;box-shadow:0 12px 35px rgba(19,35,75,.06)}.product-card[hidden]{display:none}.card-media{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#fff,var(--card,#eaf7ff));text-decoration:none}.card-media img{width:100%;height:290px;object-fit:contain;transition:transform .25s ease}.product-card:hover .card-media img{transform:scale(1.035)}.card-pink{--card:#fde3f0}.card-green{--card:#e8f6d5}.card-blue{--card:#dff6ff}.card-yellow{--card:#fff4be}.card-lilac{--card:#eee2ff}.card-cyan{--card:#ddf8f7}.card-copy{padding:1.25rem 1.3rem 1.45rem}.card-copy>span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#657493;font-weight:900}.card-copy h3{margin:.18rem 0 .3rem;font:650 1.8rem Fredoka,sans-serif;letter-spacing:-.02em}.card-copy p{margin:0 0 1rem;color:#506080}.card-copy a{font-weight:900;text-decoration:none}.card-copy a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.concept-badge{position:absolute;z-index:2;left:.9rem;top:.9rem;padding:.38rem .62rem;border-radius:999px;background:var(--ink);color:white;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:900}

.trade{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:7rem 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:6rem;align-items:center}.trade-copy>p:not(.section-number){max-width:570px;color:#506080;font-size:1.08rem}.trade-copy .button{margin-top:1rem}.process{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:52px 130px 1fr;gap:1rem;align-items:baseline;padding:1.6rem 0;border-bottom:1px solid var(--line)}.process span{color:var(--pink);font-weight:900}.process strong{font-size:1.4rem}.process p{margin:0;color:#506080}
.about{padding:7rem max(1.5rem,calc((100% - 1180px)/2));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.5fr);gap:5rem;align-items:end;background:#f9ebf2}.about>p{margin:0;font-size:1.1rem;color:#5d4763}
.contact{padding:7.5rem max(1.5rem,calc((100% - 1180px)/2));text-align:center;background:var(--ink);color:white}.contact h2{max-width:800px;margin:0 auto}.contact>p:not(.eyebrow){max-width:620px;margin:1.25rem auto;color:#c9d2e7}.button-light{margin-top:1rem;background:white;color:var(--ink);border:2px solid white}.button-light:hover{background:var(--yellow);border-color:var(--yellow)}
footer{min-height:135px;width:min(1180px,calc(100% - 3rem));margin:0 auto;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:2rem;color:#667591;font-size:.82rem}footer img{width:90px}footer a{font-weight:900;text-decoration:none}

.product-hero{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:5.5rem 0 6rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.product-hero-copy>p{max-width:600px;color:#506080;font-size:1.15rem}.product-hero-media{min-height:560px;display:grid;place-items:center;border-radius:4rem 4rem 1.4rem;background:linear-gradient(145deg,#fde3f0,#dff6ff);box-shadow:var(--shadow)}.product-hero-media img{width:112%;max-width:none;filter:drop-shadow(0 28px 28px rgba(70,10,74,.2))}.product-facts{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:0 0 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-facts article{padding:1.5rem;border:1px solid var(--line);border-radius:1.2rem}.product-facts span{display:block;color:var(--pink);font-weight:900}.product-facts h2{margin:.3rem 0;font:650 1.7rem Fredoka,sans-serif}.product-facts p{margin:0;color:#506080}.story-band{padding:7rem max(1.5rem,calc((100% - 1180px)/2));background:var(--mist);text-align:center}.story-band h2{max-width:850px;margin:0 auto;font:650 clamp(2.7rem,5vw,5.2rem)/.98 Fredoka,sans-serif;letter-spacing:-.04em}.story-band p{max-width:670px;margin:1.3rem auto 0;color:#506080;font-size:1.08rem}
.product-hero-copy .stage-label{text-decoration:none;color:var(--ink)}.stage-note{padding-top:1.2rem;border-top:1px solid var(--line);font-size:.82rem!important;color:#72809c!important}

@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto auto;min-height:80px}.menu-toggle{display:flex;align-items:center;gap:.45rem}.site-header nav{position:absolute;z-index:20;left:0;right:0;top:79px;display:none;flex-direction:column;gap:0;padding:.5rem;background:white;border:1px solid var(--line);border-radius:0 0 1rem 1rem;box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.site-header nav a{padding:.85rem 1rem}.header-cta{font-size:.85rem}
  .hero{grid-template-columns:1fr;padding-top:3.7rem}.hero-copy{max-width:720px}.hero-visual{min-height:530px}.hero-product{width:min(110%,620px)}
  .brand-preview{grid-template-columns:1fr}.section-number{margin-bottom:0}
  .section-heading,.trade,.about,.product-hero{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade{gap:3rem}.about{gap:2rem}.product-hero{gap:3rem}.product-facts{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .site-header,.hero,.brand-preview{width:min(100% - 2rem,1180px)}
  .site-header{grid-template-columns:76px 1fr auto;gap:.65rem}.brand{width:76px}.menu-toggle{justify-self:end}.menu-toggle span{font-size:0}.header-cta{padding:.58rem .68rem;font-size:.75rem}
  .hero{min-height:auto;gap:2.6rem;padding:3rem 0 3.5rem}.stage-label{margin-bottom:1rem}.eyebrow{max-width:290px}
  h1{font-size:clamp(3rem,15.5vw,4.6rem)}.intro{font-size:1rem}.hero-actions{display:grid}.button{width:100%}
  .proof{display:grid;gap:.8rem}.proof div{grid-template-columns:86px 1fr;align-items:baseline}
  .hero-visual{min-height:430px;border-radius:2.5rem 2.5rem 1rem 2.5rem}.hero-product{width:124%;transform:translate(-.7rem,.9rem)}
  .feature-card{left:1rem;right:1rem;bottom:1rem;align-items:flex-start}.feature-card a{font-size:0;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center}.feature-card a span{font-size:1.2rem;color:white}
  .brand-preview{padding:3.5rem 0}.brand-preview h2{font-size:2.7rem}
  .catalogue{padding-top:4rem;padding-bottom:4rem}.section-heading{gap:1.2rem}.product-grid{grid-template-columns:1fr}.card-media{min-height:250px}.card-media img{height:250px}.trade{padding:4.5rem 0}.process li{grid-template-columns:42px 1fr}.process p{grid-column:2}.about,.contact,.story-band{padding-top:4.5rem;padding-bottom:4.5rem}.product-hero{padding:3rem 0}.product-hero-media{min-height:390px;border-radius:2.5rem 2.5rem 1rem}.product-facts{grid-template-columns:1fr;padding-bottom:4.5rem}footer{grid-template-columns:70px 1fr;padding:1.4rem 0}footer a{display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Vibrant toys + candies direction — 2026-09-22 */
.catalogue{background:linear-gradient(135deg,#10cfff 0 38%,#27e0c1 38% 67%,#b7e300 67%);border-top:4px solid var(--ink)}
.section-heading>p{color:var(--ink);font-weight:750}
.product-card{border:3px solid var(--ink);box-shadow:8px 9px 0 rgba(19,35,75,.92)}
.card-pink{--card:#ff60a8}.card-green{--card:#b7e300}.card-blue{--card:#2ed5ff}.card-yellow{--card:#ffdf00}.card-lilac{--card:#a967ff}.card-cyan{--card:#19e4d0}.card-candy{--card:#ff467f}
.concept-badge,.category-badge{position:absolute;z-index:2;left:.9rem;top:.9rem;padding:.38rem .62rem;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:white;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:900}.category-badge{background:white;color:var(--ink)}.concept-badge+.category-badge{left:auto;right:.9rem}
.worlds{display:grid;grid-template-columns:1.15fr 1fr 1fr;background:var(--yellow);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.worlds-heading,.world{position:relative;min-height:500px;overflow:hidden;padding:4rem clamp(1.5rem,3vw,3.5rem)}.worlds-heading{display:flex;flex-direction:column;justify-content:center}.worlds-heading h2{margin:0;font:650 clamp(3rem,5vw,5.5rem)/.92 Fredoka,sans-serif;letter-spacing:-.05em}.world{border-left:4px solid var(--ink);color:white}.world h3{position:relative;z-index:2;margin:.1rem 0;font:650 clamp(3.5rem,6vw,6.8rem)/.9 Fredoka,sans-serif;letter-spacing:-.055em}.world p,.world span{position:relative;z-index:2;font-weight:900}.world span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.world img{position:absolute;width:118%;max-width:none;height:65%;left:-9%;bottom:-5%;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,0,0,.28))}.world-toys{background:var(--purple)}.world-candies{background:var(--pink)}
.watch{padding:7rem max(1.5rem,calc((100% - 1180px)/2));background:var(--ink);color:white}.watch-heading{display:grid;grid-template-columns:1fr 1.15fr .65fr;gap:2rem;align-items:end;margin-bottom:2.5rem}.watch-heading h2{margin:0;font:650 clamp(3.4rem,6vw,6.4rem)/.9 Fredoka,sans-serif;letter-spacing:-.05em}.watch-heading>p:last-child{margin:0;color:#ccd7ef}.watch .section-number{color:#aebce0}.spot-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:1rem}.spot{position:relative;min-height:280px;overflow:hidden;border:3px solid white;border-radius:1.4rem;background:#000;box-shadow:8px 8px 0 var(--blue)}.spot-main{grid-row:1/3;min-height:576px;box-shadow:8px 8px 0 var(--pink)}.spot video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.spot::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.spot>div{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.1rem;display:grid}.spot span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--yellow)}.spot strong{font-size:1.45rem}.watch-note{max-width:720px;margin:1.5rem 0 0;color:#9eacd0;font-size:.82rem}
.trade{width:auto;margin:0;padding:7rem max(1.5rem,calc((100% - 1180px)/2));background:var(--orange);border-bottom:4px solid var(--ink)}
.about{background:linear-gradient(125deg,var(--purple),var(--pink));color:white}.about>p{color:white;font-weight:750}.about .section-number{color:white}
.contact{background:linear-gradient(130deg,var(--yellow),var(--orange));color:var(--ink);border-bottom:4px solid var(--ink)}.contact>p:not(.eyebrow){color:var(--ink);font-weight:750}
.product-hero{width:auto;margin:0;padding-left:max(1.5rem,calc((100% - 1180px)/2));padding-right:max(1.5rem,calc((100% - 1180px)/2));background:linear-gradient(125deg,var(--yellow) 0 42%,var(--orange) 42% 60%,var(--pink) 60%)}.product-hero-copy>p{color:var(--ink);font-weight:750}.product-hero-media{border:4px solid var(--ink);background:linear-gradient(145deg,#ff7eb6,#3edcff);box-shadow:14px 16px 0 var(--ink)}
.product-hero .stage-note{color:var(--ink)!important;opacity:.78}
.hero-visual-film{overflow:hidden;background:var(--ink)}.hero-visual-film::before{z-index:1;pointer-events:none}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-visual-film .feature-kicker{z-index:2}.hero-visual-film .feature-card{z-index:2}.hero-video-toggle{position:absolute;z-index:3;right:1.6rem;top:1.6rem;min-width:72px;min-height:44px;padding:.5rem .75rem;border:2px solid var(--ink);border-radius:999px;background:white;color:var(--ink);font:900 .8rem Nunito,Arial,sans-serif;cursor:pointer}.hero-video-toggle:hover{background:var(--yellow)}
@media(max-width:560px){.hero-video-toggle{right:1rem;top:1rem}}
.story-band{background:linear-gradient(135deg,var(--blue),#3fe3c4);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}

/* Direct category routes keep the film-led opening useful for trade visitors. */
.discovery-nav{display:grid;grid-template-columns:1.1fr repeat(5,minmax(0,1fr));gap:.65rem;align-items:center;padding:1rem max(1.5rem,calc((100% - 1180px)/2));background:var(--ink);color:white}
.discovery-nav>span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;color:var(--yellow)}
.discovery-nav a{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:48px;padding:.65rem .85rem;border:2px solid white;border-radius:999px;color:white;text-decoration:none;font-weight:900;line-height:1.1}
.discovery-nav a:nth-of-type(1){border-color:var(--blue)}.discovery-nav a:nth-of-type(2){border-color:var(--pink)}.discovery-nav a:nth-of-type(3){border-color:var(--yellow)}.discovery-nav a:nth-of-type(4){border-color:var(--lime)}.discovery-nav a:nth-of-type(5){border-color:var(--orange)}
.discovery-nav a:hover,.discovery-nav a:focus-visible{background:white;color:var(--ink)}
#brands,#watch,#trade{scroll-margin-top:1rem}
.spot-toggle{position:absolute;z-index:3;top:1rem;right:1rem;min-width:72px;min-height:44px;padding:.5rem .75rem;border:2px solid var(--ink);border-radius:999px;background:white;color:var(--ink);font:900 .8rem Nunito,Arial,sans-serif;cursor:pointer}
.spot-toggle:hover{background:var(--yellow)}

@media(max-width:900px){.worlds{grid-template-columns:1fr 1fr}.worlds-heading{grid-column:1/-1;min-height:auto}.world-toys{border-left:0;border-top:4px solid var(--ink)}.world-candies{border-top:4px solid var(--ink)}.watch-heading{grid-template-columns:1fr 1fr}.watch-heading>p:last-child{grid-column:1/-1}.spot-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.spot-main{grid-column:1/-1;grid-row:auto;min-height:460px}.spot{min-height:250px}}
@media(max-width:560px){.hero{width:100%;margin:0;padding-left:1rem;padding-right:1rem}.worlds{grid-template-columns:1fr}.worlds-heading,.world{min-height:400px}.world{border-left:0;border-top:4px solid var(--ink)}.watch{padding-top:4.5rem;padding-bottom:4.5rem}.watch-heading{grid-template-columns:1fr}.watch-heading>p:last-child{grid-column:auto}.spot-grid{grid-template-columns:1fr}.spot-main{min-height:390px}.spot{min-height:240px}.trade,.product-hero{padding-left:1rem;padding-right:1rem}}
@media(max-width:900px){.hero-visual-film{order:-1;min-height:0;aspect-ratio:16/9}.discovery-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-nav>span{grid-column:1/-1}}
@media(max-width:560px){.hero{gap:2rem;padding-top:1rem}.hero-visual-film{aspect-ratio:16/10;border-radius:1.8rem 1.8rem .8rem 1.8rem;box-shadow:7px 8px 0 var(--ink)}.hero-visual-film .feature-kicker{top:.7rem;left:.7rem;padding:.32rem .5rem;font-size:.58rem}.hero-video-toggle{top:.7rem;right:.7rem;min-width:60px}.hero-visual-film .feature-card{left:.7rem;right:.7rem;bottom:.7rem;padding:.55rem .7rem}.hero-visual-film .feature-card span{font-size:.58rem}.hero-visual-film .feature-card strong{font-size:.82rem}.discovery-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem;gap:.55rem}.discovery-nav a{min-height:48px;font-size:.8rem}}

/* Corporate palette study sampled from the existing Kidz mark; pending brand approval. */
.hero{background:linear-gradient(118deg,#f6cc22 0 30%,#91bf36 30% 48%,#149dd0 48% 70%,#fa0c70 70% 100%)}
.hero::before{border-color:rgba(255,255,255,.43)}.hero::after{border-color:rgba(81,26,76,.35)}
.catalogue{background:linear-gradient(135deg,#fff8c9 0 33%,#d9f7ff 33% 66%,#fbe0ee 66%)}
.product-card{box-shadow:8px 9px 0 var(--ink)}
.card-logo{display:block;width:auto;max-width:190px;height:64px;object-fit:contain;object-position:left center;margin:0 0 .7rem}
.card-copy h3{font-size:1.55rem}.card-copy>span{color:#70446b}
.card-candy{--card:#ffe2a3}
.card-candy .card-media img{object-fit:cover;object-position:center center}
.card-candy .card-media img{transform:scale(1.3)}
.card-candy:hover .card-media img{transform:scale(1.34)}
.card-candy .card-media{background:#fff1c0}
.range{padding:6rem max(1.5rem,calc((100% - 1180px)/2));background:#fff;border-top:4px solid var(--ink)}
.range-heading{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:2rem;align-items:end;margin-bottom:2rem}
.range-heading h2{margin:0;font:650 clamp(2.8rem,5vw,5rem)/.95 Fredoka,Nunito,sans-serif;letter-spacing:-.045em}
.range-heading>p:last-child{margin:0;color:#694361;font-weight:750}
.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.range-card{display:grid;grid-template-columns:minmax(150px,.75fr) 1fr;align-items:center;gap:1.4rem;padding:1.2rem;border:3px solid var(--ink);border-radius:1.5rem;background:#f8e9f5;box-shadow:8px 8px 0 var(--ink)}
.range-card:nth-child(2){background:#e6f7fc}
.range-card>img{width:100%;height:340px;object-fit:contain;background:white;border-radius:1rem}
.range-brand{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#864777}
.range-card h3{margin:.25rem 0;font:650 clamp(1.65rem,2.4vw,2.35rem)/1 Fredoka,Nunito,sans-serif}
.range-card p{margin:.7rem 0 1rem;color:#5d3b57}
.sku-chip{display:inline-flex;padding:.55rem .8rem;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-weight:900;letter-spacing:.02em}
.range-card small{display:block;margin-top:.65rem;color:#6d4c69;font-size:.76rem;font-weight:800}
#range{scroll-margin-top:1rem}
.watch{background:var(--ink)}
.trade{background:#ffae45}.about{background:linear-gradient(125deg,var(--purple),var(--pink))}
@media(max-width:1050px){.range-heading{grid-template-columns:1fr 1fr}.range-heading>p:last-child{grid-column:1/-1}.range-card{grid-template-columns:1fr}.range-card>img{height:290px}}
@media(max-width:650px){.range{padding:4rem 1rem}.range-heading,.range-grid{grid-template-columns:1fr}.range-heading{gap:.6rem}.range-heading>p:last-child{grid-column:auto}.range-card{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:.8rem;padding:.8rem}.range-card>img{height:230px}.range-card h3{font-size:1.5rem}.range-card p{font-size:.88rem}.card-logo{height:54px}}
@media(max-width:430px){.range-card{grid-template-columns:1fr}.range-card>img{height:260px}}
@media(min-width:901px) and (max-width:1120px){.site-header{grid-template-columns:1fr auto auto;min-height:80px}.menu-toggle{display:flex;align-items:center;gap:.45rem}.site-header nav{position:absolute;z-index:20;left:0;right:0;top:79px;display:none;flex-direction:column;gap:0;padding:.5rem;background:white;border:1px solid var(--line);border-radius:0 0 1rem 1rem;box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.site-header nav a{padding:.85rem 1rem}}
