/* Five closely spaced products dip behind the face and rise to the right. */
.hero-sketch{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.sketch-spot{animation:sketch-spot-fade .8s linear both}
@keyframes sketch-spot-fade{0%,12.5%{opacity:1}100%{opacity:0}}
.hero-orbit{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-art{left:30%;width:51%}.hero-art:before{content:none}.hero-bust{object-fit:contain;object-position:center bottom}.book-front img,.poster-front img{mix-blend-mode:normal}
.hero-subject{position:relative;height:100%;aspect-ratio:2/3;max-width:100%;flex:0 0 auto;isolation:isolate}.hero-subject .hero-bust{position:relative;z-index:1}.stool-shadows{position:absolute;inset:0;z-index:0;pointer-events:none}.foot-shadow{position:absolute;width:5.5%;height:.6%;transform:translate(-50%,-15%);background:radial-gradient(ellipse,#211f1b60 0%,#211f1b35 38%,#211f1b00 75%);border-radius:50%;filter:blur(.6px)}.foot-shadow:after{content:'';position:absolute;left:25%;top:-50%;width:370%;height:230%;transform:rotate(-8deg);transform-origin:10% 50%;background:radial-gradient(ellipse at 18% 50%,#24221f25 0%,#24221f10 45%,#24221f00 74%);border-radius:50%;filter:blur(2px)}.foot-left{left:31.5%;top:93.6%}.foot-front{left:42.5%;top:98.7%}.foot-back{left:57%;top:92.2%}.foot-right{left:70.5%;top:97.4%}
.orbit-slot{position:absolute;left:0;top:0;width:clamp(148px,14vw,208px);height:clamp(112px,10.5vw,156px);will-change:transform}
.hero-orbit .float-card{position:relative;inset:auto;width:100%;height:100%;padding:15px;border-radius:8px;animation:product-pop 850ms var(--ease) both;animation-delay:calc(1.8s + var(--product-index)*100ms);box-shadow:3px 10px 20px #16100016;display:flex;flex-direction:column;justify-content:space-between;transform-origin:50% 70%}
.hero-orbit .float-card strong{font-size:clamp(15px,1.55vw,22px);line-height:1.05;letter-spacing:-.035em;overflow-wrap:normal}
.hero-orbit .float-card span,.hero-orbit .float-card small{font-size:clamp(6px,.52vw,8px);line-height:1.2;letter-spacing:.025em;margin:0}
.product-social{background:#ffcd22;color:#111103}.product-website{background:#f15a27;color:#111103}.product-backend{background:#eab31b;color:#111103}.product-bot{background:#111103;color:#ffcd22}.product-guide{background:#ffcd22;color:#111103}
.hero-orbit .product-number{position:absolute;top:10px;right:12px;font-size:20px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;opacity:.85}.hero-orbit .float-card>span{padding-right:24px;max-width:100%;font-size:6px}.hero-orbit .float-card strong{margin-top:8px}
@keyframes product-pop{0%{opacity:0;transform:translateY(35%) scale(.93)}65%{opacity:1;transform:translateY(-4%) scale(1.025)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.orbit-slot{width:112px;height:88px}.hero-orbit .float-card{padding:9px;border-radius:6px}.hero-orbit .float-card strong{font-size:13px;margin-top:3px}.hero-orbit .float-card span,.hero-orbit .float-card small{font-size:5px}.hero-orbit .product-number{top:7px;right:7px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.orbit-slot{will-change:auto}.hero-orbit .float-card{animation:none;opacity:1;transform:none}}
.orbit-slot{height:auto;aspect-ratio:3/2}.hero-orbit .float-card.image-card{padding:0;display:block;background:#ffcd22;border-radius:8px}.image-card>img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.hero-art{left:24%;width:70%}}
@media(max-width:600px){.hero-art{left:2%;width:104%}}