/* Original light design: only banner image placement and edge blending. */
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro) {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#f1f6fc!important;
  border:0!important
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro)::before,
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro)::after {
  content:none!important;
  display:none!important
}
html body .page-banner-art {
  position:absolute!important;
  inset:0 auto 0 7%!important;
  width:80%!important;
  height:100%!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:.9;
  pointer-events:none;
  z-index:0!important;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 39%,transparent 76%),linear-gradient(to bottom,transparent,#000 19%,#000 76%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 16%,#000 39%,transparent 76%),linear-gradient(to bottom,transparent,#000 19%,#000 76%,transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect
}
html body :is(.catalog-hero,.board-hero,.branch-hero,.faq-hero,.coop-hero,.news-hero,.contact-intro)>.container {
  position:relative;
  z-index:2
}
html body #hero>.page-banner-art {
  display:none!important
}
html body #nav button.artamehr-menu-toggle {
  border:0;
  background:transparent;
  appearance:none;
  font:inherit;
  cursor:pointer;
  text-align:right
}
html body #nav .artamehr-dropdown.is-open>.artamehr-submenu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
html body #nav .artamehr-submenu a[aria-current="page"] {
  background:#edf2fa;
  color:#172e5c!important;
  font-weight:bold
}
@media(max-width:991px) {
  html body .page-banner-art {
    left:3%!important;
    width:94%!important;
    opacity:.65
  }
}
@media(max-width:767px) {
  html body .page-banner-art {
    left:-12%!important;
    width:135%!important;
    opacity:.22
  }
}
html body .artamehr-white-wordmark {
  display:inline-block;
  position:relative
}
html body .artamehr-logo-subtitle {
  display:none!important
}
html body .artamehr-white-wordmark>img:first-child {
  filter:none!important
}
:root {
  color-scheme:light;
  --banner-tint:#ffffff11
}
/* Remove the homepage wordmark underline in light mode. */
html body #hero .htitle .hero-company-name::before {
  content:none!important;
  display:none!important
}