/* Artwork is part of the page, without a second panel or clipping frame. */
body.j3-page :is(.j3-hero-art,.j3-feature-art,.prd-img,.fcat-img,.img-ph,.img-ph-clip,.results-showcase,.j3-leak-scene):has(img[src*="/illustrations/"]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
body.j3-page img[src*="/illustrations/"]{background:transparent!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important}
body.j3-page :is(.j3-hero-art,.j3-feature-art,.prd-img,.fcat-img,.img-ph,.img-ph-clip):has(img[src*="/illustrations/"])::before,
body.j3-page :is(.j3-hero-art,.j3-feature-art,.prd-img,.fcat-img,.img-ph,.img-ph-clip):has(img[src*="/illustrations/"])::after{content:none!important}
body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img{max-width:560px}
body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img img{max-height:none}

/* Balance adjacent content and artwork without stretching or clipping the scenes. */
body.j3-page .results-media-card:has(img[src*="/illustrations/"]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
body.j3-page .results-media-card img[src*="/illustrations/"]{display:block;height:auto;max-height:none}
@media(min-width:1201px){
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index{row-gap:20px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index > .fcat-item{padding-top:14px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index > .fcat-item::before{margin-bottom:8px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index .fcat-item-title{margin-bottom:8px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index .fcat-item-desc{line-height:1.65}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story) .j3-section-frame > .fcat-img{width:calc(100% + clamp(16px,calc((100vw - 1100px)*.18),56px));max-width:660px}
  body.j3-page .j3-feature-story[data-feature-count="4"] .j3-section-frame > .fcat-img{width:100%;max-width:520px}
  body.j3-page #results .results-media-col{max-width:440px}
  body.j3-page[data-j3-page="home-page"] #esim-intro .j3-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img{max-width:none;width:100%}
  body.j3-page[data-j3-page="investors"] .j3-hero-art{width:calc(100% + 40px);max-width:none;justify-self:center}
}
/* Stack before either column becomes too narrow; keep the artwork at a useful size. */
@media(min-width:761px) and (max-width:1200px){
  body.j3-page .j3-feature-story > .j3-section-frame{grid-template-columns:1fr;gap:32px}
  body.j3-page .j3-feature-story .j3-section-frame > :is(.fcat-img,.prd-img){grid-column:1;grid-row:2;max-width:640px;width:100%}
  body.j3-page .j3-feature-story .j3-section-content{grid-column:1;grid-row:3}
}