/* v150: Homepage hero composition on phones — content cards left, portrait right.
   Loaded after the original Framer, mobile artwork, and sitewide responsive CSS. */
@media (max-width: 767px) {
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 {
  position:relative!important; display:block!important; isolation:isolate!important;
  width:100%!important; max-width:460px!important; height:475px!important;
  min-height:0!important; margin:20px auto 8px!important;
  overflow:hidden!important; padding:0!important; box-sizing:border-box!important;
 }
 /* The decorative rings stay behind the image, rather than overlapping the cards. */
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 > :is(.framer-12rsewb,.framer-cptuna) {
  left:49%!important; right:0!important; top:18%!important;
  width:51%!important; height:60%!important; opacity:.24!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 .framer-1ixxlpv {
  position:absolute!important; z-index:1!important;
  left:auto!important; right:0!important; top:auto!important; bottom:0!important;
  width:52%!important; max-width:none!important; height:88%!important;
  min-height:0!important; margin:0!important; transform:none!important;
  display:flex!important; align-items:flex-end!important; justify-content:flex-end!important;
  overflow:hidden!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-1ixxlpv [data-framer-background-image-wrapper] {
  width:100%!important; height:100%!important; inset:0!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-1ixxlpv img {
  width:100%!important; height:100%!important; object-fit:contain!important;
  object-position:right bottom!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 > :is(.framer-2tymdc,.framer-dgrhzh,.framer-ayeqck,.framer-1mlaead,.framer-1yhb5ft,.framer-ifqd6m,.cs-home-uiux-card) {
  position:absolute!important; z-index:4!important; box-sizing:border-box!important;
  left:2%!important; right:auto!important; bottom:auto!important;
  width:45%!important; max-width:180px!important; min-width:0!important;
  height:auto!important; min-height:0!important; padding:8px 10px!important;
  border-radius:12px!important; gap:3px!important; margin:0!important;
  display:flex!important; flex-direction:column!important; align-items:flex-start!important;
  text-align:left!important; transform:none!important; animation:none!important;
  overflow:hidden!important; white-space:normal!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 > :is(.framer-2tymdc,.framer-dgrhzh,.framer-ayeqck,.framer-1mlaead,.framer-1yhb5ft,.framer-ifqd6m,.cs-home-uiux-card) :is(.framer-text,p,span,h3,strong) {
  text-align:left!important; word-break:normal!important; overflow-wrap:anywhere!important;
  font-size:clamp(9px,2.45vw,11px)!important; line-height:1.2!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 > :is(.framer-2tymdc,.framer-dgrhzh,.framer-ayeqck,.framer-1mlaead,.framer-1yhb5ft,.framer-ifqd6m,.cs-home-uiux-card) :is(svg,img) {
  width:auto!important; max-width:20px!important; height:auto!important; max-height:20px!important;
 }
 body.home .cs-home-v11 .framer-exact-header-hero .framer-2tymdc {top:1%!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .framer-dgrhzh {top:15%!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .framer-ayeqck {top:29%!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .framer-1mlaead {top:43%!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .framer-1yhb5ft {top:57%!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .framer-ifqd6m {top:71%!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .cs-home-uiux-card {top:85%!important;}
}
@media (max-width:390px) {
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 {height:440px!important;}
 body.home .cs-home-v11 .framer-exact-header-hero .framer-rfogp2 > :is(.framer-2tymdc,.framer-dgrhzh,.framer-ayeqck,.framer-1mlaead,.framer-1yhb5ft,.framer-ifqd6m,.cs-home-uiux-card) {
  width:46%!important; padding:6px 7px!important;
 }
}