/* Slide 3 miniature showroom; all rules scoped to its artwork. */
.homepage-hero .hero-studio-leaves[data-artwork="2"]{inset:0 0 auto auto;height:100%;width:auto;max-width:68%;aspect-ratio:1.05;gap:12px;pointer-events:auto;overflow:visible}
.hero-studio-leaves[aria-hidden="true"]{pointer-events:none!important}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(n){width:100%;height:100%;align-self:stretch;justify-self:stretch;overflow:hidden;z-index:auto;background:#345446;isolation:isolate}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(1){width:76%;height:84%;align-self:end;justify-self:end;background:#c9c711;overflow:visible;z-index:3}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .scene-1{background:#4e6c57}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .scene-2{background:#64745c}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .scene-3{background:#425b4c}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf-line{left:-36%;top:24%;width:115%;height:112%;border-radius:0 50% 0 50%;border-color:#092c21a8;border-width:clamp(18px,2.2vw,36px);pointer-events:none}
.hero-cup-select{position:absolute;inset:0;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:inherit;container-type:inline-size}
.hero-cup-select:focus-visible{outline:3px solid #c9c711!important;outline-offset:-5px!important}
.hero-cup-select[aria-pressed="true"]::after{content:'';position:absolute;right:12%;bottom:7%;width:15px;height:2px;background:#c6d594}
/* The PNGs have a 7.5% transparent lower margin after upright rotation.
   Their width-based compensation places the visible cup base on the podium top. */
.hero-cup-select img{position:absolute;left:20%;top:auto;bottom:calc(18% - 5.7cqw);width:60%;height:auto;aspect-ratio:4/5;object-fit:contain;transform:rotate(12deg);transform-origin:50% 50%;filter:drop-shadow(0 3px 2px #10251b35);transition:filter 180ms ease}
.hero-showroom-podium{position:absolute;left:14%;right:14%;bottom:11%;height:8%;min-height:10px;border-radius:50% / 25%;background:#cbc5b7;box-shadow:0 5px 8px #10251b26;pointer-events:none}
.hero-showroom-podium::before{content:'';position:absolute;left:0;right:0;top:-8%;height:62%;border-radius:50%;background:#eeeade;box-shadow:inset 0 1px 0 #fff7}
.hero-showroom-podium::after{content:'';position:absolute;left:29%;right:29%;top:4%;height:23%;border-radius:50%;background:#23372933}
.hero-cup-stage{position:absolute;left:-47.06%;width:47.06%;top:8%;bottom:8%;pointer-events:auto;container-type:inline-size}
.hero-cup-stage>img{position:absolute;left:5%;top:auto;bottom:calc(24% - 8.5cqw);width:90%;height:auto;aspect-ratio:4/5;object-fit:contain;transform:rotate(12deg);transform-origin:50% 50%;filter:drop-shadow(0 5px 3px #10251b40);transition:filter 180ms ease}
.hero-main-podium{left:8%;right:8%;bottom:17%;height:8%;min-height:15px}
.hero-featured-status{position:absolute;left:0;right:0;bottom:6%;text-align:center;color:#e6eadf;font-size:12px;font-weight:500;line-height:1.4;margin:0;letter-spacing:.02em}
.hero-featured-link{position:absolute;left:5%;bottom:calc(24% - 8.5cqw);width:90%;aspect-ratio:4/5;z-index:8;cursor:pointer;border-radius:35%;display:block}
.hero-featured-link:focus-visible{outline:2px solid #86A126;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.hero-cup-select:hover img,.hero-cup-stage:has(.hero-featured-link:hover)>img{filter:drop-shadow(0 5px 3px #10251b55)}}
.hero-cup-stage:has(.hero-featured-link:focus-visible)>img{filter:drop-shadow(0 5px 3px #10251b55)}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:has(img.cup-travelling){overflow:visible!important}
.hero-studio-leaves img.cup-travelling{scale:1!important;transition:none!important}
@media(min-width:768px){
 .homepage-hero[data-current="2"] #home-hero-panel-2 .hero-message-copy{grid-column:1;max-width:650px}
 .homepage-hero[data-current="2"] .hero-artwork{left:auto;right:calc(-1 * var(--hero-gutter));top:0;height:calc(100% + 44px);width:49vw;max-width:49vw;aspect-ratio:auto;pointer-events:auto;overflow:hidden}
}
@media(min-width:768px) and (max-width:1023px){
 .homepage-hero[data-current="2"] .hero-artwork{width:48vw;max-width:48vw}
 .homepage-hero .hero-studio-leaves[data-artwork="2"]{width:62%;max-width:none;aspect-ratio:auto;gap:7px}
 .hero-cup-stage{left:-61.29%;width:61.29%;top:5%;bottom:5%}
 .hero-featured-status{font-size:11px}
}
@media(max-width:767px){
 .homepage-hero[data-current="2"] .hero-content-stage{display:flex;flex-direction:column;min-height:0;padding-top:24px}
 .homepage-hero[data-current="2"] #home-hero-panel-2,.homepage-hero[data-current="2"] #home-hero-panel-2 .hero-message-copy{display:contents}
 #home-hero-panel-2 .hero-kicker{order:1}#home-hero-panel-2 .hero-heading{order:2}#home-hero-panel-2 .hero-body{order:3}
 .homepage-hero[data-current="2"] .hero-artwork{order:4;position:relative;inset:auto;transform:none;width:100%;height:390px;max-width:none;max-height:none;aspect-ratio:auto;margin:0 0 18px;pointer-events:auto;overflow:hidden}
 /* The same leaf controls become a compact row below the featured product. */
 .homepage-hero .hero-studio-leaves[data-artwork="2"]{inset:auto 0 0;width:100%;max-width:none;height:116px;aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:8px}
 .homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:first-child{display:none}
 .hero-cup-stage{left:calc(50% - 105px);width:210px;top:auto;bottom:128px;height:250px}
 .hero-cup-stage>img{width:78%;left:11%;bottom:calc(24% - 7.4cqw)}
 .hero-featured-link{width:78%;left:11%;bottom:calc(24% - 7.4cqw)}
 .hero-featured-status{font-size:11px;bottom:3%}
 .hero-cup-select img{width:57%;left:21.5%;bottom:calc(18% - 5.4cqw)}
 .homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf-line{border-width:15px}
 #home-hero-panel-2 .hero-actions{order:5;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.hero-cup-select img,.hero-cup-stage>img{transition:none!important}}
/* Product-only hover pop; podiums and leaf geometry stay fixed. */
.hero-studio-leaves .hero-cup-select img,.hero-studio-leaves .hero-cup-stage>img{transition:scale 200ms ease,filter 200ms ease;transform-origin:50% 85%}
@media(hover:hover) and (pointer:fine){
 .hero-studio-leaves .hero-cup-select:hover img,
 .hero-studio-leaves .hero-cup-stage:has(.hero-featured-link:hover)>img{scale:1.06;filter:drop-shadow(0 7px 4px #10251b50)}
}
.hero-studio-leaves .hero-cup-select:focus-visible img,
.hero-studio-leaves .hero-cup-stage:has(.hero-featured-link:focus-visible)>img{scale:1.04}
@media(prefers-reduced-motion:reduce){
 .hero-studio-leaves .hero-cup-select img,.hero-studio-leaves .hero-cup-stage>img{transition:none!important;scale:1!important}
}
/* Announce selections without a visible label beneath the podium. */
.hero-featured-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Give the selected product more presence without changing the selector. */
@media(min-width:768px){
 .hero-studio-leaves .hero-cup-stage>img{width:104%;left:-2%;bottom:calc(24% - 9.8cqw)}
 .hero-studio-leaves .hero-featured-link{width:104%;left:-2%;bottom:calc(24% - 9.8cqw)}
 .hero-studio-leaves .hero-main-podium{left:0;right:0;height:9%;bottom:16%}
}
@media(max-width:767px){
 .hero-studio-leaves .hero-cup-stage>img{width:88%;left:6%;bottom:calc(24% - 8.3cqw)}
 .hero-studio-leaves .hero-featured-link{width:88%;left:6%;bottom:calc(24% - 8.3cqw)}
 .hero-studio-leaves .hero-main-podium{left:3%;right:3%;height:9%;bottom:16%}
}
/* Optical base alignment: each approved cutout is centred by its visible foot,
   not its transparent canvas. Keep the rotation origin fixed during hover. */
.hero-studio-leaves img[data-cup-design="0"]{--cup-foot:.5286;--cup-base-gap:.07501}
.hero-studio-leaves img[data-cup-design="1"]{--cup-foot:.5238;--cup-base-gap:.07709}
.hero-studio-leaves img[data-cup-design="2"]{--cup-foot:.5162;--cup-base-gap:.07674}
.hero-studio-leaves img[data-cup-design="3"]{--cup-foot:.5352;--cup-base-gap:.07570}
.hero-studio-leaves .hero-cup-select img,
.hero-studio-leaves .hero-cup-stage>img{
 --cup-size:60cqw;--cup-contact:18%;
 width:var(--cup-size);height:auto;left:calc(50% - var(--cup-size) * var(--cup-foot));
 bottom:calc(var(--cup-contact) - var(--cup-size) * 1.25 * var(--cup-base-gap));
 transform-origin:50% 50%;
}
.hero-studio-leaves .hero-cup-stage>img{--cup-size:118cqw;--cup-contact:24%}
.hero-studio-leaves .hero-featured-link{left:-9%;width:118%;bottom:calc(24% - 11.3cqw)}
.hero-studio-leaves .hero-main-podium{left:-2%;right:-2%;height:9%;bottom:16%}
@media(min-width:1024px){
 .homepage-hero[data-current="2"] .hero-artwork{width:53vw;max-width:53vw}
 .homepage-hero .hero-studio-leaves[data-artwork="2"]{max-width:33.32vw}
 .hero-studio-leaves .hero-cup-stage{left:-54%;width:50%;top:6%;bottom:6%}
}
@media(min-width:768px) and (max-width:1023px){
 .hero-studio-leaves .hero-cup-stage>img{--cup-size:100cqw}
 .hero-studio-leaves .hero-featured-link{left:0;width:100%;bottom:calc(24% - 9.6cqw)}
}
@media(max-width:767px){
 .hero-studio-leaves .hero-cup-select img{--cup-size:57cqw}
 .hero-studio-leaves .hero-cup-stage>img{--cup-size:88cqw}
 .hero-studio-leaves .hero-featured-link{left:6%;width:88%;bottom:calc(24% - 8.3cqw)}
 .hero-studio-leaves .hero-main-podium{left:3%;right:3%}
}
/* One desktop leaf geometry for manufacturing and custom packaging. */
@media(min-width:768px){
 .homepage-hero{--shared-leaf-height:100cqh;--shared-leaf-width:105cqh}
 .homepage-hero[data-current="0"] .hero-artwork{height:var(--shared-leaf-height);width:var(--shared-leaf-width);max-width:none;aspect-ratio:auto}
 .homepage-hero .hero-studio-leaves[data-artwork="2"]{width:var(--shared-leaf-width);height:var(--shared-leaf-height);max-width:none;aspect-ratio:auto;gap:12px;top:0;right:0;bottom:auto;left:auto}
 .homepage-hero .hero-leaf-layer[data-artwork="0"] .hero-leaf:nth-child(1),
 .homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(1){width:76%;height:84%;align-self:end;justify-self:end;border-radius:0 50% 0 50%}
 .homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(2){border-radius:50% 0 50% 0}
 .homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(3){border-radius:50% 0 50% 0}
 .homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(4){border-radius:0 50% 0 50%}
}
/* Keep the entire featured display inside the artboard after matching leaf sizes. */
@media(min-width:1024px){
 .hero-studio-leaves .hero-cup-stage{left:-43%;width:42%;top:6%;bottom:6%}
}
/* Keep the complete featured cup visible and clear of the text column. */
@media(min-width:1024px){
 .homepage-hero[data-current="2"] .hero-artwork{overflow:visible}
 .hero-studio-leaves .hero-cup-stage{left:-39%;width:38%}
}

/* Keep the overlapping brand outline behind the lower-left product, at rest
   and throughout cup swaps. The leaf background keeps its existing paint order. */
.homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(3){isolation:auto}
.homepage-hero .hero-studio-leaves[data-artwork="2"] .hero-leaf:nth-child(3) .hero-cup-select{z-index:4}