/* IMPROCOSME V57.0.7 — ONLINE LANDING PARITY LOCK
   Visual geometry is aligned to the current ONLINE landing reference supplied by the user.
   Content/routing remain V57.0.6/V57.0.2. */

.landing-right-online-reference{
  display:block!important; width:100%!important; height:100%!important;
  object-fit:fill!important; object-position:center!important; max-width:none!important; max-height:none!important;
}

/* SEO/details must share the same content frame as the hero. */
.landing-main > .landing-seo-details{
  width:100%!important; max-width:none!important;
}

@media (min-width:1025px){
  .landing-main{padding:44px 0 46px!important;}
  .landing-hero.landing-v56-8{
    border-radius:8px!important;
    box-shadow:0 18px 46px rgba(24,39,36,.12)!important;
  }
  .landing-v56-8 .landing-intro{border-radius:8px 0 0 8px!important;}
  .landing-v13-copy{
    width:500px!important; max-width:calc(100% - 80px)!important;
    left:50%!important; top:106px!important; transform:translateX(-50%)!important;
  }
  .landing-v56-8 .landing-eyebrow{
    margin:0 0 14px!important; font-size:11px!important; line-height:1.2!important;
  }
  .landing-v56-8 h1{
    max-width:500px!important; margin:0 0 108px!important;
    font-size:66px!important; line-height:1.01!important;
  }
  .landing-v56-8 .landing-actions{
    top:43.6%!important; width:90.5%!important; gap:10px!important;
  }
  .landing-v56-8 .landing-choice{
    min-height:62px!important; padding:12px 15px!important;
  }
  .landing-v56-8 .landing-fact dt{margin:0 0 4px!important;}
  .landing-v56-8 .landing-fact dd{line-height:1.38!important;}
  .landing-v56-8 .landing-lead{
    font-size:19px!important; line-height:1.55!important;
  }
  .landing-v56-8 .landing-right-original{
    border-radius:0 8px 8px 0!important;
  }
}

@media (max-width:1024px){
  .landing-hero.landing-v56-8{border-radius:8px!important;}
  .landing-v56-8 .landing-intro{border-radius:8px 8px 0 0!important;}
  .landing-v56-8 h1{
    font-size:clamp(36px,10.9vw,49px)!important;
    line-height:1.02!important; margin-bottom:28px!important;
  }
  .landing-v56-8 .landing-actions{gap:10px!important; margin-bottom:18px!important;}
  .landing-v56-8 .landing-choice{min-height:55px!important; padding:12px 15px!important;}
  .landing-v56-8 .landing-fact{padding:10px 0 11px!important;}
  .landing-v56-8 .landing-fact dd{font-size:14px!important; line-height:1.38!important;}
  .landing-v56-8 .landing-lead{font-size:16px!important; line-height:1.55!important;}
  .landing-v56-8 .landing-right-original{
    aspect-ratio:931/1178!important; height:auto!important; min-height:0!important;
    border-radius:0 0 8px 8px!important;
  }
}

/* Match ONLINE frame widths: 24px side margin above phone breakpoint, 16px on phone. */
@media (min-width:561px) and (max-width:1024px){
  .landing-nav,.landing-main,.landing-footer{
    width:min(var(--landing-max),calc(100% - 48px))!important;
  }
}
@media (max-width:560px){
  .landing-nav,.landing-main,.landing-footer{width:calc(100% - 32px)!important;}
  .landing-main{padding:24px 0 34px!important;}
  .landing-v56-8 .landing-intro{padding:30px 22px 27px!important;}
}