/* The table shares the clean plate projection but never enters its wall lens. */
.hero-stage{position:absolute;inset:0;z-index:auto;pointer-events:none;overflow:hidden;isolation:auto}
.hero-stage .hero-environment,.hero-stage .hero-wall,.hero-stage .hero-table,.hero-stage .hero-cabinet,.hero-stage .hero-plant{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;transform:none;will-change:auto;background-size:var(--scene-width,100%) var(--scene-height,100%);background-position:var(--scene-x,0px) var(--scene-y,0px)}
.hero-stage .hero-environment{z-index:0;background-image:url('/room-background.webp');visibility:visible}
.hero-stage .hero-wall{z-index:0;opacity:0;background-image:url('/hero-media/room-clean.webp');clip-path:inset(0 0 calc(100% - var(--scene-table-top,73%)) 0)}
.hero-stage .hero-table{z-index:2;opacity:0;background-image:url('/hero-media/room-clean.webp');clip-path:inset(var(--scene-table-top,73%) 0 0 0)}
.hero-stage .hero-cabinet{z-index:1;opacity:0;background-image:url('/hero-media/cabinet-v2.png');background-position:var(--scene-x,0px) var(--cabinet-top,0px);filter:url('#hero-cutout-alpha')}
.hero-stage .hero-plant{z-index:3;opacity:0;background-image:url('/hero-media/plant-v2.png');background-size:var(--plant-width,62%) var(--plant-height,62%);background-position:var(--scene-x,0px) var(--plant-top,0px);filter:url('#hero-cutout-alpha');transform-origin:0 calc(var(--plant-top,0px) + var(--plant-height,0px) * .745);transform:rotate(var(--plant-sway,0deg));will-change:transform}
.hero-stage .hero-cup{position:absolute;z-index:6;opacity:0;pointer-events:none;transform:translate3d(var(--cup-x,0px),0,0);will-change:transform;background:none}
.hero-stage .hero-cup::before{content:'';position:absolute;inset:0;background:url('/hero-media/smile-cup-v2.png') center/100% 100% no-repeat;filter:url('#hero-cutout-alpha');z-index:1}
.hero-stage .hero-cup::after{content:'';position:absolute;left:23%;top:82.1%;width:66%;height:5%;border-radius:50%;transform:skewX(-25deg);background:#64341230;filter:blur(6px)}
.hero.has-hero-layers .hero-stage .hero-environment{visibility:hidden}
.hero.has-hero-layers .hero-stage .hero-wall,.hero.has-hero-layers .hero-stage .hero-table,.hero.has-hero-layers .hero-stage .hero-cabinet,.hero.has-hero-layers .hero-stage .hero-plant,.hero.has-hero-layers .hero-stage .hero-cup{opacity:1}
.hero-stage .hero-wall .soft-surface-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.hero-stage .hero-wall[data-surface=ready] .soft-surface-canvas{opacity:1}
.platform-motion-field>.soft-surface-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.platform-motion-field[data-surface=ready]>.soft-surface-canvas{opacity:1}
.platform-motion-field[data-surface=ready]>.field-aurora,.platform-motion-field[data-surface=ready]>.field-beams,.platform-motion-field[data-surface=ready]>.field-wave{display:none}
.hero-ambient{pointer-events:none}
@media(max-width:900px){.hero-stage .hero-cup{z-index:3}.hero-stage .hero-plant{transform:none;will-change:auto}}
html[data-motion=off] .hero-stage .hero-cup{transform:translate3d(var(--cup-x,0px),0,0)!important}
html[data-motion=off] .hero-stage .hero-plant{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.hero-stage .hero-plant{transform:none!important;will-change:auto}.hero-stage .hero-cup{transform:translate3d(var(--cup-x,0px),0,0)!important;will-change:auto}}
@media(forced-colors:active){.hero-stage{display:none}}
