/* LMB 7.7 - final mobile hero cascade guard. */
@media(max-width:900px){
  body.home .hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:clamp(14px,3vw,24px)!important;
    min-height:0!important;
    padding-top:clamp(32px,6vw,52px)!important;
  }
  body.home .hero-text{order:2;width:min(100%,680px);margin-inline:auto}
  body.home .hero>.hero-envelope-visual,
  body.home .hero>.hero-media{order:1}
  body.home .hero>.hero-envelope-visual{width:min(104%,720px);margin:0 auto}
  body.home .hero>.hero-media{
    width:min(100%,720px);height:auto;min-height:320px;margin:0 auto;aspect-ratio:4/3;
  }
  body.home .hero-postmarks{z-index:1}
}

@media(max-width:600px){
  body.home .hero{gap:8px!important;padding:42px 20px 58px!important}
  body.home .hero>.hero-envelope-visual{
    width:calc(100% + 34px)!important;max-width:none;margin:0 -17px -2px!important;
    transform:rotate(-.25deg);
  }
  body.home .hero>.hero-media{
    width:calc(100% + 8px);min-height:0;margin:0 -4px 12px;aspect-ratio:4/3;
  }
  body.home .hero-text{width:100%;padding-top:4px;text-align:center}
  body.home .hero .eyebrow{display:block;margin-bottom:14px;font-size:10px;line-height:1.45}
  body.home .hero h1{
    max-width:11ch;margin:0 auto 18px;font-size:clamp(40px,12.5vw,52px);line-height:.98;
  }
  body.home .hero p.lede{
    max-width:34em;margin:0 auto 25px;font-size:15px;line-height:1.62;
  }
  body.home .hero .cta-row{justify-content:center;gap:16px 18px}
  body.home .hero .btn-primary{justify-content:center}
  body.home .hero-text::after{width:max-content;max-width:100%;margin:26px auto 0}
  body.home .hero-postmarks{top:0;bottom:auto;height:52%}
  body.home .hero-postmark-one{top:12%;right:-18%;width:190px}
  body.home .hero-postmark-two{left:-13%;bottom:0;width:132px}
}

@media(max-width:380px){
  body.home .hero{padding-inline:16px!important}
  body.home .hero>.hero-envelope-visual{width:calc(100% + 24px)!important;margin-inline:-12px!important}
  body.home .hero .btn-primary{width:100%;max-width:310px}
}