body .oh-home-hero .oh-accent{color:var(--brand-hanko)}
/* Mobile keeps a separate text card and uses the same panoramic team photo. */
body .oh-home-highlights .oh-icon{background:var(--brand-unbleached);color:var(--brand-hanko)}
body .oh-home-highlights .oh-icon-number{display:none}
body .oh-home-highlights .oh-icon svg{display:block}

@container(min-width:1101px){
 body .oh-home-hero{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(0,440px) 1fr;
  align-items:center;
  min-height:580px;
  padding:48px 4%;
  overflow:hidden;
 }
 body .oh-home-hero .oh-team-photo{
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%;
  border-radius:inherit;
 }
 body .oh-home-hero .oh-card{
  --text:#070812;
  --muted:#555863;
  --accent-text:#D20700;
  --focus:#070812;
  color:var(--text);
  background:rgba(255,255,255,.88);
  border-color:rgba(255,255,255,.7);
  box-shadow:0 12px 32px #0708121A;
 }
 body .oh-home-highlights .oh-icon{
  width:60px;
  height:60px;
  background:var(--brand-unbleached);
  color:var(--brand-hanko);
 }
 body .oh-home-highlights .oh-icon-number{display:none}
 body .oh-home-highlights .oh-icon svg{display:block}
}

/* Mobile: align the photo and text card with the cards below in both themes. */
@container(max-width:1100px){
 body .oh-home-hero{padding:0;background:none}
}