/* Full-card Energy field and a street-level Pathfinder tower. */
body[data-view=umbrella] .experience-product-energy{background:radial-gradient(ellipse at 80% 45%,#50220e32,transparent 70%),#110f0e;border-color:#69503b55}
body[data-view=umbrella] .experience-product-pathfinder{background:radial-gradient(ellipse at 87% 75%,#173c7e90,transparent 65%),linear-gradient(165deg,#080f24 35%,#031c50);border-color:#718fcd3a}
.experience-product{position:relative;overflow:hidden;isolation:isolate}
.experience-product-copy{position:relative;z-index:2}
.experience-product .product-scene{isolation:isolate;min-height:500px;overflow:hidden;align-self:stretch;border-radius:0;z-index:1}
.product-scene-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.experience-product>.product-energy-field{inset:0;border-radius:inherit;z-index:0}
.experience-product .product-scene-energy{overflow:visible;isolation:auto;background:none}
.product-scene-building,.product-scene-windows{position:absolute;inset:0 -18% -8%;width:136%;height:108%;max-width:none;object-fit:contain;object-position:center bottom;pointer-events:none}
.product-scene-building{z-index:1;filter:drop-shadow(0 10px 25px #020b24)}
.product-scene-windows{z-index:2}
.experience-product .product-scene-pathfinder{min-height:600px;overflow:visible}
.experience-product .product-scene>b{z-index:3;right:8px;bottom:8px;background:#080f2470;backdrop-filter:blur(5px)}
.experience-product-energy .product-scene>b{background:#110f0e90}
@media(max-width:1100px) and (min-width:721px){.experience-product .product-scene-pathfinder{min-height:550px}.product-scene-building,.product-scene-windows{inset:0 -30% -8%;width:160%;height:108%}}
@media(max-width:720px){.experience-product .product-scene{min-height:310px;margin-top:4px}.experience-product .product-scene-pathfinder{min-height:460px}.product-scene-building,.product-scene-windows{inset:0 -20% -2%;width:140%;height:102%}.experience-product .product-scene>b{right:0;bottom:5px}}
@media(prefers-reduced-motion:reduce){.product-scene *{animation:none!important;transition:none!important}}
/* Product and access cards use the same scene component on every central page. */
body[data-site=celsios] :is(.central-company-products>div:last-child,.central-platform-grid){display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:45px;padding:55px 60px;margin:0;border-radius:23px;min-height:540px}
body[data-site=celsios] .experience-product-copy>.central-product-lockup{height:88px;padding:0;background:transparent;border-radius:0;margin-top:0;margin-bottom:24px}
body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product .brand-logo{background:transparent;padding:0;border-radius:0;width:auto}
body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product :is(h2,h3){font-size:48px;line-height:1.08;margin:0 0 22px;color:#f7f7f0}
body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product p{font-size:13px;line-height:1.9;color:#aab2ba;max-width:45ch}
body[data-site=celsios] .product-access-card .central-platform-host{display:block;font-size:12px;color:#b4c3b1;margin:20px 0 0}
body[data-site=celsios] .central-platform-grid>.experience-product.is-selected{border-color:#9aabcc;box-shadow:0 0 45px #849dff16}
@media(max-width:1100px) and (min-width:721px){body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product{gap:30px;padding:45px 40px}body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product :is(h2,h3){font-size:42px}}
@media(max-width:720px){body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product{grid-template-columns:minmax(0,1fr);gap:15px;padding:33px 24px 25px;min-height:0;border-radius:18px}body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product :is(h2,h3){font-size:38px;line-height:1.09}body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product p{font-size:12px}body[data-site=celsios] .experience-product-copy>.central-product-lockup{height:88px;padding:0;background:transparent}}
@media(max-width:370px){body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product{padding-inline:20px}body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product :is(h2,h3){font-size:35px}}
body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product-energy{background:radial-gradient(ellipse at 80% 45%,#50220e32,transparent 70%),#110f0e;border-color:#69503b55}
body[data-site=celsios] :is(.central-company-products,.central-platform-grid) .experience-product-pathfinder{background:radial-gradient(ellipse at 87% 75%,#173c7e90,transparent 65%),linear-gradient(165deg,#080f24 35%,#031c50);border-color:#718fcd3a}
.experience-product-energy::before{content:'';position:absolute;inset:0;z-index:0;background:url('/assets/celsios-home-scenes/energy-poster.png') center/cover no-repeat;opacity:.7;pointer-events:none}
.experience-product-energy:has([data-scene-ready=true])::before{display:none}