/* Wide banner treatment */
@media (min-width:768px){
  .hero{display:block;isolation:isolate;padding:124px 48px 18px;background:#f4f1eb}
  .hero-art{position:absolute;inset:0;z-index:-1;height:100%;width:100%}
  .hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,244,239,.76) 0%,rgba(246,244,239,.52) 34%,rgba(246,244,239,.08) 60%,rgba(246,244,239,0) 100%)}
  .hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:grayscale(100%) contrast(1.18)!important}
  .hero-copy{width:min(43%,650px);height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem;color:#080808;text-shadow:0 1px 14px rgba(255,255,255,.38)}
  .hero-copy,.scroll-cue{position:relative;z-index:1}
  .hero-number{z-index:2;right:3rem}
}
@media (max-width:767px){
  .hero-image{object-fit:cover;object-position:67% center;mix-blend-mode:normal;filter:grayscale(1) contrast(1.08)}
}
.mark{width:48px;height:42px;display:flex;align-items:center;justify-content:flex-start}
.mark img{width:48px;height:42px;display:block;object-fit:contain;object-position:left center}