/* KIDZ WORLD · corporate web v4
   Concept: "Toys & candies kids can't wait to open" — a calm corporate frame where the product
   is the only loud thing. Straight grid, no outlines, no tilt; colour and motion come from products and spots. */
@font-face{font-family:"Chillax";src:url(assets/fonts/fs-Chillax-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Chillax";src:url(assets/fonts/fs-Chillax-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Figtree";src:url(assets/fonts/Figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{
  --ink:#170F33; --ink2:#3B3456; --mute:#6E6886; --paper:#FBF8F3; --line:rgba(23,15,51,.1);
  --violet:#4B18C9; --pink:#FD025B; --yellow:#FFC21A; --lilac:#EEE8FF;
  --k:#86B73E; --i:#0EA5DB; --d:#9D1E6D; --z:#FD025B;
  --g:clamp(20px,5vw,88px); --r:26px;
  --h1:clamp(42px,5.1vw,86px); --h2:clamp(38px,4.4vw,76px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:"Figtree",system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.locked{overflow:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:fixed;left:12px;top:-60px;z-index:300;background:#fff;padding:10px 14px;border-radius:12px}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:10px}
.show-m{display:none}

/* type */
.h1,.h2{font-family:"Chillax",sans-serif;font-weight:600;letter-spacing:-.025em;line-height:.98}
.h1{font-size:var(--h1)}
.h2{font-size:var(--h2)}
.h1 .ln{display:block}
.eyebrow{display:flex;align-items:center;gap:12px;font-weight:800;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.eyebrow::before{content:"";flex:0 0 auto;width:44px;height:8px;background:radial-gradient(circle at 4px 4px,var(--k) 3.6px,transparent 4px) 0 0/12px 8px no-repeat,radial-gradient(circle at 4px 4px,var(--i) 3.6px,transparent 4px) 12px 0/12px 8px no-repeat,radial-gradient(circle at 4px 4px,var(--d) 3.6px,transparent 4px) 24px 0/12px 8px no-repeat,radial-gradient(circle at 4px 4px,var(--z) 3.6px,transparent 4px) 36px 0/12px 8px no-repeat}
.eyebrow .rec{display:none}
.bal{text-wrap:balance;max-width:15ch}
.lead{font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:var(--ink2);max-width:40ch}
.link{font-weight:800;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:3px;align-self:flex-start}

/* buttons */
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;padding:16px 26px;border-radius:999px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn--light{background:#fff;color:var(--ink);box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.btn--ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn--pink{background:var(--pink);color:#fff}
.tri{width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
.pill{font-weight:800;font-size:14px;padding:10px 18px;border-radius:999px}
.pill--light{background:#fff;color:var(--ink)}.pill--dark{background:rgba(23,15,51,.8);color:#fff}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;gap:24px;padding:14px var(--g);transition:background .3s,box-shadow .3s,padding .3s}
.nav.solid{background:rgba(251,248,243,.86);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding-top:10px;padding-bottom:10px}
.nav-logo img{height:58px;width:auto;transition:height .3s}
.nav.solid .nav-logo img{height:44px}
.nav-links{display:flex;gap:28px;margin-left:auto;font-weight:700;font-size:15px}
.nav-links a{text-decoration:none;color:#fff;opacity:.9;transition:opacity .2s,color .3s}
.nav-links a:hover{opacity:1}
.nav.solid .nav-links a{color:var(--ink)}
.nav-cta{font-weight:800;font-size:15px;text-decoration:none;background:#fff;color:var(--ink);padding:11px 20px;border-radius:999px;transition:background .3s,color .3s}
.nav.solid .nav-cta{background:var(--ink);color:#fff}
.burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;background:#fff;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .2s}
.burger span:nth-child(1){top:18px}.burger span:nth-child(2){top:25px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:90;background:var(--violet);display:flex;flex-direction:column;justify-content:center;padding:0 28px;gap:8px}
.mnav[hidden]{display:none}
.mnav a{font-family:"Chillax";font-weight:600;font-size:40px;color:#fff;text-decoration:none}
.mnav .mnav-cta{margin-top:18px;font-family:"Figtree";font-weight:800;font-size:17px;background:#fff;color:var(--ink);padding:15px 22px;border-radius:999px;align-self:flex-start}

/* opening film */
.opening{position:fixed;inset:0;z-index:200;background:#3E138C;display:none;align-items:center;justify-content:center;transition:background-color .35s}
.has-intro .opening{display:flex}
.opening.sun{background:var(--yellow)}
.opening video{width:100%;height:100%;object-fit:cover}
.opening-ui{position:absolute;right:var(--g);bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:10px}
.opening.done{opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}

/* 1 · hero */
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;color:#fff;display:grid;grid-template-columns:minmax(0,5.4fr) minmax(0,6fr);align-items:center;gap:40px;padding:110px var(--g) 130px;
  background:#170F33}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.34}
.g1{width:44vw;height:44vw;right:-6vw;top:-12vw;background:var(--z)}
.g2{width:36vw;height:36vw;left:-12vw;bottom:-16vw;background:var(--i)}
.g3{width:28vw;height:28vw;right:26vw;bottom:-14vw;background:var(--k);opacity:.26}
.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:24px}
.hero .eyebrow,.tv .eyebrow,.company .eyebrow{color:rgba(255,255,255,.8)}
.hero .lead{color:rgba(255,255,255,.88)}
.hero-stage{position:relative;z-index:2;aspect-ratio:1/1;width:100%;max-width:74vh;justify-self:center}
.hero-screen{position:absolute;left:12%;top:18%;width:76%;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:#000;box-shadow:0 60px 120px -40px rgba(10,0,40,.7),0 0 0 1px rgba(255,255,255,.15)}
.hero-screen video{width:100%;height:100%;object-fit:cover}
.live{position:absolute;left:16px;bottom:14px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(23,15,51,.55);backdrop-filter:blur(6px);padding:7px 12px;border-radius:999px}
.live i,.rec{width:8px;height:8px;border-radius:50%;background:#FF3B4E;box-shadow:0 0 10px #FF3B4E;animation:blink 1.4s infinite;display:inline-block}
@keyframes blink{50%{opacity:.3}}
.fl{position:absolute;z-index:3;filter:drop-shadow(0 30px 30px rgba(15,0,50,.45));will-change:transform}
.f1{width:30%;left:-6%;top:50%}
.f2{width:30%;left:34%;top:62%}
.f3{width:18%;right:0;top:0}
.f4{width:28%;right:-6%;top:62%}
.f5{width:17%;left:4%;top:0%}
.f6{width:18%;left:64%;top:-4%}
.hero-foot{position:absolute;left:var(--g);right:var(--g);bottom:26px;z-index:4;display:flex;gap:48px;align-items:flex-end;border-top:1px solid rgba(255,255,255,.2);padding-top:18px}
.hero-foot b{display:block;font-family:"Chillax";font-weight:700;font-size:44px;line-height:1}
.hero-foot span{font-size:14px;font-weight:600;opacity:.75}
.hero-foot .scroll{margin-left:auto;font-weight:800;font-size:14px;text-decoration:none;opacity:.8}

/* 2 · reveal */
.reveal{position:relative;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;padding:0 var(--g);
  background:radial-gradient(70% 80% at 70% 50%,#FFE07A 0,#FFC21A 45%,#FFA10F 100%)}
.reveal-copy{display:flex;flex-direction:column;gap:22px;position:relative;z-index:3}
.reveal .eyebrow{color:rgba(23,15,51,.6)}
.swap{position:relative;display:inline-block;height:1.05em;width:5.2em;vertical-align:top;overflow:hidden;color:var(--z)}
.swap span{position:absolute;left:0;top:0;white-space:nowrap}
.reveal-stage{position:relative;height:84vh;display:grid;place-items:center}
.rv-pack{position:absolute;width:min(40vh,420px);aspect-ratio:800/916}
.rv-pack img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 40px 40px rgba(90,40,0,.35))}
.rv-top{clip-path:polygon(0 0,100% 0,100% 44%,88% 47%,76% 43%,63% 48%,50% 43%,37% 48%,24% 43%,12% 47%,0 44%)}
.rv-bot{clip-path:polygon(0 44%,12% 47%,24% 43%,37% 48%,50% 43%,63% 48%,76% 43%,88% 47%,100% 44%,100% 100%,0 100%)}
.rv-shadow{position:absolute;top:calc(50% + min(22.4vh,236px));width:min(34vh,360px);height:26px;border-radius:50%;background:rgba(120,60,0,.28);filter:blur(12px)}
.rv-flash{position:absolute;width:30vh;height:30vh;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.6) 35%,transparent 70%);opacity:0}
.rv-chars{position:absolute;width:min(62vh,660px);opacity:0;filter:drop-shadow(0 40px 40px rgba(90,40,0,.3))}
.rv-q{position:absolute;bottom:6%;font-family:"Chillax";font-weight:600;font-size:clamp(22px,2vw,30px);opacity:0}

/* 3 · brands */
.brands{padding:130px var(--g) 110px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:22px}
.sec-head>div:first-child{display:flex;flex-direction:column;gap:16px}
.filters{display:flex;gap:6px;background:#fff;border-radius:999px;padding:5px;box-shadow:0 0 0 1px var(--line)}
.filters button{font-weight:800;font-size:15px;padding:10px 20px;border-radius:999px;color:var(--mute);transition:background .2s,color .2s}
.filters button[aria-selected="true"]{background:var(--ink);color:#fff}
.hint{color:var(--mute);font-weight:600;font-size:15px;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{--c:#eee;position:relative;border-radius:var(--r);background:#fff;box-shadow:0 1px 0 var(--line);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 0 0 2.5px var(--c2),0 30px 60px -30px rgba(23,15,51,.35)}
.card.hide{display:none}
.card-media{position:relative;aspect-ratio:4/3;border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:var(--c)}
.card-media img.still,.card-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .35s}
.card:hover .card-media img.still{transform:scale(1.06)}
.card-media video{opacity:0}
.card.playing .card-media video{opacity:1}
.card-media .noimg{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.45),transparent 62%),var(--c2)}
.card-media .noimg img{width:auto;height:78%;max-width:78%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.3))}
.card-play{position:absolute;right:12px;top:12px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.card-play::before{content:"";border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.card.playing .card-play::before{border:0;width:11px;height:13px;margin:0;border-left:3.5px solid var(--ink);border-right:3.5px solid var(--ink)}
.card-pop{position:absolute;right:10px;bottom:-26px;z-index:4;height:46%;width:auto;max-width:48%;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(23,15,51,.35));transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.card:hover .card-pop{transform:translateY(-14px) scale(1.08)}
.card-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-logo{height:74px;display:flex;align-items:center}
.card-logo img{max-height:74px;max-width:70%;width:auto;object-fit:contain}
.card-tag{font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.card-tag b{color:var(--c2,var(--ink))}
.card-body p{font-weight:600;color:var(--ink2);font-size:15.5px;line-height:1.45}
.card-links{display:flex;gap:14px;margin-top:auto;padding-top:6px}
.card-links a{font-weight:800;font-size:14.5px;text-decoration:none;border-bottom:2px solid var(--c2,var(--ink));padding-bottom:2px}

/* 4 · tv */
.tv{position:relative;min-height:110vh;overflow:hidden;background:#0E0A22;color:#fff;display:flex;align-items:center;perspective:1600px}
.tv-wall{position:absolute;left:62%;top:50%;width:112vw;aspect-ratio:1920/1104;transform:translate(-50%,-50%) rotateY(-22deg) rotateX(8deg) rotateZ(2deg);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 60px 160px rgba(120,60,255,.4),0 0 200px rgba(255,61,139,.2)}
.tv-wall video{width:100%;height:100%;object-fit:cover}
.tv-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0E0A22 0,rgba(14,10,34,.92) 32%,rgba(14,10,34,.2) 62%,rgba(14,10,34,.35) 100%),linear-gradient(180deg,#0E0A22 0,transparent 18%,transparent 82%,#0E0A22 100%)}
.tv-copy{position:relative;z-index:2;padding:120px var(--g);max-width:720px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.tv .eyebrow{color:rgba(255,255,255,.7)}
.tv .lead{color:rgba(255,255,255,.85)}
.tv-stats{display:flex;gap:40px;margin:6px 0 8px}
.tv-stats b{display:block;font-family:"Chillax";font-weight:700;font-size:52px;line-height:1}
.tv-stats span{font-size:14px;font-weight:600;opacity:.7}

/* 5 · studio */
.studio{position:relative;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;padding:0 var(--g);background:var(--lilac)}
.studio-copy{display:flex;flex-direction:column;gap:30px}
.stages{list-style:none;display:flex;flex-direction:column;gap:6px;max-width:460px}
.stages li{display:flex;gap:18px;padding:14px 18px;border-radius:18px;transition:background .3s,opacity .3s;opacity:.62}
.stages li.on{background:#fff;opacity:1;box-shadow:0 12px 30px -18px rgba(23,15,51,.4)}
.stages b{font-family:"Chillax";font-weight:700;font-size:15px;padding-top:3px}
.stages li:nth-child(1) b{color:var(--k)}.stages li:nth-child(2) b{color:var(--i)}.stages li:nth-child(3) b{color:var(--d)}.stages li:nth-child(4) b{color:var(--z)}
.stages strong{display:block;font-family:"Chillax";font-weight:600;font-size:22px;line-height:1.2}
.stages span{font-weight:500;color:var(--ink2);font-size:15.5px}
.studio-stage{position:relative;height:80vh;display:grid;place-items:center}
.st-ring{position:absolute;width:min(62vh,640px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.4) 55%,transparent 72%)}
.st{position:absolute;max-height:62vh;max-width:88%;width:auto;filter:drop-shadow(0 40px 40px rgba(40,20,90,.3))}
.st1{filter:drop-shadow(0 30px 30px rgba(40,20,90,.22))}
.st-shot{width:min(88%,760px);aspect-ratio:16/9;max-height:none;border-radius:24px;overflow:hidden;box-shadow:0 50px 100px -40px rgba(40,20,90,.6)}
.st-shot img{width:100%;height:100%;object-fit:cover}
.st-cap{position:absolute;bottom:10%;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* 6 · retail */
.retail{padding:130px 0 70px;background:#fff}
.retail .sec-head{padding:0 var(--g);margin-bottom:40px}
.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);padding:10px var(--g) 26px;scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail figure{flex:0 0 auto;width:clamp(260px,26vw,400px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.rail figure img{aspect-ratio:1/1;width:100%;object-fit:contain;padding:6%;border-radius:var(--r);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.5) 0,transparent 60%),var(--c);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.rail figure:hover img{transform:scale(1.03)}
.rail figcaption{font-weight:800;font-size:14.5px}

/* 7 · company */
.company{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:140px var(--g) 40px}
.co-pop{position:absolute;right:3vw;top:-26px;width:min(18vw,260px);opacity:.95;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));pointer-events:none}
.co-grid{position:relative}
.cities{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.cities li{border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px}
.co-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:60px;align-items:end}
.co-grid>div:first-child{display:flex;flex-direction:column;gap:26px}
.company .eyebrow{color:rgba(255,255,255,.6)}
.company .lead{color:rgba(255,255,255,.8);max-width:52ch}
.co-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);border-radius:var(--r);overflow:hidden}
.co-facts>div{background:#1F1640;padding:26px}
.co-grid{margin-top:120px}
.co-facts b{display:block;font-family:"Chillax";font-weight:700;font-size:clamp(34px,3.4vw,52px);line-height:1.05;white-space:nowrap}
.co-facts span{font-size:14px;font-weight:600;opacity:.7}
.co-meet{grid-column:1/-1}

.foot{margin-top:120px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot img{height:40px;width:auto}
.social{display:flex;gap:18px;flex-wrap:wrap;font-weight:700;font-size:14.5px}
.social a{text-decoration:none;opacity:.8}.social a:hover{opacity:1}
.foot p{font-size:14px;opacity:.6}

/* player */
.player{border:0;padding:0;background:transparent;max-width:min(92vw,1280px);width:100%;margin:auto;overflow:visible}
.player::backdrop{background:rgba(10,6,28,.88);backdrop-filter:blur(6px)}
.player-in{display:grid;grid-template-columns:1fr 220px;gap:16px}
.player video{width:100%;aspect-ratio:16/9;border-radius:18px;background:#000}
.player-list{display:flex;flex-direction:column;gap:6px;max-height:min(70vh,560px);overflow:auto}
.player-list button{display:flex;gap:10px;align-items:center;text-align:left;padding:6px;border-radius:12px;color:#fff;font-weight:700;font-size:13px}
.player-list button img{width:78px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.player-list button[aria-current="true"]{background:rgba(255,255,255,.14)}
.player-x{position:absolute;right:-8px;top:-54px;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);font-size:28px;line-height:1}

/* mobile */
@media (max-width:900px){
  .nav-links,.nav-cta{display:none}
  .burger{display:block}
  .hero{grid-template-columns:1fr;padding:96px var(--g) 150px;gap:10px}
  .hero-stage{order:-1;width:100%;max-height:none;aspect-ratio:1/.82}
  .hero-foot{gap:22px}.hero-foot>div:nth-child(3),.hero-foot .scroll{display:none}
  .reveal{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:90px var(--g) 30px;gap:0}
  .reveal .lead{display:none}
  .reveal-stage{height:auto;min-height:0}
  .rv-pack{width:min(34vh,300px)}.rv-chars{width:min(46vh,420px)}
  .reveal-stage{height:62vh}.rv-q{bottom:0}
  .st-cap{display:none}
  .hero-stage{max-width:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .tv{min-height:auto}
  .tv-wall{left:50%;top:26%;width:190vw}
  .tv-shade{background:linear-gradient(180deg,rgba(14,10,34,.2) 0,rgba(14,10,34,.5) 30%,#0E0A22 52%)}
  .tv-copy{padding:48vh var(--g) 90px}
  .tv-stats{gap:22px}.tv-stats b{font-size:30px}
  .studio{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:90px var(--g) 20px;gap:10px}
  .stages li:not(.on){display:none}
  .studio-stage{height:auto}
  .st{max-height:40vh}
  .co-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .card-body{padding:12px 12px 14px;gap:6px}.card-body>p:not(.card-tag){display:none}.card-logo{height:50px}.card-logo img{max-height:50px;max-width:92%}.card-tag{font-size:10px}.card-links a{font-size:13px}.card-play{width:32px;height:32px}
  .player-in{grid-template-columns:1fr}.player-list{flex-direction:row;overflow-x:auto}
  .co-pop{width:46vw;top:-10px;opacity:.9}
  .hero-foot b{font-size:34px}
  .hide-m{display:none}.show-m{display:inline}
  .hero .lead{font-size:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== v5: full-screen reel hero, Toys / Candies divisions with key-visual rails ===== */
.hero{display:block;padding:0;height:100vh;height:100svh;min-height:600px;background:#000}
.hero-film{position:absolute;inset:0;overflow:hidden;will-change:transform,border-radius}
.hero-film video{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,15,51,.55) 0,transparent 26%,transparent 50%,rgba(23,15,51,.88) 100%);pointer-events:none}
.hero-copy{position:absolute;left:var(--g);right:var(--g);bottom:9vh;z-index:3;display:flex;flex-direction:column;gap:22px}
.hero .h1{font-size:clamp(44px,6.2vw,108px);max-width:14ch}
.hero .scroll{position:absolute;right:var(--g);bottom:5vh;z-index:3;color:#fff;font-weight:800;font-size:14px;text-decoration:none;opacity:.8}
.div{padding:120px 0 110px;overflow:hidden}
.div--toys{background:#170F33;color:#fff}
.div--candies{background:#FFF1F6}
.div-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:30px;align-items:end;padding:0 var(--g);margin-bottom:40px}
.div-head>div:first-child{display:flex;flex-direction:column;gap:14px}
.div .h2{font-size:clamp(64px,9vw,150px);line-height:.85}
.div--toys .h2{color:#fff}.div--candies .h2{color:#FD025B}
.div--toys .eyebrow{color:rgba(255,255,255,.8)}
.div--toys .lead{color:rgba(255,255,255,.82)}
.rail-nav{display:flex;gap:8px}
.rn{width:52px;height:52px;border-radius:50%;font-size:20px;font-weight:800;background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.15);transition:transform .2s,opacity .2s}
.rn:hover{transform:scale(1.08)}.rn:disabled{opacity:.3;cursor:default;transform:none}
.div--candies .rn{background:var(--ink);color:#fff}
.krail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);padding:6px var(--g) 18px;scrollbar-width:none;cursor:grab}
.krail::-webkit-scrollbar{display:none}
.kv{position:relative;flex:0 0 auto;width:min(58vw,860px);aspect-ratio:16/9;border-radius:28px;overflow:hidden;scroll-snap-align:start;background:var(--c);isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.kv:first-child{width:min(70vw,1040px)}
.kv>img.bg,.kv>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform 1s cubic-bezier(.2,.8,.2,1)}
.kv>img.bg{object-position:right center}
.kv:hover>img.bg{transform:scale(1.04)}
.kv>video{opacity:0}
.kv.playing>video{opacity:1}
.kv-info{position:absolute;left:4%;top:0;bottom:0;width:34%;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:14px;transition:opacity .35s}
.kv.playing .kv-info{opacity:0}
.kv-info img{width:100%;height:auto;max-height:46%;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.kv-tag{align-self:flex-start;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:#fff;color:var(--ink);padding:7px 12px;border-radius:999px}
.kv-foot{position:absolute;left:4%;right:3%;bottom:5%;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px}
.kv-foot a{font-weight:800;font-size:15px;text-decoration:none;background:var(--ink);color:#fff;padding:11px 18px;border-radius:999px}
.kv-play{margin-left:auto;display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:14px;background:rgba(255,255,255,.94);color:var(--ink);padding:10px 16px;border-radius:999px}
.kv.playing .kv-play{background:var(--ink);color:#fff}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px var(--g) 0}
.tile{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.45),transparent 62%),var(--c);display:grid;place-items:center}
.tile img{width:72%;height:auto;max-height:62%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));transition:opacity .3s}
.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.tile.playing video{opacity:1}.tile.playing img{opacity:0}
.tile span{position:absolute;left:14px;bottom:12px;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:#fff;padding:5px 10px;border-radius:999px}
.more{padding:26px var(--g) 0;font-weight:600;color:var(--ink2)}
@media (max-width:900px){
  .div-head{grid-template-columns:1fr;gap:16px}.rail-nav{display:none}
  .kv,.kv:first-child{width:86vw;aspect-ratio:auto;border-radius:24px;display:flex;flex-direction:column}
  .kv>img.bg,.kv>video{position:relative;inset:auto;aspect-ratio:16/9;height:auto;object-position:70% center}
  .kv>video{position:absolute;top:0;left:0;right:0;aspect-ratio:16/9}
  .kv-info{position:static;width:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 16px 0;gap:10px}
  .kv-info img{width:52%;max-height:74px}
  .kv.playing .kv-info{opacity:1}
  .kv-foot{position:static;padding:14px 16px 16px}
  .tiles{grid-template-columns:1fr 1fr}
  .hero-copy{bottom:12vh}
}

/* ===== v5b ===== */
/* compact rails: 3+ brands visible */
.kv,.kv:first-child{width:clamp(300px,30vw,470px);border-radius:22px}
.kv-info{left:5%;width:36%;gap:10px}
.kv-info img{max-height:52%}
.kv-tag{font-size:10.5px;padding:5px 9px}
.kv-foot{left:5%;right:4%;bottom:6%}
.kv-foot a{font-size:13px;padding:8px 13px}
.kv-play{font-size:12.5px;padding:7px 12px}
.kv--logo{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.45),transparent 62%),var(--c)}
.kv--logo .kv-logo{position:absolute;inset:0;margin:auto;width:52%;height:62%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));transition:opacity .35s}
.kv--logo.playing .kv-logo{opacity:0}
.div{padding:100px 0 90px}
.div .h2{font-size:clamp(56px,7.5vw,124px)}
.div-head{margin-bottom:30px}
/* reveal: pack → key visual */
.reveal2{position:relative;height:100vh;height:100svh;overflow:hidden;color:#fff}
.rv-bgs,.rv-kvs{position:absolute;inset:0}.rv-bgs{z-index:0}.rv-kvs{z-index:1}.rv-stage{z-index:2}
.rv-bgs i,.rv-kvs img{position:absolute;inset:0;width:100%;height:100%}
.rv-bgs i{background:radial-gradient(70% 80% at 68% 50%,color-mix(in srgb,var(--c) 70%,#fff) 0,var(--c) 60%);opacity:0}
.rv-bgs i:first-child{opacity:1}
.rv-kvs img{object-fit:cover;object-position:right center;opacity:0}
.rv-stage{position:absolute;right:8%;top:50%;width:min(44vw,640px);height:78vh;transform:translateY(-50%);display:grid;place-items:center}
.rv-pk{position:absolute;max-height:62vh;max-width:80%;width:auto;filter:drop-shadow(0 40px 40px rgba(40,0,40,.35));opacity:0}
.rv-flash{position:absolute;width:40vh;height:40vh;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.7) 30%,transparent 70%);opacity:0;pointer-events:none}
.rv-confetti{position:absolute;inset:0;pointer-events:none}
.rv-confetti i{position:absolute;left:50%;top:50%;width:12px;height:18px;border-radius:3px;opacity:0}
.rv-copy{position:absolute;left:var(--g);top:50%;transform:translateY(-50%);z-index:3;max-width:34vw;display:flex;flex-direction:column;gap:20px;text-shadow:0 4px 30px rgba(0,0,0,.18)}
.reveal2 .eyebrow{color:rgba(255,255,255,.85)}
.reveal2 .h2{font-size:clamp(46px,5.6vw,96px)}
.reveal2 .swap{color:#fff;width:5.6em;height:1.05em}
.reveal2 .swap span{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.12em}
.rv-brand{position:relative;height:1.6em;font-weight:800;font-size:18px}
.rv-brand span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
.rv-brand span:first-child{opacity:1}
/* spot wall */
.tv2{background:#0E0A22;color:#fff;padding:110px var(--g) 90px}
.tv2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:36px}
.tv2-head>div:first-child{display:flex;flex-direction:column;gap:16px}
.tv2 .eyebrow{color:rgba(255,255,255,.8)}
.tv2 .h2{font-size:clamp(38px,4.2vw,70px)}
.swall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sw{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sw:hover{transform:scale(1.06);z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.sw img,.sw video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sw video{opacity:0;transition:opacity .3s}.sw.playing video{opacity:1}
.sw b{position:absolute;left:10px;bottom:8px;z-index:2;font-weight:800;font-size:12.5px;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.sw::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.65))}
.hint2{margin-top:18px;font-weight:600;opacity:.6;font-size:14px}
/* retail */
.rt{text-decoration:none;color:inherit;flex:0 0 auto}
.rt-side{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.btn--dark{background:var(--ink);color:#fff}
@media (max-width:900px){
  .kv,.kv:first-child{width:78vw}
  .rv-stage{right:auto;left:50%;top:58%;transform:translate(-50%,-50%);width:88vw;height:52vh}
  .rv-pk{max-height:42vh}
  .rv-copy{top:12%;transform:none;max-width:none;right:var(--g)}
  .rv-kvs img{object-position:68% center}
  .swall{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.kv .kv-tag{display:none}.kv--logo .kv-tag{display:inline-block}

/* ===== product pages + library ===== */
.page{background:var(--paper)}
.page .nav-links a{color:var(--ink)}
.page main{padding-top:74px}
.p-hero{position:relative;height:min(78vh,760px);min-height:520px;overflow:hidden;border-radius:0 0 36px 36px;background:var(--c)}
.p-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.p-hero-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 var(--g);max-width:min(46vw,640px);color:#fff}
.p-hero .eyebrow{color:rgba(255,255,255,.9)}
.p-logo{width:min(26vw,340px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}
.p-hero .h2{font-size:clamp(36px,4vw,64px);text-shadow:0 4px 24px rgba(0,0,0,.25)}
.p-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:center;padding:90px var(--g) 50px}
.lead.big{font-size:clamp(22px,2vw,32px);font-weight:600;max-width:36ch;color:var(--ink)}
.p-collect{background:var(--c);color:#fff;border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:4px}
.p-collect b{font-family:"Chillax";font-weight:700;font-size:clamp(36px,3.4vw,56px);line-height:1}
.p-collect span{font-weight:700;opacity:.9}
.p-steps{padding:30px var(--g) 80px}
.p-steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.p-steps li{background:#fff;border-radius:24px;padding:28px;box-shadow:0 1px 0 var(--line);display:flex;flex-direction:column;gap:8px}
.p-steps li b{font-family:"Chillax";font-weight:700;font-size:40px;color:var(--c)}
.p-steps h3{font-family:"Chillax";font-weight:600;font-size:24px;line-height:1.15}
.p-steps p{color:var(--ink2);font-weight:500}
.p-sec-h{display:flex;flex-direction:column;gap:12px;padding:0 var(--g);margin-bottom:28px}
.p-sec-h .h2{font-size:clamp(34px,3.6vw,60px)}
.p-coll{padding:40px 0 80px}
.p-rail{display:flex;gap:16px;overflow-x:auto;padding:0 var(--g) 10px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g)}
.p-rail::-webkit-scrollbar{display:none}
.p-rail figure{flex:0 0 auto;width:clamp(180px,16vw,240px);aspect-ratio:4/5;border-radius:22px;background:radial-gradient(circle at 50% 40%,#fff 0,color-mix(in srgb,var(--c) 22%,#fff) 70%);display:grid;place-items:center;scroll-snap-align:start}
.p-rail img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(23,15,51,.2))}
.p-pack{padding:40px 0 80px}
.p-pack-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px;padding:0 var(--g);align-items:stretch}
.p-pack-grid figure{border-radius:26px;background:radial-gradient(circle at 50% 42%,#fff 0,color-mix(in srgb,var(--c) 30%,#fff) 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;gap:12px;min-height:360px}
.p-pack-grid figure img{max-height:300px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(23,15,51,.25))}
.p-pack-grid figcaption{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.p-spec{background:var(--ink);color:#fff;border-radius:26px;padding:30px;display:flex;flex-direction:column;gap:18px}
.p-spec span{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.p-spec p,.p-spec li{font-weight:600;font-size:15.5px;margin-top:4px}
.p-spec ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.p-spec .btn{align-self:flex-start;margin-top:auto;background:#fff;color:var(--ink)}
.p-amb{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 var(--g) 80px}
.p-amb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:26px}
.p-next{padding:0 var(--g) 60px}
.p-next-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:14px;margin-top:18px;align-items:stretch}
.p-next-row a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.p-next-row img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:right center;border-radius:16px;background:var(--c)}
.p-all{align-self:center;font-weight:800;border-bottom:2px solid var(--ink)}
.foot--light{color:var(--ink);border-top:1px solid var(--line);margin:0 var(--g);padding:26px 0 40px}
.player-in.one{grid-template-columns:1fr}
/* library */
.lib{padding:130px var(--g) 80px}
.lib-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.lib-head>div:first-child{display:flex;flex-direction:column;gap:14px}
.lib-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.lib-search{font:inherit;font-weight:600;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;min-width:220px}
.lib-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.lb{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.lb[hidden]{display:none}
.lb-img{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.4),transparent 62%),var(--c);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.lb:hover .lb-img{transform:translateY(-4px)}
.lb-img .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.lb-img .lg{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:36%;max-height:60%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}
.lb-img .lg.big{left:50%;transform:translate(-50%,-50%);width:56%}
.lb-meta{display:flex;flex-direction:column}
.lb-meta b{font-family:"Chillax";font-weight:600;font-size:19px}
.lb-meta span{font-size:13.5px;font-weight:700;color:var(--mute)}
.lib-note{margin-top:34px;font-weight:600;color:var(--ink2)}
@media (max-width:900px){
  .p-hero{height:auto;min-height:0;display:flex;flex-direction:column;border-radius:0 0 26px 26px}
  .p-hero .bg{position:relative;aspect-ratio:16/10;height:auto;object-position:72% center}
  .p-hero-in{max-width:none;padding:26px var(--g) 34px;color:#fff;gap:14px}
  .p-logo{width:52vw}
  .p-intro{grid-template-columns:1fr;padding-top:60px}
  .p-steps ol,.p-amb{grid-template-columns:1fr}
  .p-pack-grid{grid-template-columns:1fr}
  .p-next-row{grid-template-columns:1fr 1fr}
  .lib-grid{grid-template-columns:1fr 1fr;gap:14px}
}

.p-rail.single figure{width:min(100%,900px);aspect-ratio:16/7}.p-rail.single img{width:92%;height:88%}

/* ===== v5c · corporate palette from the logo (no navy): blue = Toys & UI, pink = Candies & primary CTA, plum = company ===== */
:root{--blue:#0EA5DB;--blue-d:#0B7FC0;--pink:#FD025B;--plum:#9D1E6D;--plum-d:#6B1150;--green:#86B73E;--sun:#FFC21A;--ink:#1B1440}
.nav.solid{background:rgba(255,255,255,.92)}
.nav-links a:hover{color:var(--blue)!important;opacity:1}
.nav-cta,.nav.solid .nav-cta{background:var(--pink);color:#fff}
.burger{background:#fff}.burger span{background:var(--blue)}
.mnav{background:var(--blue)}
.btn--pink{background:var(--pink);color:#fff}
.btn--dark{background:var(--blue);color:#fff}
.btn--light{color:var(--ink)}
/* divisions */
.div--toys{background:radial-gradient(90% 120% at 85% 0%,#3FC4F0 0,var(--blue) 45%,var(--blue-d) 100%);color:#fff}
.div--candies{background:radial-gradient(90% 120% at 85% 0%,#FF4F93 0,var(--pink) 45%,#D3004C 100%);color:#fff}
.div .h2 em{font-style:normal;color:var(--sun)}
.div--toys .h2,.div--candies .h2{color:#fff}
.div--toys .eyebrow,.div--candies .eyebrow{color:rgba(255,255,255,.9)}
.div--toys .lead,.div--candies .lead{color:rgba(255,255,255,.92)}
.div--candies .more{color:rgba(255,255,255,.92)}.div--candies .more b{color:#fff}
.rn,.div--candies .rn{background:#fff;color:var(--blue);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.div--candies .rn{color:var(--pink)}
.kv-foot a{background:#fff;color:var(--ink)}
.kv-play{background:rgba(255,255,255,.94);color:var(--ink)}
.kv.playing .kv-play{background:var(--pink);color:#fff}
/* spots: wall of screens */
.tv3{position:relative;min-height:92vh;overflow:hidden;display:flex;align-items:center;color:#fff;background:var(--plum-d)}
.tv3-wall{position:absolute;inset:-4%;}
.tv3-wall video{width:100%;height:100%;object-fit:cover;filter:saturate(1.15)}
.tv3-shade{position:absolute;inset:0;background:radial-gradient(70% 90% at 25% 50%,rgba(107,17,80,.92) 0,rgba(107,17,80,.72) 45%,rgba(107,17,80,.2) 100%)}
.tv3-copy{position:relative;z-index:2;padding:110px var(--g);display:flex;flex-direction:column;gap:22px;max-width:760px}
.tv3 .eyebrow{color:rgba(255,255,255,.9)}
.tv3 .h2{font-size:clamp(42px,5vw,86px)}
.tv3 .h2 em{font-style:normal;color:var(--sun)}
.tv3 .lead{color:rgba(255,255,255,.92)}
.tv3-btns{display:flex;gap:12px;flex-wrap:wrap}
.chan{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;padding:17px 26px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 12px 30px -10px rgba(0,0,0,.4);transition:transform .2s}
.chan:hover{transform:translateY(-3px) scale(1.03)}
.chan--toys{background:var(--blue);color:#fff}.chan--candies{background:var(--pink);color:#fff}
/* company in logo plum */
.company{background:radial-gradient(90% 120% at 90% 0%,#C0307F 0,var(--plum) 45%,var(--plum-d) 100%)}
.co-facts{background:rgba(255,255,255,.18)}.co-facts>div{background:rgba(80,8,55,.55)}
.company .btn--light{color:var(--plum)}
/* retail + reveal accents */
.retail .eyebrow{color:var(--ink)}
.stages li.on{box-shadow:none}
@media (max-width:900px){.tv3{min-height:auto}.tv3-copy{padding:90px var(--g)}}

/* ===== style switch ===== */
.style-switch{position:fixed;left:16px;bottom:16px;z-index:150;display:flex;align-items:center;gap:4px;background:#fff;border-radius:999px;padding:5px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-weight:800;font-size:13px}
.style-switch span{padding:0 8px 0 10px;color:var(--mute);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.style-switch button{padding:8px 14px;border-radius:999px;color:var(--ink)}
.style-switch button[aria-pressed="true"]{background:var(--blue);color:#fff}
.theme-comic .style-switch{border:2.5px solid var(--cink);box-shadow:0 4px 0 var(--cink)}
.theme-comic .style-switch button[aria-pressed="true"]{background:var(--pink)}

/* ===== COMIC THEME (Codex v1 look): stripes, plum ink, thick outlines, hard shadows ===== */
@font-face{font-family:"Fredoka";src:url(assets/fonts/Fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}
.theme-comic{--cink:#4A1846;--ink:#4A1846;--ink2:#6B3A63}
.theme-comic body{background:#FFF7EC}
.theme-comic .h1,.theme-comic .h2,.theme-comic .mnav a,.theme-comic .p-steps h3,.theme-comic .lb-meta b,.theme-comic .co-facts b,.theme-comic .p-collect b,.theme-comic .hero-foot b{font-family:"Fredoka",sans-serif;font-weight:700;letter-spacing:-.015em}
.theme-comic .btn,.theme-comic .chan,.theme-comic .nav-cta,.theme-comic .kv-foot a,.theme-comic .kv-play,.theme-comic .rn,.theme-comic .filters,.theme-comic .lib-search{border:2.5px solid var(--cink)!important;box-shadow:0 4px 0 var(--cink)!important}
.theme-comic .btn:hover,.theme-comic .chan:hover{transform:translateY(-2px) rotate(-1deg)}
.theme-comic .btn--ghost{background:#fff;color:var(--cink)}
/* hero: framed film on diagonal stripes */
.theme-comic .hero{height:auto;min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;padding:120px var(--g) 70px;
  background:linear-gradient(115deg,#FFC21A 0 22%,#8BD13B 22% 38%,#12B6F0 38% 58%,#FF3D8B 58% 76%,#8C5AE0 76% 100%)}
.theme-comic .hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:48%;background:#FFF7EC;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.theme-comic .hero-shade{display:none}
.theme-comic .hero-copy{position:relative;left:auto;right:auto;bottom:auto;z-index:3;color:var(--cink)}
.theme-comic .hero .eyebrow{color:var(--cink)}
.theme-comic .hero .h1{color:var(--cink);font-size:clamp(44px,5vw,88px)}
.theme-comic .hero .h1 .ln:last-child{color:#fff;-webkit-text-stroke:.06em var(--cink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--cink)}
.theme-comic .hero-film{position:relative;inset:auto;z-index:2;aspect-ratio:16/10;border:4px solid var(--cink);border-radius:28px;box-shadow:0 12px 0 var(--cink);transform:none!important}
.theme-comic .hero .scroll{color:var(--cink)}
.theme-comic .nav:not(.solid) .nav-links a{color:var(--cink)}
.theme-comic .nav.solid{background:#FFF7EC;box-shadow:0 3px 0 var(--cink)}
/* divisions: soft stripes, plum type */
.theme-comic .div--toys{background:repeating-linear-gradient(115deg,#DDF5FF 0 90px,#C8EEFF 90px 180px);color:var(--cink)}
.theme-comic .div--candies{background:repeating-linear-gradient(115deg,#FFE3EF 0 90px,#FFD2E6 90px 180px);color:var(--cink)}
.theme-comic .div--toys .h2,.theme-comic .div--candies .h2{color:var(--cink)}
.theme-comic .div .h2 em{color:#fff;-webkit-text-stroke:.06em var(--cink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--cink)}
.theme-comic .div--toys .h2 em{color:var(--blue)}.theme-comic .div--candies .h2 em{color:var(--pink)}
.theme-comic .div--toys .eyebrow,.theme-comic .div--candies .eyebrow,.theme-comic .div--toys .lead,.theme-comic .div--candies .lead,.theme-comic .div--candies .more,.theme-comic .div--candies .more b{color:var(--cink)}
.theme-comic .kv{border:3.5px solid var(--cink);box-shadow:0 8px 0 var(--cink);border-radius:24px}
.theme-comic .kv:nth-child(odd){transform:rotate(-1deg)}.theme-comic .kv:nth-child(even){transform:rotate(1deg)}
.theme-comic .kv:hover{transform:translateY(-4px) rotate(0)}
.theme-comic .krail{padding-top:14px;padding-bottom:26px}
/* reveal + tv + retail + company */
.theme-comic .reveal2 .h2,.theme-comic .tv3 .h2{-webkit-text-stroke:.05em var(--cink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--cink)}
.theme-comic .tv3-copy .h2 em{color:var(--sun)}
.theme-comic .rail figure img,.theme-comic .p-pack-grid figure,.theme-comic .p-rail figure,.theme-comic .lb-img,.theme-comic .p-steps li,.theme-comic .p-collect,.theme-comic .p-spec,.theme-comic .p-amb img,.theme-comic .p-next-row img{border:3px solid var(--cink);box-shadow:0 6px 0 var(--cink)}
.theme-comic .retail{background:repeating-linear-gradient(115deg,#FFF7EC 0 90px,#FFF0D8 90px 180px)}
.theme-comic .company{background:var(--cink)}
.theme-comic .co-facts{border:3px solid #fff}
.theme-comic .p-hero{border-bottom:4px solid var(--cink)}
.theme-comic .page{background:#FFF7EC}
@media (max-width:900px){
  .theme-comic .hero{grid-template-columns:1fr;padding:96px var(--g) 50px}
  .theme-comic .hero::before{width:100%;height:58%;top:auto;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
  .theme-comic .hero-film{order:-1}
  .style-switch{left:10px;bottom:10px;transform:scale(.9);transform-origin:left bottom}
}
.theme-comic .hero-copy{grid-column:1;grid-row:1}
.theme-comic .hero-film{grid-column:2;grid-row:1}
@media (max-width:900px){.theme-comic .hero-copy{grid-column:1;grid-row:2}.theme-comic .hero-film{grid-column:1;grid-row:1}}

/* ===== product page v2 · B2B spec sheet ===== */
.h3{font-family:"Chillax",sans-serif;font-weight:600;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.02em;line-height:1.05}
.theme-comic .h3{font-family:"Fredoka",sans-serif;font-weight:700}
.crumbs{padding:18px var(--g) 10px;font-weight:700;font-size:14px;color:var(--mute)}
.crumbs a{color:var(--mute);text-decoration:none}.crumbs a:hover{color:var(--blue)}.crumbs span{color:var(--ink)}
.pc-hero{margin:0 var(--g);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:34px;background:#fff;border-radius:30px;padding:22px;box-shadow:0 0 0 3px var(--c)}
.pc-main{aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff 0,color-mix(in srgb,var(--c) 22%,#fff) 70%);display:grid;place-items:center}
.pc-main img{width:100%;height:100%;object-fit:contain}
.pc-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.pc-thumbs button{flex:0 0 auto;width:86px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--c) 14%,#fff);outline:2px solid transparent;outline-offset:-2px}
.pc-thumbs button.on{outline-color:var(--c)}
.pc-thumbs img{width:100%;height:100%;object-fit:cover}
.pc-info{display:flex;flex-direction:column;gap:14px;padding:10px 6px}
.pc-logo{width:min(70%,300px)}
.pc-tag{font-family:"Chillax";font-weight:600;font-size:24px;color:var(--c)}
.theme-comic .pc-tag{font-family:"Fredoka";font-weight:700}
.badges{display:flex;flex-wrap:wrap;gap:6px}.badges span{font-weight:800;font-size:12.5px;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--ink)}
.pc-desc{color:var(--ink2);font-weight:500;line-height:1.5}
.pc-key{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:16px;overflow:hidden}
.pc-key>div{background:#fff;padding:12px 14px}.pc-key dt{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.pc-key dd{font-weight:800;font-size:15px;margin-top:2px}
.req{font-style:normal;color:var(--mute);font-weight:700}
.tbc{font-style:normal;font-size:10px;font-weight:800;background:var(--sun);color:var(--ink);padding:2px 6px;border-radius:6px;vertical-align:middle}
.pc-links{display:flex;gap:18px;align-items:center;font-weight:800;font-size:14.5px}
.pc-links button,.pc-links a{display:inline-flex;gap:8px;align-items:center;color:var(--blue);text-decoration:none}
.pc-specs,.pc-play,.pc-coll,.pc-pack,.pc-acc{margin:60px var(--g) 0}
.pc-coll{margin-left:0;margin-right:0}.pc-coll .h3{padding:0 var(--g);margin-bottom:18px}
.pc-sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.copy{font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--ink)}
.pc-sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pc-sgrid>div{background:#fff;border-radius:22px;padding:22px;box-shadow:0 1px 0 var(--line)}
.pc-sgrid h3{font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-bottom:10px}
.pc-sgrid dl>div{display:grid;grid-template-columns:44% 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.pc-sgrid dt{color:var(--mute);font-weight:700}.pc-sgrid dd{font-weight:700}
.pc-note{margin-top:12px;font-size:13px;color:var(--mute);font-weight:600}
.pc-play ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.pc-play li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:18px}
.pc-play li b{flex:0 0 40px;height:40px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:800}
.pc-play strong{display:block;font-weight:800}.pc-play span{color:var(--ink2);font-size:14.5px}
.pc-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}
.pc-pgrid figure{background:radial-gradient(circle at 50% 42%,#fff 0,color-mix(in srgb,var(--c) 20%,#fff) 75%);border-radius:22px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.pc-pgrid img{height:200px;width:100%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(23,15,51,.2))}
.pc-pgrid figcaption{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.pc-acc details{background:#fff;border-radius:16px;padding:16px 20px;margin-top:10px}
.pc-acc summary{font-weight:800;cursor:pointer}.pc-acc p{margin-top:10px;color:var(--ink2);font-size:14.5px}
.pc-trade{margin:70px var(--g) 60px;background:var(--c);color:#fff;border-radius:30px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.pc-trade>div:first-child{max-width:560px;display:flex;flex-direction:column;gap:10px}.pc-trade .eyebrow{color:rgba(255,255,255,.9)}
.theme-comic .pc-hero{box-shadow:0 0 0 3.5px var(--cink),0 8px 0 var(--cink)}
.theme-comic .pc-sgrid>div,.theme-comic .pc-play li,.theme-comic .pc-pgrid figure,.theme-comic .pc-trade,.theme-comic .pc-acc details{border:3px solid var(--cink);box-shadow:0 6px 0 var(--cink)}
@media (max-width:900px){
  .pc-hero{grid-template-columns:1fr;padding:14px;gap:18px}
  .pc-key{grid-template-columns:1fr 1fr}
  .pc-sgrid,.pc-play ol{grid-template-columns:1fr}
  .pc-trade{padding:28px}
}

html,body{overflow-x:clip}
/* hero legible over the reel's white logo opening */
.hero-shade{background:linear-gradient(180deg,rgba(20,10,50,.35) 0,transparent 22%,transparent 38%,rgba(20,10,50,.55) 62%,rgba(20,10,50,.9) 100%),radial-gradient(60% 55% at 18% 78%,rgba(20,10,50,.55),transparent 70%)}
.hero .h1,.hero .eyebrow{text-shadow:0 2px 24px rgba(20,10,50,.45)}

.co-addr{grid-column:1/-1}.co-addr p{font-weight:700;font-size:16px;line-height:1.5;margin:6px 0 8px}.co-addr a{font-weight:800;font-size:14px;color:#fff}

/* ===== toy brand minisite ===== */
.bh{position:relative;margin:0 var(--g);border-radius:32px;overflow:hidden;min-height:560px;display:flex;align-items:center;background:var(--c)}
.bh .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.bh-in{position:relative;z-index:2;max-width:min(44vw,600px);padding:48px;display:flex;flex-direction:column;gap:16px;color:#fff}
.bh-logo{width:min(80%,360px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}
.bh-tag{font-family:"Chillax";font-weight:600;font-size:28px;text-shadow:0 3px 18px rgba(0,0,0,.25)}
.bh-desc{font-weight:600;font-size:17px;line-height:1.5;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.bh-stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:6px}.bh-stats b{display:block;font-family:"Chillax";font-weight:700;font-size:34px;line-height:1}.bh-stats span{font-size:13px;font-weight:700;opacity:.9}
.bl-tabs{position:sticky;top:64px;z-index:20;display:flex;gap:10px;justify-content:center;padding:14px var(--g);margin-top:18px;background:rgba(251,248,243,.9);backdrop-filter:blur(10px)}
.bl-tabs a{display:grid;place-items:center;height:62px;padding:6px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s,transform .2s}
.bl-tabs a img{height:48px;width:auto}
.bl-tabs a.on{box-shadow:0 0 0 3px var(--c);transform:translateY(-2px)}
.bl{padding:70px 0 20px}
.bl-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px;align-items:center;padding:0 var(--g);margin-bottom:26px}
.bl-head>div:first-child{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.bl-logo{height:110px;width:auto}
.bl-collect{font-weight:800;font-size:13px;padding:7px 12px;border-radius:999px;background:var(--c);color:#fff}
.bl-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bl-steps li{background:#fff;border-radius:18px;padding:16px;font-weight:700;font-size:14.5px;display:flex;flex-direction:column;gap:8px}
.bl-steps b{width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center}
.bl-chars figure{display:flex;flex-direction:column;justify-content:center}
.bl-chars figcaption{font-weight:800;font-size:13px;text-align:center;margin-top:-6px;padding-bottom:10px}
.skus{margin:60px var(--g) 0}
.skus-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.skus-head>div:first-child{display:flex;flex-direction:column;gap:10px}
.sku-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sku{text-align:left;background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--line);transition:transform .25s,box-shadow .25s}
.sku[hidden]{display:none}
.sku:hover{transform:translateY(-4px);box-shadow:0 0 0 3px var(--c)}
.sku-img{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fff 0,color-mix(in srgb,var(--c) 24%,#fff) 72%)}
.sku-img img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(23,15,51,.2))}
.sku-meta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px}
.sku-meta small{font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sku-meta b{font-weight:800;font-size:16px}.sku-meta span{font-weight:700;font-size:13.5px;color:var(--ink2)}
.skud{border:0;border-radius:28px;padding:0;max-width:min(92vw,900px);width:100%;margin:auto}
.skud::backdrop{background:rgba(10,6,28,.7)}
.skud-in{display:grid;grid-template-columns:1fr 1fr}
.skud-img{background:radial-gradient(circle at 50% 42%,#fff 0,color-mix(in srgb,var(--c) 28%,#fff) 72%);display:grid;place-items:center;padding:30px}
.skud-img img{max-height:420px;width:100%;object-fit:contain}
.skud-txt{padding:30px;display:flex;flex-direction:column;gap:12px}
.skud-txt small{font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.skud-txt dl>div{display:grid;grid-template-columns:40% 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14.5px}
.skud-txt dt{color:var(--mute);font-weight:700}.skud-txt dd{font-weight:700}
.skud .btn{align-self:flex-start;margin-top:8px}
.skud .player-x{right:12px;top:12px;background:var(--ink);color:#fff}
.theme-comic .bh,.theme-comic .sku,.theme-comic .bl-steps li,.theme-comic .bl-tabs a{border:3px solid var(--cink);box-shadow:0 6px 0 var(--cink)}
@media (max-width:900px){
  .bh{min-height:0;flex-direction:column;border-radius:24px}
  .bh .bg{position:relative;aspect-ratio:16/10;height:auto;object-position:72% center}
  .bh-in{max-width:none;padding:24px}
  .bl-tabs{top:58px;overflow-x:auto;justify-content:flex-start}
  .bl-tabs a{height:52px}.bl-tabs a img{height:38px}
  .bl-head{grid-template-columns:1fr}.bl-steps{grid-template-columns:1fr}
  .sku-grid{grid-template-columns:1fr 1fr}
  .skud-in{grid-template-columns:1fr}
}

.bh-h{font-size:clamp(56px,7vw,110px);color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.25)}.bh-logos{display:flex;gap:10px;flex-wrap:wrap}.bh-logos img{height:64px;width:auto;background:rgba(255,255,255,.85);border-radius:14px;padding:6px 10px}

/* SEO · FAQ (home) + legal page */
.co-faq{position:relative;margin-top:90px;max-width:900px;display:grid;gap:10px}
.co-faq details{border-top:1px solid rgba(255,255,255,.22);padding:16px 0}
.co-faq summary{cursor:pointer;list-style:none;font-family:"Chillax";font-weight:600;font-size:clamp(18px,1.6vw,22px);display:flex;justify-content:space-between;gap:20px}
.co-faq summary::-webkit-details-marker{display:none}
.co-faq summary::after{content:"+";font-size:1.3em;line-height:.8;transition:transform .25s}
.co-faq details[open] summary::after{transform:rotate(45deg)}
.co-faq details p{margin-top:12px;color:rgba(255,255,255,.82);max-width:70ch;line-height:1.55}
.co-faq a,.foot p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.theme-comic .co-faq summary{font-family:"Fredoka",sans-serif}
.legal{max-width:820px;margin:0 auto;padding:150px var(--g) 80px;line-height:1.6}
.legal h1{margin-bottom:24px}.legal h2{font-family:"Chillax";font-size:24px;margin:40px 0 10px}
.legal p,.legal li{margin:8px 0;color:#3A3355}.legal ul{padding-left:20px}
.pc-h1,.bh-h1{margin:0;font-size:inherit;line-height:0}