/* Homepage visual integration refresh */
.hero-art{
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:22px;
}
.hero-art img{
  width:100%;
  max-width:720px;
  margin:0 auto;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:none;
}
.hero-card{
  position:relative;
  right:auto;
  bottom:auto;
  min-width:0;
  width:100%;
  margin:0;
  padding:2px 0 2px 20px;
  background:transparent;
  border:0;
  border-left:3px solid var(--red);
  box-shadow:none;
}
.hero-card .kicker{
  color:var(--red);
  margin-bottom:6px;
  letter-spacing:.14em;
}
.hero-card strong{
  font-size:clamp(1.55rem,2.2vw,2.15rem);
}
.service-card{
  overflow:hidden;
}
.service-card .service-art{
  width:calc(100% + 84px);
  max-width:none;
  height:auto;
  max-height:280px;
  margin:26px -42px 0;
  object-fit:contain;
  object-position:center bottom;
  border:0;
  filter:none;
  background:transparent;
}
@media (max-width:680px){
  .service-card .service-art{
    width:calc(100% + 56px);
    margin-left:-28px;
    margin-right:-28px;
  }
  .hero-card{padding-left:16px}
}

/* Line drawings sit inside the card, not bled over its padding */
.service-card .service-art{
  width:calc(100% + 84px);
  margin:30px -42px -14px;
  max-height:none;
  object-fit:contain;
}
@media (max-width:680px){
  .service-card .service-art{width:calc(100% + 56px);margin-left:-28px;margin-right:-28px}
}
