.ember-kids{padding:clamp(56px,8vw,110px) clamp(20px,5vw,80px)}
.ember-kids::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 55% at 76% 50%,color-mix(in srgb,var(--e-accent) 22%,transparent),transparent 70%),radial-gradient(30% 30% at 8% 90%,color-mix(in srgb,var(--e-accent) 10%,transparent),transparent)}
.kd-wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px)}
.kd-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;font:600 14px Manrope,sans-serif;color:var(--e-ink)}
.kd-lau{width:16px;height:26px;fill:var(--e-accent)}
.kd-lau.r{transform:scaleX(-1)}
.ember-kids .kd-title{position:relative;font-size:clamp(30px,4.6vw,62px);line-height:1.08;margin-bottom:20px}
.ember-kids .kd-title em{font-style:normal;color:var(--e-accent)}
.kd-spark{position:absolute;right:0;top:-34px;width:40px;height:40px;fill:none;stroke:var(--e-accent);stroke-width:3;stroke-linecap:round}
.kd-desc{max-width:46ch;margin-bottom:30px;color:var(--e-muted);font-size:clamp(14px,1.2vw,18px);line-height:1.65}
.ember-kids a.kd-btn,.ember-kids a.kd-btn:hover,.ember-kids a.kd-btn:focus{position:relative;display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;color:var(--pbt,#fff);transition:transform .3s}
.kd-pill,.kd-circ{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(var(--pba,135deg),var(--pb1,#FF6A2B),var(--pb2,#E0200A));box-shadow:0 10px 30px color-mix(in srgb,var(--pb2,#E0200A) 45%,transparent);transition:transform .35s,box-shadow .3s}
.kd-pill{padding:13px 26px;font:700 15px Manrope,sans-serif}
.kd-circ{width:46px;height:46px;font-size:16px}
.kd-i{display:grid;line-height:1;transition:transform .45s}
.kd-i i{line-height:1}
.kd-i svg{width:1em;height:1em;fill:currentColor}
.ember-kids a.kd-btn:hover .kd-i{transform:scale(1.18)}
.ember-kids a.kd-btn:hover .kd-pill,.ember-kids a.kd-btn:hover .kd-circ{box-shadow:0 16px 40px color-mix(in srgb,var(--pb2,#E0200A) 60%,transparent)}
.kd-pill::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%)}
.ember-kids a.kd-a-shine:hover .kd-pill::before{transform:translateX(120%);transition:transform .7s}
.ember-kids a.kd-a-lift:hover{transform:translateY(-4px) scale(1.04)}
.ember-kids a.kd-a-pulse .kd-pill,.ember-kids a.kd-a-pulse .kd-circ{animation:kd-pulse 2.2s infinite}
.ember-kids a.kd-a-slide:hover .kd-circ{transform:translateX(8px)}
.ember-kids a.kd-a-spin:hover .kd-i{transform:rotate(360deg)}
@keyframes kd-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pb2,#E0200A) 65%,transparent)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}
.kd-visual{--cw:clamp(130px,15vw,230px);position:relative;display:flex;justify-content:center;align-items:center;min-height:clamp(320px,38vw,520px);padding:30px 0 50px}
.kd-fan{display:flex;justify-content:center;align-items:center}
.kd-card{position:relative;flex:0 0 var(--cw);width:var(--cw);display:block;text-decoration:none;transform:translateY(var(--y)) rotate(var(--rot)) scale(var(--s));transition:transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),opacity .6s var(--d,0ms)}
.kd-card+.kd-card{margin-left:calc(var(--cw) * -.16)}
.ember-kids.is-ready .kd-card{opacity:0;transform:translateY(calc(var(--y) + 70px)) rotate(0deg) scale(.9)}
.ember-kids.is-ready .kd-card.is-in{opacity:1;transform:translateY(var(--y)) rotate(var(--rot)) scale(var(--s))}
.ember-kids .kd-card:hover,.ember-kids.is-ready .kd-card.is-in:hover{z-index:40!important;transform:translateY(calc(var(--y) - 14px)) rotate(0deg) scale(calc(var(--s) + .05))}
.kd-frame{display:block;padding:9px;border-radius:22px;background:#fff;box-shadow:0 26px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);animation:kd-bob 5s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes kd-bob{50%{transform:translateY(-8px)}}
.kd-img{position:relative;display:block;aspect-ratio:3/4;border-radius:15px;overflow:hidden;background:radial-gradient(70% 70% at 70% 25%,var(--g1),transparent 70%),linear-gradient(160deg,var(--g2),#120804)}
.kd-img img{display:block;width:100%;height:100%;object-fit:cover}
.kd-ph{position:absolute;inset:0;display:grid;place-items:center}
.kd-ph svg{width:34%;fill:rgba(255,255,255,.88);filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.kd-st{position:absolute;z-index:30;pointer-events:none;animation:kd-bob 4s ease-in-out infinite}
.kd-s1{width:34px;height:34px;left:6%;top:8%;fill:var(--e-accent);rotate:-12deg}
.kd-s2{width:30px;height:30px;right:4%;bottom:12%;fill:color-mix(in srgb,var(--e-accent) 60%,#fff);rotate:14deg;animation-delay:-1.5s}
.kd-s3{width:26px;height:26px;right:12%;top:6%;fill:rgba(255,255,255,.85);animation-delay:-2.5s}
@media(max-width:900px){.kd-wrap{grid-template-columns:1fr}.kd-visual{--cw:28vw;min-height:0}.kd-card+.kd-card{margin-left:calc(var(--cw) * -.1)}}
@media(prefers-reduced-motion:reduce){.kd-frame,.kd-st,.ember-kids a.kd-a-pulse .kd-pill,.ember-kids a.kd-a-pulse .kd-circ{animation:none}.kd-card,.kd-pill,.kd-circ,.kd-i{transition:none}}
