/* A single product in focus; the rest live deeper in the same small universe. */
.cube-focus-lab{display:flex;flex-direction:column;isolation:isolate;background:radial-gradient(ellipse at 52% 40%,#4d2a7b55,#120c1e 74%)}
.cube-focus-lab .lab-topline{order:0;margin-bottom:0}
.cube-focus-lab .cube-stage{order:1;height:460px;overflow:hidden;touch-action:pan-y;background:radial-gradient(ellipse at 50% 45%,#9a6fea0c,transparent 65%)}
.cube-focus-lab .cube-stage:before{width:94%;height:94%;inset:2% 3%;background:radial-gradient(ellipse,#9364d912,transparent 70%)}
.cube-focus-lab .cube-stage:after{content:'';position:absolute;inset:18px;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(1px 1px at 13% 26%,#e9dfff99,transparent 2px),radial-gradient(1px 1px at 87% 18%,#f2dcffc4,transparent 2px),radial-gradient(1px 1px at 92% 76%,#f7e9ffc4,transparent 2px),radial-gradient(1px 1px at 21% 83%,#cab2fa99,transparent 2px)}
.focus-caption{order:2;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:0 15px 19px;min-height:85px;pointer-events:none}
.focus-kicker{font-size:8px;font-weight:500;letter-spacing:1.5px;color:#bca3dc}
.focus-caption>strong{font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.25;color:#fff7df}
.focus-gesture{font-size:7px;letter-spacing:.8px;color:#9e88b9;margin-top:2px}
.focus-picker{order:3;position:relative;z-index:6;padding:0 20px 15px}
.focus-picker-label{display:flex;justify-content:space-between;gap:20px;font-size:8px;font-weight:500;letter-spacing:.9px;color:#bfa9d9;margin:0 0 11px;line-height:1.4}
.focus-picker-label>span{font-size:7px;letter-spacing:.6px;color:#9d87b6}
.cube-focus-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.cube-focus-options>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:8px;min-width:0;min-height:62px;padding:11px 10px;border:1px solid #b495d637;border-radius:13px;color:#cebbdf;background:#1a1128c9;font:500 10px/1.4 var(--bodyfont);transition:background .25s,color .25s,border-color .25s,transform .25s}
.cube-focus-options>button:hover{border-color:#d1b7ef99;background:#312044;transform:translateY(-2px)}
.cube-focus-options>button[aria-pressed=true]{border-color:#fff0d4;background:#fff5df;color:#281731;box-shadow:0 4px 22px #0002}
.focus-product-number{font-size:8px;letter-spacing:.4px;color:var(--focus-accent);align-self:start;padding-top:1px}
.focus-product-name{min-width:0;overflow-wrap:normal}
.focus-product-arrow{font-size:14px;color:#bda4d6;opacity:.5}
.cube-focus-options>button[aria-pressed=true] .focus-product-arrow{color:#6e458f;opacity:1}
.cube-focus-lab .model-note{order:4;margin:0 18px 19px;font-size:7px;line-height:1.5;letter-spacing:.4px;color:#8f7caa}
.hero .cube-focus-lab{width:100%;margin:0;min-height:0;background:none;border:0;box-shadow:none;overflow:visible}
.hero .cube-focus-lab .cube-stage{order:0;height:var(--hero-stage-height);overflow:hidden}
.hero .focus-caption{order:1;padding:0 15px 19px;min-height:88px;gap:7px}
.hero .focus-caption>strong{font-size:24px}
.hero .focus-picker{order:2;width:min(720px,100%);align-self:center;padding:0 22px 0}
.hero .cube-focus-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hero .cube-focus-options>button{font-size:11px;min-height:58px;padding:10px 12px;border-radius:12px;background:#171020d9}
.hero .cube-focus-options>button[aria-pressed=true]{background:#fff5df}
.hero .cube-focus-lab .model-note{display:none}
.hero .playful-sticker{right:1%;width:95px;height:95px;top:calc(var(--hero-stage-height) - 105px);font-size:8px;opacity:.9}
.hero .playful-sticker b{font-size:10px}
.hero .playful-sticker>span{font-size:25px}
.hero-model{min-height:0}
@media(min-width:1600px){.hero-model{min-height:0}.hero .focus-picker{width:760px}.hero .cube-focus-options>button{min-height:62px}}
@media(max-width:1150px){.hero .focus-picker{padding-inline:10px}.hero .cube-focus-options>button{font-size:10px;padding:9px;gap:7px}.hero .focus-caption>strong{font-size:21px}}
@media(max-width:900px){.cube-focus-lab .cube-stage{height:400px}.hero .focus-caption>strong{font-size:20px}.hero .focus-picker{padding-inline:7px}.hero .cube-focus-options>button{font-size:9px;min-height:62px;padding:9px 7px;gap:6px}.focus-product-number{font-size:7px}.focus-product-arrow{font-size:12px}.hero .playful-sticker{width:75px;height:75px;font-size:6px}.hero .playful-sticker b{font-size:7px}.hero .playful-sticker>span{font-size:21px}}
@media(max-width:640px){.hero-grid{gap:25px;padding-bottom:40px}.hero .cube-focus-lab .cube-stage{height:var(--hero-stage-height)}.hero .focus-caption{min-height:76px;padding:0 12px 17px;gap:5px}.hero .focus-caption>strong{font-size:20px;line-height:1.2}.focus-gesture{font-size:6px;letter-spacing:.7px}.focus-kicker{font-size:7px;letter-spacing:1.2px}.hero .focus-picker{padding-inline:12px;width:100%}.focus-picker-label{font-size:7px;letter-spacing:.7px;margin-bottom:9px;gap:10px}.focus-picker-label>span{font-size:6px;letter-spacing:.4px}.hero .cube-focus-options{gap:5px}.hero .cube-focus-options>button{font-size:9px;line-height:1.3;min-height:64px;padding:9px 7px;gap:5px;border-radius:10px;grid-template-columns:auto 1fr}.hero .focus-product-arrow{display:none}.hero .focus-product-number{font-size:7px}.hero .playful-sticker{width:63px;height:63px;right:0;top:calc(var(--hero-stage-height) - 80px);font-size:5px}.hero .playful-sticker b{font-size:6px}.hero .playful-sticker>span{font-size:18px}.cube-focus-lab .cube-stage{height:350px}.focus-caption>strong{font-size:21px}.focus-picker{padding-inline:14px}.cube-focus-options{gap:6px}.cube-focus-options>button{font-size:9px;padding:9px 7px;min-height:63px;gap:6px;grid-template-columns:auto 1fr}.focus-product-arrow{display:none}.cube-focus-lab .model-note{font-size:6px;margin-bottom:15px}}
@media(max-width:360px){.hero .focus-picker{padding-inline:7px}.hero .cube-focus-options>button{font-size:8px;min-height:61px;padding:8px 6px;gap:4px}.hero .focus-caption>strong{font-size:18px}.hero .focus-caption{min-height:72px}.focus-picker-label{font-size:6px}.focus-picker-label>span{font-size:5.5px}.hero .playful-sticker{display:none}}
@media(prefers-reduced-motion:reduce){.cube-focus-options>button{transition:none}.cube-focus-options>button:hover{transform:none}}

.hero .playful-sticker{display:none}.hero .hero-twinkle{z-index:1}