body.at-home #app{overflow-anchor:none}
/* Homepage-only shared product stage. Normal document flow is the default fallback. */
.product-exchange{overflow-anchor:none;position:relative;background:#fff;color:var(--yc-light-text);isolation:isolate}
.product-exchange-stage{position:relative;background:#fff}
.product-exchange .product-world,.product-exchange .featured-products{background:#fff}
.product-exchange .category-tile{will-change:auto}
.product-exchange .category-tile-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.product-exchange .category-tile[data-video-visible] .category-tile-image video{opacity:1}
.product-exchange .category-tile[data-video-visible] .category-tile-image img{opacity:0}
.product-exchange .category-tile[data-motion-sample] .category-tile-image img,.product-exchange .category-tile[data-motion-sample] .category-tile-image video{object-position:center!important;transform:none!important}
.product-exchange[data-mode=desktop]{height:calc(var(--exchange-height) + var(--exchange-travel))}
.product-exchange[data-mode=desktop] .product-exchange-stage{position:sticky;top:64px;height:var(--exchange-height);overflow:hidden;overflow:clip}
.product-exchange[data-mode=desktop] .product-world,.product-exchange[data-mode=desktop] .featured-products{position:absolute;inset:0 0 auto;width:100%;max-width:none;margin:0;padding:32px 0}
.product-exchange[data-mode=desktop] .featured-products>.section-head,.product-exchange[data-mode=desktop] .featured-products>.grid{width:85%;max-width:var(--yc-content-max);margin-left:auto;margin-right:auto}
.product-exchange[data-mode=desktop] .featured-products>.section-head{margin-bottom:44px}
.product-exchange[data-mode=desktop] .featured-products{z-index:1;opacity:var(--recommend-opacity,0)}
.product-exchange[data-mode=desktop] .product-world{padding-top:64px;z-index:2;background:transparent;pointer-events:none}
.product-exchange[data-mode=desktop] .product-world .section-head{margin-bottom:32px;opacity:var(--category-title-opacity,1)}
.product-exchange[data-mode=desktop] .product-world a{pointer-events:auto}
.product-exchange[data-mode=desktop] .product-world[inert] a{pointer-events:none}
.product-exchange[data-mode=desktop] .category-tile{transform:translate3d(var(--exit-x,0px),var(--exit-y,0px),0) scale(var(--exit-scale,1));opacity:var(--exit-opacity,1);transition:none!important}
.product-exchange[data-mode=desktop] .category-tile-image img{transition:transform 400ms ease}
.product-exchange[data-mode=mobile] .product-world{overflow:hidden;overflow:clip}
.product-exchange[data-mode=mobile] .category-tile{transform:translate3d(var(--exit-x,0px),0,0);opacity:var(--exit-opacity,1);transition:none!important}
body.at-home .partner-section{padding-top:clamp(44px,4.5vw,72px);padding-bottom:clamp(44px,4.5vw,72px);background:#fff}
body.at-home .partner-wall{background:#fff}
body.at-home .editorial{background:#f8fafc}
@media(prefers-reduced-motion:reduce){.product-exchange .category-tile{transform:none!important;opacity:1!important}.product-exchange .category-tile-image video{display:none!important}.product-exchange .category-tile-image img{opacity:1!important}}
/* The map darkens continuously with its expansion; entry tone remains local and unchanged. */
.enterprise-scene-shell[data-enterprise-tone] .enterprise-scene-stage,.enterprise-scene-shell[data-enterprise-tone] .enterprise-section{background:color-mix(in srgb,var(--enterprise-tone-bg),#0e1230 calc(var(--map-dark-progress,0)*100%))}
.enterprise-desktop .connection-map{background:color-mix(in srgb,#fff,#0e1230 calc(var(--map-dark-progress,0)*100%));--map-heading-color:var(--enterprise-tone-fg);--map-sub-color:var(--enterprise-tone-muted);--map-accent-color:var(--enterprise-tone-accent);color:var(--map-heading-color)}
.enterprise-desktop .connection-map-heading h2,.enterprise-desktop .connection-regions button{color:var(--map-heading-color)}
.enterprise-desktop .connection-map-heading p,.enterprise-desktop .connection-map-nav button,.enterprise-desktop .connection-regions button span,.enterprise-desktop .connection-map-foot p{color:var(--map-sub-color)}
.enterprise-desktop .connection-map-heading strong,.enterprise-desktop .connection-map-foot a,.enterprise-desktop .connection-regions button:hover b,.enterprise-desktop .connection-regions button:focus-visible b{color:var(--map-accent-color)}
.enterprise-desktop .connection-regions button{border-color:rgb(194 217 242 / .32)}
.enterprise-desktop .connection-map .route{stroke:#28a9ff;stroke-opacity:1}
.enterprise-desktop .connection-map.has-region-focus .route.is-highlighted{stroke:#28a9ff!important;stroke-opacity:1}
.enterprise-scene-shell.is-measuring .enterprise-panel{transition:none!important}


/* Keep the five-entry stage within typical laptop viewports before measuring. */
@media(min-width:1024px) and (min-height:544px){
 .product-exchange .category-mosaic{height:clamp(300px,calc(100svh - 294px),480px);grid-template-rows:repeat(2,minmax(0,1fr))}
 .product-exchange .category-tile{aspect-ratio:auto;min-height:0}
 .product-exchange .featured-products .card img{height:clamp(110px,19vh,190px);object-fit:contain}
 .product-exchange .featured-products .body{padding:16px}
}

/* Retire categories first, then lift recommendations to the viewport centre. */
.product-exchange[data-mode=desktop] .featured-products{top:50%;transform:translateY(calc(-50% + var(--recommend-y,110px)));transition:none}

/* Approved subtle surfaces: recommendations and the product pages. */
body.at-home .product-exchange-stage{background:var(--yc-light-subtle,#f5f6f7)}
body.at-home .product-exchange .featured-products{background:var(--yc-light-subtle,#f5f6f7)}
body.at-home .product-exchange[data-mode=desktop] .featured-products{background:transparent}
body.at-home .featured-products .card{background:var(--yc-light-surface,#fff)}
#app[data-section="products"],#app[data-section="product"],
#app[data-section="products"] .reference-shelf,
#app[data-section="product"] .product-detail-hero,
#app[data-section="product"] .product-details{background:var(--yc-light-subtle,#f5f6f7)}
#app[data-section="products"] .card,#app[data-section="product"] .card{background:var(--yc-light-surface,#fff)}
body.at-home .product-exchange[data-mode=desktop] .product-exchange-stage{background:color-mix(in srgb,#fff,var(--yc-light-subtle,#f5f6f7) calc(var(--recommend-opacity,0) * 100%))}

.product-exchange:not([data-mode=desktop]) .product-world{padding-top:64px}
.product-exchange:not([data-mode=desktop]) .featured-products{padding-top:40px;padding-bottom:40px}

/* Business entrances use immersive imagery; recommendations expose individual models. */
body.at-home .featured-products .recommended-card{background:#fff;box-shadow:none;border:0;border-radius:12px;overflow:hidden}
body.at-home .featured-products .recommended-cover{aspect-ratio:4/3;overflow:hidden;background:#fff}
body.at-home .featured-products .recommended-cover img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .35s ease}
body.at-home .featured-products .recommended-card .body{padding:18px 20px 22px}
body.at-home .featured-products .recommended-model{display:block;color:var(--yc-light-primary);font-size:12px;line-height:18px;margin-bottom:8px;letter-spacing:.03em}
body.at-home .featured-products .recommended-card h3{margin:0 0 10px;font-size:18px;line-height:27px}
body.at-home .featured-products .recommended-specs{font-size:14px;line-height:22px;color:var(--yc-light-secondary);margin:0}
@media(hover:hover){body.at-home .featured-products .recommended-card:hover .recommended-cover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){body.at-home .featured-products .recommended-cover img{transition:none}}

.product-exchange[data-mode=desktop] .featured-products>.grid{opacity:var(--recommend-grid-opacity,0)}
/* Bright, neutral product entrances: apply the same grade to clips and posters. */
body.at-home #app .product-world .category-tile{background:#f7f9fb;--category-grade:brightness(1.055) contrast(1.025) saturate(1.08)}
body.at-home #app .product-world .category-tile[data-category="3"]{--category-grade:brightness(1.075) contrast(1.03) saturate(1.04)}
body.at-home #app .product-world .category-tile[data-category="4"]{--category-grade:brightness(1.045) contrast(1.06) saturate(1.25)}
body.at-home #app .product-world .category-tile[data-category="5"]{--category-grade:brightness(1.055) contrast(1.035) saturate(1.06)}
body.at-home #app .product-world .category-tile-image img,
body.at-home #app .product-world .category-tile-image video{filter:var(--category-grade)}
body.at-home #app .product-world .category-tile-label{padding-top:42px;background:linear-gradient(0deg,rgba(255,255,255,.85),rgba(255,255,255,.4) 48%,rgba(255,255,255,0));color:#172c43}
@media(max-width:767px){body.at-home #app .product-world .category-tile-label{padding-top:32px}}
