/* The poster reserves the exact composition while the live vector viewer loads. */
.approach-hero-studio[data-studio-viewer] {position:relative}
.approach-hero-studio__fallback {display:block}
.approach-hero-studio__live {position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;visibility:hidden}
.approach-hero-studio[data-ready]>.approach-hero-studio__fallback {visibility:hidden}
.approach-hero-studio[data-ready]>.approach-hero-studio__live {opacity:1;pointer-events:auto;visibility:visible}

/* Cast the broad lift on the host page, outside the iframe clipping boundary.
   Bounds match the authored 1320x600 and 320x585 browser frames. */
.approach-hero-studio[data-studio-viewer] {isolation:isolate;clip-path:inset(-240px -240px 0 -240px)}
.approach-hero-studio[data-studio-viewer]::before {
 content:"";position:absolute;z-index:-1;pointer-events:none;
 left:4.242424%;top:4%;width:93.939394%;height:93.333333%;
 border-radius:clamp(12px,1.16vw,24px);
 box-shadow:0 44px 140px -18px rgb(24 24 27 / .12),0 14px 48px -16px rgb(24 24 27 / .08);
}
@media(max-width:720px) {
 .approach-hero-studio[data-studio-viewer]::before {
  left:5%;top:2.735043%;width:130%;height:111.111111%;border-radius:14px;
  box-shadow:0 30px 88px -16px rgb(24 24 27 / .11),0 10px 32px -12px rgb(24 24 27 / .07);
 }
}