/* Statistics overlay the animated canvas; only their backdrops are blurred. */
body.ref-home-page #hero .hero-right>.hero-stats{position:absolute;inset:auto 0 0;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0}
body.ref-home-page #hero .hero-stat{min-width:0;background:rgba(255,255,255,.88);border-top:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
body.ref-home-page #hero .hero-stat:not(:last-child){border-right:1px solid rgba(255,255,255,.5)}
body.ref-home-page #hero .hero-stat-lbl{color:#31353b!important}
body.ref-home-page #hero .hero-3d-start{bottom:88px}
@supports ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))){
  body.ref-home-page #hero .hero-stat{background:rgba(255,255,255,.56);-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%)}
}
@media(max-width:700px){body.ref-home-page #hero .hero-3d-start{bottom:72px}}
@media(prefers-reduced-transparency:reduce){body.ref-home-page #hero .hero-stat{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
body.ref-home-page #hero :is(#heroModel,.hero-poster){transform:translateY(-8px) scale(.9);transform-origin:50% 50%}
/* Keep the callback label on one line within the compact mobile CTA grid. */
body.ref-home-page #hero .hero-ctas [data-call-open]{white-space:nowrap!important;padding-inline:10px!important}
@media(max-width:700px){
  body.ref-home-page #hero .hero-right{height:clamp(234px,32.5svh,299px);min-height:0;flex-basis:clamp(234px,32.5svh,299px)}
  /* The mobile renderer scales with panel height; compensate for the extra 30%. */
  body.ref-home-page #hero #heroModel{transform:translateY(-8px) scale(.6923076923)}
}
@media(max-width:390px){body.ref-home-page #hero .hero-right{height:clamp(208px,28.6svh,247px);flex-basis:clamp(208px,28.6svh,247px)}}