/* Scoped showroom composition: retain the existing navy hero and five PNG cutouts. */
.hero{background:linear-gradient(90deg,#06172bf5 0%,#092139ee 34%,#0b294aa8 66%,#08213b82 100%),linear-gradient(0deg,#092039 0%,#09203970 32%,transparent 80%),url('/assets/storefront-facade.png') right center/cover no-repeat #0a203b}
.hero-grid,.hero-bottom{position:relative}
@media(min-width:701px){.hero-grid .product-scene.hero-pack{top:85px}.hero-grid{padding-bottom:65px}.hero-pack .floating-note{bottom:28px}.hero-pack .scene-footnote{bottom:11px}}
.product-scene.hero-pack{--pack-floor:88px;position:relative;isolation:isolate;width:100%;max-width:650px;height:auto;min-height:380px;max-height:570px;aspect-ratio:1.08;margin-inline:auto}
.hero-pack>img[class*="hero-pack-"]{position:absolute;display:block;height:auto;max-width:none;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none;animation:none;transform:none;filter:drop-shadow(8px 15px 10px #03101e65)}
/* Widths compensate for the transparent margins around each visible appliance. */
.hero-pack .hero-pack-fridge{width:59%;left:21%;right:auto;top:auto;bottom:calc(var(--pack-floor) + 38px);z-index:2;filter:drop-shadow(12px 20px 14px #03101e70)}
.hero-pack .hero-pack-washer{width:30%;left:-3%;right:auto;top:auto;bottom:calc(var(--pack-floor) + 58px);z-index:3}
.hero-pack .hero-pack-dryer{width:34%;left:16%;right:auto;top:auto;bottom:calc(var(--pack-floor) + 3px);z-index:5}
.hero-pack .hero-pack-range{width:37%;left:63%;right:auto;top:auto;bottom:calc(var(--pack-floor) + 46px);z-index:3}
.hero-pack .hero-pack-dishwasher{width:29%;left:48%;right:auto;top:auto;bottom:var(--pack-floor);z-index:6}
.hero-pack .scene-orbit{z-index:0}.hero-pack .orbit-one{inset:25px -4px 64px 2px}.hero-pack .orbit-two{inset:65px 38px 90px 42px}
.hero-pack .scene-floor{left:-2%;right:-1%;bottom:calc(var(--pack-floor) - 22px);height:105px;transform:rotate(-5deg);z-index:1}
.hero-pack .scene-label{top:51px;left:1%;z-index:1}
.hero-pack .floating-note{right:5%;bottom:18px;z-index:8;padding:12px 17px;font-size:11px;gap:12px}
.hero-pack .floating-note b{margin-left:15px;font-size:24px}.hero-pack .scene-footnote{right:5%;bottom:0;z-index:8;font-size:8px}
@media(min-width:1550px){.product-scene.hero-pack{max-height:570px}}
@media(min-width:701px) and (max-width:980px){.product-scene.hero-pack{--pack-floor:78px;min-height:355px}.hero-pack .floating-note{right:2%;font-size:10px;padding:10px 12px}.hero-pack .floating-note b{margin-left:7px}.hero-pack .scene-footnote{right:2%;font-size:7px}.hero-pack .scene-label{top:30px;font-size:8px}}
@media(max-width:700px){.product-scene.hero-pack{--pack-floor:78px;width:100%;max-width:520px;min-height:330px;max-height:450px;aspect-ratio:1.1;margin-top:20px}.hero-pack .hero-pack-fridge{bottom:calc(var(--pack-floor) + 31px)}.hero-pack .hero-pack-washer{bottom:calc(var(--pack-floor) + 37px)}.hero-pack .hero-pack-dryer{bottom:calc(var(--pack-floor) + 3px)}.hero-pack .hero-pack-range{bottom:calc(var(--pack-floor) + 35px)}.hero-pack .scene-label{top:27px;left:0;font-size:8px}.hero-pack .orbit-one{inset:4px 0 45px}.hero-pack .orbit-two{inset:34px 25px 64px}.hero-pack .scene-floor{height:75px;bottom:calc(var(--pack-floor) - 13px)}.hero-pack .floating-note{left:4%;right:auto;bottom:18px;font-size:10px;line-height:1.45;gap:10px;padding:10px 13px}.hero-pack .floating-note b{font-size:22px;margin-left:10px}.hero-pack .scene-footnote{bottom:0;left:4%;right:auto;font-size:7px}}
@media(prefers-reduced-motion:reduce){.product-scene.hero-pack{transform:none!important}}
@media(max-width:700px){.hero{background:linear-gradient(180deg,#0a223b25 0px,#0a223b45 75px,#0a223be8 150px,#0a203b 215px),url('/assets/storefront-facade.png') center top/100% auto no-repeat #0a203b}.hero .hero-copy{padding-top:clamp(165px,38vw,245px)}.hero-pack .orbit-one{left:6%;right:6%}}
@media(min-width:701px){.hero-pack .hero-pack-fridge{bottom:calc(var(--pack-floor) + 15px)}}
