/* BLUA 2026-11-05 mobile-only hero refinement. Desktop production design unchanged. */
@media screen and (max-width:700px){
  .company-home .masthead{background-image:none!important;background-color:#f7f7f4;position:relative;isolation:isolate}
  .company-home .masthead>.header{height:72px!important;min-height:72px;background:#f7f7f4;position:relative;z-index:12}
  .company-home .masthead>.header .logo,.retail-page>.header .logo{width:112px!important;height:52px!important;object-fit:contain}
  .company-home .masthead>.header .menu,.retail-page>.header .menu{font-size:13px;padding:7px 14px;min-height:42px}
  .company-home .masthead::before{content:"";display:block;position:absolute;top:72px;left:0;width:100%;height:clamp(235px,67vw,320px);z-index:0;background-image:url('/assets/157a3f061ec8425b.png');background-size:cover;background-position:70% 39%;background-repeat:no-repeat}
  .company-home .masthead .hero{min-height:0!important;padding:calc(clamp(235px,67vw,320px) + 34px) 0 55px!important;background:transparent!important;display:block}
  .company-home .masthead .hero::before{display:none!important}
  .company-home .hero .wrap{width:min(88%,560px);position:relative;z-index:1}
  .company-home .hero .eyebrow{font-size:11px!important;letter-spacing:.14em;line-height:1.55;margin-bottom:21px!important}
  .company-home .hero h1{font-size:clamp(39px,10.2vw,50px)!important;line-height:1.08!important;max-width:100%!important;letter-spacing:-.045em!important;margin:0!important}
  .company-home .hero p{font-size:15px!important;line-height:1.75!important;max-width:420px!important;margin:23px 0 27px!important}
  .company-home .hero .button{min-height:46px;padding:11px 21px;font-size:14px}
  .company-home .hero .side-note{display:none!important}
  .company-home .header .nav.open{top:70px;z-index:50}
  .retail-page>.header{height:72px!important;min-height:72px;background:#f7f7f4;position:relative;z-index:12}
  .retail-page>.header .nav.open{top:70px;z-index:50}
  .retail-page .business-bar>.wrap{min-height:45px}
  .retail-page .retail-intro{min-height:0!important;padding:41px 0 0!important;display:block!important;background:#f7f7f4!important;position:relative}
  .retail-page .retail-intro>.wrap{width:88%;max-width:560px}
  .retail-page .retail-intro .eyebrow{font-size:12px!important;line-height:1.45;margin-bottom:20px!important;color:#536669}
  .retail-page .retail-intro h1{font-size:clamp(38px,9.6vw,46px)!important;line-height:1.12!important;letter-spacing:-.04em!important;max-width:100%!important;overflow-wrap:normal}
  .retail-page .retail-intro .intro-copy{font-size:15px!important;line-height:1.75!important;max-width:450px!important;margin-top:23px!important}
  .retail-page .retail-intro .desktop-break{display:none}
  .retail-page .retail-intro .text-link{margin-top:18px!important;min-height:44px}
  .retail-page .retail-intro::after{content:"";display:block;height:clamp(255px,69vw,355px);width:100%;margin-top:31px;background-image:url('/assets/retail-moment-right-door-20261106.webp');background-repeat:no-repeat;background-size:cover;background-position:65% center}
  .retail-page .retail-intro .atmosphere-note{font-size:10px;bottom:12px;left:6%;right:auto;color:#fff;text-shadow:0 1px 6px #193837}
  .retail-page .solution-section{padding-top:57px!important}
  .retail-page .section-intro h2{font-size:clamp(32px,8.5vw,42px)!important;line-height:1.17}
}
@media screen and (max-width:370px){
  .company-home .masthead::before{height:240px}.company-home .masthead .hero{padding-top:274px!important}
  .company-home .hero h1{font-size:38px!important}
  .retail-page .retail-intro h1{font-size:36px!important}
}

/* 2026-11-05 Safari mobile layout correction: remove offset image pseudo-layer and edge gaps. */
@media screen and (max-width:700px){
  .company-home .masthead{display:block!important;min-height:0!important;overflow:visible!important;background:#f7f7f4!important;}
  .company-home .masthead>.header{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:0 6%!important;height:70px!important;min-height:70px!important;flex:initial!important;display:flex!important;background:#f7f7f4!important;}
  .company-home .masthead::before{display:block!important;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;width:100%!important;height:clamp(220px,65vw,290px)!important;z-index:auto!important;background-size:cover!important;background-position:70% 40%!important;}
  .company-home .masthead .hero{padding:34px 0 52px!important;min-height:0!important;margin:0!important;flex:none!important;display:block!important;position:relative!important;background:#f7f7f4!important;}
  .company-home .masthead .hero .wrap{width:88%!important;max-width:560px!important;margin:0 auto!important;}
  .company-home .hero h1{font-size:clamp(34px,9.25vw,43px)!important;line-height:1.11!important;letter-spacing:-.045em!important;}
  .company-home .hero .eyebrow{font-size:11px!important;letter-spacing:.13em!important;}
  .company-home .hero p{font-size:15px!important;line-height:1.68!important;}
  .company-home .masthead>.header .logo{width:104px!important;height:auto!important;max-height:43px!important;object-fit:contain!important;}
  .company-home .masthead>.header .menu{font-size:13px!important;min-height:39px!important;}
  .company-home .masthead .header .nav.open{top:69px!important;left:6%!important;right:6%!important;}
  .retail-page>.header{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding-left:6%!important;padding-right:6%!important;margin:0!important;}
}

/* R2: an explicit image after navigation replaces the before-header pseudo-element. */
.mobile-hero-image{display:none}
@media screen and (max-width:700px){
 .company-home .masthead::before{display:none!important;content:none!important}
 .company-home .mobile-hero-image{display:block;width:100%;height:clamp(220px,60vw,258px);background:url('/assets/157a3f061ec8425b.png') 70% 40%/cover no-repeat}
 .company-home .masthead>.header{height:72px!important;min-height:72px!important}
 .company-home .masthead>.header .logo{width:112px!important;height:52px!important;max-height:none!important}
 .company-home .masthead>.header .menu{min-height:42px!important}
 .company-home .masthead .hero{padding:27px 0 36px!important}
 .company-home .hero .eyebrow{margin-bottom:16px!important}
 .company-home .hero h1{font-size:clamp(34px,9.25vw,40px)!important;line-height:1.08!important}
 .company-home .hero p{margin:18px 0 22px!important;line-height:1.6!important}
 .company-home .header .nav.open,.retail-page>.header .nav.open{top:100%!important}
}