:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: the shop shelf. Every position is measured in banner units (2003 x 785),
   so the hero scales as one object and the toys keep their real arrangement.
   Below 1280px the copy stacks above the toy stage. One deliberate single-theme look. */
:root{
  --ink:#0B1B4D;
  --royal:#1550D6;
  --royal-deep:#0E3AA8;
  --sun:#FFD21F;
  --stage:#F4F8FF;
  --pink:#F0206B; --orange:#FF8A00; --green:#1FA83C; --blue:#1550D6; --purple:#6A2BC4; --red:#D8161F; --teal:#14A9A6;
  --font-display:"Fredoka","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
  --font-body:"Nunito Sans","Segoe UI",system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--stage);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:3px solid var(--royal);outline-offset:3px;border-radius:6px}
.skip-link{position:absolute;z-index:100;left:12px;top:-60px;padding:12px 16px;border-radius:8px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:12px}

.hero{
  --x0:850; --w:1153; --hh:735;
  --u:calc(100cqw / var(--w));
  container-type:inline-size;
  position:relative;
  background:var(--stage);
  overflow:hidden;
}
@media (min-width:1280px){
  .hero{--x0:0; --w:2003; --hh:785; aspect-ratio:2003 / 785}
}

/* ---------- copy ---------- */
.copy{position:relative;z-index:30;padding:28px 16px 8px;display:flex;flex-direction:column;gap:14px}
.eyebrow{margin:0;font:800 13px/1 var(--font-body);letter-spacing:.3em;text-transform:uppercase;padding-bottom:10px;position:relative;width:max-content}
.eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:70%;height:4px;border-radius:3px;background:var(--sun)}
h1{margin:0;font:700 min(calc((100cqw - 32px) / 6.3),132px)/.95 var(--font-display);letter-spacing:-.01em;white-space:nowrap}
h1 .toys span{display:inline-block}
h1 .toys span:nth-child(1){color:var(--pink)}
h1 .toys span:nth-child(2){color:var(--orange)}
h1 .toys span:nth-child(3){color:var(--green)}
h1 .toys span:nth-child(4){color:var(--blue)}
.tagline{margin:0;font:600 clamp(24px,5.4vw,40px)/1.1 var(--font-display);color:var(--royal);position:relative;width:max-content;max-width:100%;padding-bottom:10px;transform:rotate(-2deg);transform-origin:left center}
.tagline::after{content:"";position:absolute;left:38%;right:0;bottom:0;height:5px;border-radius:3px;background:var(--sun)}
.lede{margin:0;max-width:34em;font:400 clamp(16px,2.4vw,19px)/1.4 var(--font-body)}

.chips{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:14px 8px}
.chip{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;text-align:center;color:var(--ink)}
.chip-ic{width:72px;height:72px;border-radius:50%;background:var(--c);display:grid;place-items:center;box-shadow:0 6px 14px -4px color-mix(in srgb,var(--c) 70%,transparent);will-change:transform}
.chip-ic svg{width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.chip-ic svg text{fill:#fff;stroke:none;font:700 11px var(--font-display)}
.chip-lb{font:800 12px/1.2 var(--font-body);letter-spacing:.02em;text-transform:uppercase}
.chip::after{content:"";width:34px;height:4px;border-radius:2px;background:var(--c);transition:width .25s ease}
.chip:hover::after,.chip:focus-visible::after{width:64px}

.cta{
  --cta:#D8161F; --cta-deep:#8E0A12;
  position:relative;align-self:flex-start;margin-top:22px;
  display:inline-flex;align-items:center;gap:18px;
  padding:16px 18px 16px 26px;border-radius:14px;
  background:linear-gradient(180deg,#F23A3F,var(--cta) 55%,#B50E18);
  color:#fff;text-decoration:none;font:800 18px/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 6px 0 var(--cta-deep),0 14px 24px -6px rgba(142,10,18,.55);
  transition:transform .12s ease,box-shadow .12s ease;
}
.cta::before{ /* brick studs */
  content:"";position:absolute;top:-8px;left:22px;width:calc(4 * 26px + 3 * 18px);max-width:calc(100% - 44px);height:9px;
  background:repeating-linear-gradient(90deg,#F23A3F 0 26px,transparent 26px 44px);
  border-radius:5px 5px 0 0;
}
.cta-go{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center}
.cta-go svg{width:18px;height:18px;fill:none;stroke:var(--cta);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.cta:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--cta-deep),0 18px 28px -6px rgba(142,10,18,.55)}
.cta:active{transform:translateY(6px);box-shadow:0 0 0 var(--cta-deep),0 4px 10px -4px rgba(142,10,18,.5)}

/* ---------- stage ---------- */
.stage{position:relative;aspect-ratio:1153 / 735;overflow:hidden;perspective:none;margin-top:18px}
@media (min-width:1280px){.stage{position:absolute;inset:0;aspect-ratio:auto;margin:0}}
.scene{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.scene .par{will-change:transform}

.say{position:absolute;margin:0;color:#fff;font-family:var(--font-display);font-weight:600;line-height:1.02;z-index:3;transform-origin:left bottom;will-change:transform}
.say-top{left:calc((1606 - var(--x0)) * var(--u));top:calc(36 * var(--u));font-size:calc(42 * var(--u));transform:rotate(-9deg)}
.say-bottom{left:calc((1888 - var(--x0)) * var(--u));top:calc(640 * var(--u));font-size:calc(27 * var(--u));line-height:1.1;transform:rotate(-15deg)}
.say span{display:block;white-space:nowrap}
.say-top span:nth-child(2){margin-left:.1em}

.toy{
  position:absolute;
  left:calc((var(--lx) - var(--x0)) / var(--w) * 100%);
  top:calc(var(--ly) / var(--hh) * 100%);
  width:calc(var(--lw) / var(--w) * 100%);
  height:calc(var(--lh) / var(--hh) * 100%);
  z-index:var(--z);
  transform-origin:50% 90%;
  pointer-events:none;
  will-change:transform;
}
.toy img{display:block;width:100%;height:100%;filter:drop-shadow(0 calc(10 * var(--u)) calc(12 * var(--u)) rgba(11,27,77,.22));animation:rise .9s cubic-bezier(.2,.9,.25,1.15) both;animation-delay:calc(var(--i) * 70ms + 500ms)}
@keyframes rise{from{transform:translateY(calc(70 * var(--u))) scale(.94)}to{transform:none}}

.gumball-hit{
  position:absolute;z-index:50;border:0;background:transparent;cursor:pointer;border-radius:40% 40% 20% 20%;
  left:calc((1832 - var(--x0)) / var(--w) * 100%);top:calc(188 / var(--hh) * 100%);
  width:calc(160 / var(--w) * 100%);height:calc(275 / var(--hh) * 100%);
}
.gumball-hit:focus-visible{outline-offset:-4px}
.balls{position:absolute;inset:0;z-index:45;pointer-events:none}
.ball{position:absolute;left:0;top:0;border-radius:50%;will-change:transform;box-shadow:inset -3px -4px 0 rgba(0,0,0,.18),inset 3px 3px 0 rgba(255,255,255,.45)}
.burst{position:absolute;left:0;top:0;z-index:48;pointer-events:none}
.burst i{position:absolute;left:-12px;top:-2px;width:24px;height:5px;border-radius:3px}

/* ---------- trust strip ---------- */
.trust{
  position:relative;z-index:30;background:var(--sun);margin:0;list-style:none;
  padding:18px 16px 22px;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;
}
.trust li{display:flex;align-items:center;gap:10px;font:800 14px/1.2 var(--font-body);min-width:0}
.trust svg{flex:none;width:38px;height:38px}
.trust .sep{display:none}

/* ---------- banner mode ---------- */
@media (min-width:1280px){
  .copy{position:static;padding:0;display:block}
  .copy>*{position:absolute;margin:0;z-index:30}
  .eyebrow{left:calc(78 * var(--u));top:calc(34 * var(--u));font-size:max(11px,calc(19 * var(--u)));padding-bottom:0}
  .eyebrow::after{left:calc(-8 * var(--u));bottom:calc(-26 * var(--u));width:calc(138 * var(--u));height:calc(5 * var(--u))}
  h1{left:calc(74 * var(--u));top:calc(90 * var(--u));font-size:calc(134 * var(--u))}
  .tagline{left:calc(86 * var(--u));top:calc(236 * var(--u));font-size:calc(42 * var(--u));padding-bottom:calc(14 * var(--u))}
  .tagline::after{height:calc(6 * var(--u))}
  .lb{display:inline}
  .lede{left:calc(78 * var(--u));top:calc(322 * var(--u));width:calc(780 * var(--u));max-width:none;font-size:max(14px,calc(24 * var(--u)));line-height:1.22}
  .chips{display:block;left:calc(50 * var(--u));top:calc(398 * var(--u));width:calc(870 * var(--u));margin:0}
  .chips{display:flex}
  .chip{width:calc(123 * var(--u));gap:calc(8 * var(--u))}
  .chip-ic{width:calc(95 * var(--u));height:calc(95 * var(--u))}
  .chip-lb{font-size:max(10.5px,calc(15.5 * var(--u)))}
  .chip::after{width:calc(36 * var(--u));height:calc(4 * var(--u));margin-top:calc(2 * var(--u))}
  .chip:hover::after,.chip:focus-visible::after{width:calc(66 * var(--u))}
  .cta{left:calc(68 * var(--u));top:calc(575 * var(--u));width:calc(357 * var(--u));height:calc(64 * var(--u));margin:0;padding:0 calc(14 * var(--u)) 0 calc(32 * var(--u));justify-content:space-between;white-space:nowrap;letter-spacing:.02em;font-size:max(13px,calc(23 * var(--u)));box-shadow:0 calc(6 * var(--u)) 0 var(--cta-deep),0 calc(14 * var(--u)) calc(24 * var(--u)) calc(-6 * var(--u)) rgba(142,10,18,.55)}
  .cta::before{top:calc(-9 * var(--u));left:calc(24 * var(--u));width:calc(4 * 26 * var(--u) + 3 * 18 * var(--u));height:calc(10 * var(--u));background:repeating-linear-gradient(90deg,#F23A3F 0 calc(26 * var(--u)),transparent calc(26 * var(--u)) calc(44 * var(--u)))}
  .cta-go{width:calc(42 * var(--u));height:calc(42 * var(--u));min-width:26px;min-height:26px}
  .trust{position:absolute;left:calc(78 * var(--u));top:calc(693 * var(--u));width:calc(1190 * var(--u));height:calc(58 * var(--u));background:none;padding:0;display:flex;align-items:center;gap:calc(38 * var(--u))}
  .trust li{font-size:max(12px,calc(20 * var(--u)));gap:calc(14 * var(--u));white-space:nowrap}
  .trust svg{width:calc(52 * var(--u));height:calc(52 * var(--u))}
  .trust .sep{display:block;width:calc(2 * var(--u));height:calc(38 * var(--u));background:var(--ink);padding:0;flex:none}
}
@media (max-width:420px){.trust{grid-template-columns:1fr}}

/* ---------- entrance (transform only, always visible at rest) ---------- */
h1 .toys span{animation:drop .7s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(var(--k) * 90ms + 120ms)}
@keyframes drop{from{transform:translateY(-.45em) rotate(-8deg)}to{transform:none}}
.chip-ic{animation:pop .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--k) * 60ms + 900ms)}
@keyframes pop{from{scale:.5}to{scale:1}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Aadya Enterprises portfolio sections */
.site-header{position:relative;z-index:60;min-height:82px;padding:12px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid #e5ebf6}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.brand-logo{display:block;width:clamp(250px,27vw,330px);height:auto;flex:none}
.site-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);font-weight:800;font-size:14px}
.site-nav a{text-decoration:none}.site-nav a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:5px;color:var(--royal)}
.site-nav .nav-contact{background:var(--ink);color:white;padding:12px 18px;border-radius:999px;transition:background .18s ease,transform .18s ease}.site-nav .nav-contact:hover{background:var(--royal);transform:translateY(-1px)}
.portfolio{background:#fff;padding:clamp(62px,8vw,112px) max(22px,calc((100% - 1220px)/2));position:relative;overflow:hidden}
.section-kicker{margin:0 0 12px;color:#1550d6;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}
.section-title{font:600 clamp(34px,5vw,60px)/1 var(--font-display);letter-spacing:-.025em;margin:0 0 18px;color:var(--ink)}
.section-intro{font-size:18px;line-height:1.65;max-width:680px;color:#465578;margin:0}
.portfolio-head{display:grid;grid-template-columns:1fr minmax(250px,.66fr);align-items:end;gap:34px;margin-bottom:42px}
.portfolio-head .section-title{max-width:690px}.portfolio-head .section-intro{max-width:440px;font-size:16px;padding-left:20px;border-left:2px solid var(--sun)}
.portfolio-buyer-note{max-width:850px;margin:-22px 0 30px;font-size:15px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:1400px}
.product-card{--tilt-x:0deg;--tilt-y:0deg;--card-accent:#1550d6;position:relative;isolation:isolate;overflow:hidden;min-height:350px;border:1px solid #e4eaf4;border-radius:24px;background:#f6f8fd;box-shadow:0 14px 36px rgba(11,27,77,.08);transform:perspective(900px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transform-style:preserve-3d;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.product-card::before{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-45px;top:-65px;border-radius:50%;background:var(--card-accent);opacity:.11;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.product-card:hover{border-color:color-mix(in srgb,var(--card-accent) 32%,#e4eaf4);box-shadow:0 26px 54px rgba(11,27,77,.15)}.product-card:hover::before{transform:scale(1.3);opacity:.16}
.product-card-media{aspect-ratio:1/1;display:grid;place-items:center;position:relative;overflow:hidden;background:#eaf0fb}
.portfolio-sprite{position:absolute;inset:0 auto auto 0;width:300%;height:200%;max-width:none;object-fit:fill;transform:translate(var(--tile-offset-x),var(--tile-offset-y));transition:filter .35s ease}.product-card:hover .portfolio-sprite{filter:saturate(1.08)}
.product-card-media::after{content:"";position:absolute;inset:auto 12% 4px;height:24px;border-radius:50%;background:rgba(11,27,77,.12);filter:blur(12px);transform:scale(.64);transition:transform .35s ease}
.product-card:hover .product-card-media::after{transform:scale(.86)}
.product-card-body{position:relative;z-index:2;padding:20px 22px 23px;transform:translateZ(10px)}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:var(--card-accent);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.product-meta::after{content:"";width:28px;height:2px;background:currentColor;opacity:.5}
.product-card h3{margin:0 0 7px;font:600 23px/1.05 var(--font-display);color:var(--ink);letter-spacing:-.01em}.product-card p{margin:0;color:#5b6680;line-height:1.55;font-size:14px;max-width:35em}
.product-card:nth-child(2){--card-accent:#e77d13}.product-card:nth-child(3){--card-accent:#16994a}.product-card:nth-child(4){--card-accent:#a32a91}.product-card:nth-child(5){--card-accent:#df3e4b}.product-card:nth-child(6){--card-accent:#168caa}
.wholesale{padding:clamp(48px,7vw,88px) max(22px,calc((100% - 1180px)/2));background:#0b1b4d;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}
.wholesale .section-kicker{color:#ffd21f}.wholesale .section-title{color:#fff;margin-bottom:14px}.wholesale .section-intro{color:#d8e2ff;max-width:700px}
.button-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 22px;border-radius:999px;background:#ffd21f;color:#0b1b4d;text-decoration:none;font-weight:900;white-space:nowrap;box-shadow:0 6px 0 #d69e00;transition:transform .16s ease}.button-link:hover{transform:translateY(-2px)}
.contact{padding:clamp(56px,8vw,100px) 22px;text-align:center;background:#f4f8ff}.contact .section-title{margin-bottom:14px}.contact .section-intro{margin:0 auto 26px}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.contact .button-link{background:#16a34a;color:#fff;box-shadow:0 6px 0 #117637}.contact .button-link.secondary{background:#fff;color:var(--ink);box-shadow:0 5px 0 #d8e0ef;border:1px solid #e1e7f2}
.site-footer{padding:22px;text-align:center;background:#0b1b4d;color:#cbd7f6;font-size:13px}
.about{padding:clamp(58px,8vw,108px) max(22px,calc((100% - 1180px)/2));background:#edf3ff;position:relative;overflow:hidden}
.about::after{content:"";position:absolute;width:330px;height:330px;border:52px solid rgba(21,80,214,.06);border-radius:50%;right:-130px;top:-160px;pointer-events:none}
.about-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,6vw,86px);align-items:center}
.about-copy .section-title{max-width:620px}.about-copy .section-intro{font-size:17px}.about-copy .section-intro+.section-intro{margin-top:14px}
.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;max-width:620px}.about-fact{padding:13px 15px;border:1px solid #d8e3f8;border-radius:14px;background:rgba(255,255,255,.78)}.about-fact span{display:block;color:#63708c;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.about-fact strong{display:block;color:var(--ink);font-size:14px;line-height:1.4}.about-fact.gstin{grid-column:1/-1}.about-fact.gstin strong{font-size:13px;letter-spacing:.035em}
.about-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:13px}.about-point{min-height:145px;height:100%;background:rgba(255,255,255,.86);border:1px solid #dce6fa;border-radius:18px;padding:20px;box-shadow:0 12px 32px rgba(11,27,77,.06)}
.about-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e4ecff;color:#1550d6;margin-bottom:13px}.about-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.about-point strong{display:block;font:600 18px/1.15 var(--font-display);color:var(--ink);margin-bottom:6px}.about-point span{font-size:13px;line-height:1.45;color:#596783}
.wholesale{position:relative;isolation:isolate;overflow:hidden;padding:clamp(32px,5vw,64px) max(22px,calc((100% - 1180px)/2));background:linear-gradient(115deg,#091844 0%,#102b70 58%,#1550d6 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);align-items:center;gap:clamp(24px,5vw,70px)}
.wholesale::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 16%,rgba(255,210,31,.18),transparent 28%),radial-gradient(circle at 100% 100%,rgba(80,163,255,.24),transparent 35%)}
.wholesale .section-kicker{color:#ffd21f}.wholesale .section-title{color:#fff;margin-bottom:14px;max-width:600px}.wholesale .section-intro{color:#d8e2ff;max-width:610px}
.wholesale-visual{position:relative;perspective:900px}
.wholesale-photo{position:relative;overflow:hidden;aspect-ratio:3/2;border:1px solid rgba(255,255,255,.25);border-radius:26px;background:#d8eaff;box-shadow:0 24px 58px rgba(0,0,0,.28);transform:rotateY(-5deg) rotateX(2deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.wholesale-photo img{width:100%;height:100%;display:block;object-fit:cover;padding:0;mix-blend-mode:normal}.wholesale-photo:first-child{transform:rotateY(-5deg) rotateX(2deg) translateZ(10px)}.wholesale-visual:hover .wholesale-photo:first-child{transform:rotateY(-1deg) rotateX(1deg) translateZ(18px) translateY(-4px)}
.wholesale-caption{position:absolute;left:16px;bottom:15px;padding:9px 13px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:900;box-shadow:0 5px 15px rgba(11,27,77,.15)}
.wholesale-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px}.wholesale .button-link{background:#ffd21f;color:#0b1b4d;box-shadow:0 5px 0 #d69e00}.wholesale .wholesale-note{color:#c2d0f5;font-size:12px;font-weight:700}
.wholesale .button-link{position:relative;isolation:isolate;overflow:hidden;padding:18px 24px;border-radius:14px;box-shadow:0 7px 0 #c69700,0 14px 30px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.wholesale .button-link::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.6) 48%,transparent 68%);transform:translateX(-130%);transition:transform .55s ease}.wholesale .button-link:hover{transform:translateY(-3px);box-shadow:0 9px 0 #c69700,0 20px 34px rgba(0,0,0,.25)}.wholesale .button-link:hover::before{transform:translateX(130%)}
.arcade-feature{--card-accent:#1550d6;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:center;gap:clamp(24px,5vw,64px);margin-top:24px;padding:clamp(18px,3vw,30px);border:1px solid #e2e9f6;border-radius:28px;background:linear-gradient(120deg,#f4f7fd 0%,#e8efff 100%);box-shadow:0 20px 54px rgba(11,27,77,.08)}
.arcade-feature .section-title{font-size:clamp(30px,4vw,46px);margin-bottom:14px}.arcade-feature .section-intro{font-size:16px}.arcade-feature-media{overflow:hidden;border-radius:20px;background:#d4e8ff;box-shadow:0 17px 36px rgba(11,27,77,.16);transform:perspective(900px) rotateY(-3deg);transition:transform .4s ease}.arcade-feature:hover .arcade-feature-media{transform:perspective(900px) rotateY(0) translateY(-4px)}.arcade-feature-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.arcade-link{display:inline-flex;align-items:center;gap:9px;margin-top:21px;color:#1550d6;font-weight:900;text-decoration:none}.arcade-link:hover{text-decoration:underline;text-underline-offset:4px}
.motion-ready .reveal{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.75,.25,1)}.motion-ready .reveal.is-in{opacity:1;translate:0 0}.motion-ready .product-card.reveal:nth-child(2){transition-delay:90ms}.motion-ready .product-card.reveal:nth-child(3){transition-delay:180ms}.motion-ready .product-card.reveal:nth-child(4){transition-delay:80ms}.motion-ready .product-card.reveal:nth-child(5){transition-delay:160ms}.motion-ready .product-card.reveal:nth-child(6){transition-delay:240ms}
.wholesale-photo{animation:floatToy 5s ease-in-out infinite}.wholesale-photo:nth-child(2){animation-delay:-1.8s}.wholesale-photo:nth-child(3){animation-delay:-3.4s}@keyframes floatToy{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;translate:none}.wholesale-photo{animation:none!important}.product-card,.product-card img,.wholesale .button-link,.arcade-feature-media{transition:none!important}}
@media(max-width:780px){.site-header{align-items:flex-start;flex-direction:column;gap:14px;padding:15px 20px}.brand-logo{width:275px}.site-nav{width:100%;gap:clamp(14px,4vw,28px);justify-content:space-between;font-size:13px}.site-nav .nav-contact{padding:10px 14px}.portfolio-head{grid-template-columns:1fr;gap:16px}.portfolio-head .section-intro{max-width:600px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:1fr}.about-points{max-width:580px}.about-facts{max-width:580px}.wholesale{grid-template-columns:1fr}.wholesale-visual{max-width:680px;width:100%}.wholesale .button-link{justify-self:start}.arcade-feature{grid-template-columns:1fr}.arcade-feature-media{max-width:680px;width:100%}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr;gap:14px}.product-card{min-height:0;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:stretch}.product-card-media{height:auto;min-height:0;min-width:0;aspect-ratio:1/1;overflow:hidden;clip-path:inset(0)}.product-card-body{align-self:center;min-width:0;padding:18px 14px;transform:none}.product-card h3{font-size:20px}.product-card p{font-size:13px}.product-meta{font-size:9px}.product-card:nth-child(4) .product-card-body{position:relative;z-index:3;background:linear-gradient(90deg,rgba(237,229,244,.98),rgba(237,229,244,.94));border-radius:0 0 18px 0;padding-left:12px}.product-card:nth-child(4) h3{font-size:19px;line-height:1.12;overflow-wrap:anywhere}.wholesale-caption{left:8px;bottom:8px;font-size:10px;padding:7px 9px}.about-facts{grid-template-columns:1fr 1fr}.about-fact.gstin{grid-column:1/-1}.arcade-feature{padding:14px;border-radius:22px}}
@media(max-width:420px){.brand-logo{width:245px}.site-nav{gap:9px;font-size:11px}.site-nav .nav-contact{padding:9px 11px}.product-grid{gap:12px}.product-card-body{padding:14px 10px}.product-card h3{font-size:19px}.about-points{gap:10px}.about-point{min-height:138px;padding:15px}}