body.dha-support-page .ds-hero-media img {
  object-position: 58% 50%;
}

body.dha-support-page .support-hero-all-inclusive .ds-hero-media img {
  object-position: 58% 52%;
}

body.dha-support-page .support-hero-night .ds-hero-media img {
  object-position: 62% 56%;
}

body.dha-support-page .support-hero-balanced .ds-hero-media img {
  object-position: 60% 58%;
}

body.dha-support-page .support-hero-reliable-walking .ds-hero-media img {
  object-position: 60% 54%;
}

body.dha-support-page .support-hero-personal-care .ds-hero-media img {
  object-position: 62% 48%;
}

body.dha-support-page .support-hero-app .ds-hero-media {
  background:
    radial-gradient(circle at 78% 46%, rgba(255, 208, 91, .24) 0, rgba(255, 208, 91, .08) 18rem, transparent 30rem),
    linear-gradient(125deg, #33000b 0%, #790017 56%, #3f000e 100%);
}

body.dha-support-page .support-hero-app .ds-hero-media img {
  position: absolute;
  top: 50%;
  right: clamp(3.5rem, 8vw, 10rem);
  width: min(30vw, 430px);
  height: min(78%, 760px);
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 1.6rem 2.5rem rgba(21, 0, 7, .42));
  transform: translateY(-46%);
}

body.dha-support-page .app-account-card-grid {
  grid-auto-rows: 1fr;
}

body.dha-support-page .app-account-card-grid .ds-card-visual {
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #eef2ff 0%, #f8f4fb 52%, #e9f7f4 100%);
}

body.dha-support-page .app-account-card-grid .ds-card-visual img {
  object-fit: cover;
  transform: scale(1.06);
}

body.dha-support-page .app-card-profile img {
  object-position: 50% 48%;
}

body.dha-support-page .app-card-services img {
  object-position: 50% 72%;
}

body.dha-support-page .app-card-planning img {
  object-position: 50% 59%;
}

body.dha-support-page .app-card-messages img {
  object-position: 50% 34%;
}

body.dha-support-page .meals-card-grid {
  grid-auto-rows: 1fr;
}

body.dha-support-page .meals-card-grid .ds-card-visual {
  aspect-ratio: 16 / 10;
  background: #e9e0db;
}

body.dha-support-page .meals-card-grid .ds-card-visual img {
  object-fit: cover;
  transform: none;
}

body.dha-support-page .meals-card-own-food img {
  object-position: 50% 56%;
}

body.dha-support-page .meals-card-portions img {
  object-position: 52% 54%;
}

body.dha-support-page .meals-card-special-food img {
  object-position: 50% 58%;
}

body.dha-support-page .meals-card-medication img {
  object-position: 50% 54%;
}

body.dha-support-page .mission-values-card-grid {
  grid-auto-rows: 1fr;
}

body.dha-support-page .mission-values-card-grid .ds-card-visual {
  aspect-ratio: 16 / 10;
  background: #dfe4d4;
}

body.dha-support-page .mission-values-card-grid .ds-card-visual img {
  object-fit: cover;
  transform: none;
}

body.dha-support-page .mission-card-responsibility img {
  object-position: 50% 50%;
}

body.dha-support-page .mission-card-dog-worthy img {
  object-position: 50% 52%;
}

body.dha-support-page .mission-card-boundaries img {
  object-position: 50% 42%;
}

body.dha-support-page .mission-card-transparency img {
  object-position: 58% 50%;
}

body.dha-support-page .support-hero-meals .ds-hero-media img {
  object-position: 64% 51%;
}

body.dha-support-page .support-hero-mission .ds-hero-media img {
  object-position: 36% 54%;
  transform: scaleX(-1);
}

body.dha-support-page .support-hero-content .ds-hero-media img {
  object-position: 62% 58%;
}

body.dha-support-page .support-hero-carefree .ds-hero-media img {
  object-position: 58% 52%;
}

body.dha-support-page .personal-care-card-temperament img {
  object-position: 50% 62%;
}

body.dha-support-page .personal-care-card-grid {
  grid-auto-rows: 1fr;
}

body.dha-support-page .personal-care-card-grid .ds-card-visual {
  aspect-ratio: 4 / 3;
}

body.dha-support-page .personal-care-card-grid .ds-card-visual img {
  transform: none;
}

body.dha-support-page .personal-care-swipe-hint {
  display: none;
}

body.dha-support-page .personal-care-card-condition img {
  object-position: 50% 78%;
}

body.dha-support-page .personal-care-card-routine img {
  object-position: 50% 52%;
  transform: rotate(-3deg) scale(1.075);
}

body.dha-support-page .personal-care-card-observation img {
  object-position: 50% 50%;
}

body.dha-support-page .personal-care-panorama img {
  object-position: 50% 65%;
  transform: rotate(-.65deg) scale(1.03);
}

.support-related {
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  background: var(--ds-paper);
}

.support-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.support-related-card {
  display: flex;
  min-height: 235px;
  flex-direction: column;
  padding: 1.5rem;
  border: 1px solid var(--ds-line);
  border-radius: 1rem;
  background: var(--ds-canvas);
  color: var(--ds-text);
  text-decoration: none;
  box-shadow: 0 .45rem 1.4rem rgba(47, 14, 22, .055);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.support-related-card:hover,
.support-related-card:focus-visible {
  border-color: rgba(133, 0, 25, .45);
  box-shadow: var(--ds-shadow);
  transform: translateY(-3px);
}

.support-related-card:focus-visible {
  outline: 3px solid var(--ds-yellow);
  outline-offset: 3px;
}

.support-related-card strong,
.support-related-card span,
.support-related-card em {
  display: block;
}

.support-related-card strong {
  margin-bottom: .75rem;
  color: var(--ds-ink);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.15;
}

.support-related-card span {
  color: var(--ds-muted);
}

.support-related-card em {
  margin-top: auto;
  padding-top: 1.35rem;
  color: var(--ds-red-dark);
  font-size: .9rem;
  font-style: normal;
  font-weight: 800;
}

@media (max-width: 900px) {
  .support-related-grid {
    grid-template-columns: 1fr;
  }

  .support-related-card {
    min-height: 0;
  }
}

@media (max-width: 760px) {
  body.dha-support-page .personal-care-swipe-hint {
    display: flex;
    gap: .35rem;
    align-items: center;
    justify-content: flex-end;
    margin: -.65rem 0 .7rem;
    color: var(--ds-red-dark);
    font-size: .84rem;
    font-weight: 800;
  }

  body.dha-support-page .personal-care-swipe-hint span {
    color: var(--ds-red);
    font-size: 1.15rem;
    line-height: 1;
  }

  body.dha-support-page .personal-care-card-grid {
    display: flex;
    width: auto;
    margin-right: -1rem;
    padding: .2rem 1rem 1.15rem 0;
    gap: .85rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.dha-support-page .personal-care-card-grid::-webkit-scrollbar {
    display: none;
  }

  body.dha-support-page .personal-care-card-grid .ds-card {
    flex: 0 0 min(82vw, 22rem);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  body.dha-support-page .personal-care-card-temperament img {
    object-position: 50% 62%;
  }

  body.dha-support-page .personal-care-card-condition img {
    object-position: 50% 76%;
  }

  body.dha-support-page .personal-care-card-routine img {
    object-position: 50% 50%;
  }

  body.dha-support-page .personal-care-card-observation img {
    object-position: 50% 48%;
  }

  body.dha-support-page .personal-care-panorama img {
    aspect-ratio: 4 / 3;
    object-position: 50% 58%;
  }

  body.dha-support-page .support-hero-all-inclusive .ds-hero-media img {
    object-position: 50% 46%;
    filter: brightness(1.05) saturate(1.05);
  }

  body.dha-support-page .support-hero-night .ds-hero-media img {
    object-fit: cover;
    object-position: 50% 58%;
    filter: brightness(1.42) saturate(.9) contrast(.96);
    transform: none;
  }

  body.dha-support-page .support-hero-balanced .ds-hero-media img {
    object-position: 50% 50%;
    filter: brightness(1.04) saturate(1.04);
  }

  body.dha-support-page .support-hero-reliable-walking .ds-hero-media img {
    object-position: 50% 8%;
    filter: brightness(1.06) saturate(1.05);
  }

  body.dha-support-page .support-hero-personal-care .ds-hero-media img {
    object-position: 50% 36%;
    filter: brightness(1.04) saturate(1.02);
  }

  body.dha-support-page .support-hero-app .ds-hero-media img {
    top: .4rem;
    right: auto;
    left: 50%;
    width: auto;
    max-width: 78%;
    height: 19rem;
    object-fit: contain;
    object-position: center top;
    filter: drop-shadow(0 .85rem 1.15rem rgba(21, 0, 7, .38));
    transform: translateX(-50%);
  }

  body.dha-support-page .support-hero-meals .ds-hero-media img {
    object-position: 50% 48%;
    filter: brightness(1.08) saturate(1.03);
  }

  body.dha-support-page .support-hero-mission .ds-hero-media img {
    object-position: 44% 48%;
    filter: brightness(1.05) saturate(1.04);
  }

  body.dha-support-page .support-hero-content .ds-hero-media img {
    object-position: 50% 52%;
    filter: brightness(1.06) saturate(1.02);
  }

  body.dha-support-page .support-hero-carefree .ds-hero-media img {
    object-position: 50% 46%;
    filter: brightness(1.05) saturate(1.05);
  }

  body.dha-support-page .support-hero-all-inclusive::before {
    background: linear-gradient(180deg, rgba(35,12,18,.04) 0 19rem, rgba(53,19,27,.12) 21rem, rgba(78,0,15,.56) 23rem, #4e000f 24.5rem, #4e000f 100%);
  }

  body.dha-support-page .support-hero-night::before {
    background: linear-gradient(180deg, rgba(20,10,13,0) 0 19rem, rgba(35,15,20,.06) 21rem, rgba(78,0,15,.44) 23rem, #4e000f 24.5rem, #4e000f 100%);
  }

  body.dha-support-page .support-hero-balanced::before {
    background: linear-gradient(180deg, rgba(35,12,18,.02) 0%, rgba(53,19,27,.1) 25%, rgba(78,0,15,.54) 34%, #4e000f 40%, #4e000f 100%);
  }

  body.dha-support-page .support-hero-reliable-walking::before {
    background: linear-gradient(180deg, rgba(35,12,18,.03) 0%, rgba(53,19,27,.1) 24%, rgba(78,0,15,.55) 33%, #4e000f 39%, #4e000f 100%);
  }

  body.dha-support-page .support-hero-personal-care::before {
    background: linear-gradient(180deg, rgba(35,12,18,.07) 0%, rgba(53,19,27,.14) 24%, rgba(78,0,15,.58) 33%, #4e000f 40%, #4e000f 100%);
  }

  body.dha-support-page .support-hero-app::before {
    background: linear-gradient(180deg, rgba(35,12,18,0) 0 17rem, rgba(53,19,27,.08) 19rem, rgba(78,0,15,.48) 22rem, #4e000f 24.5rem, #4e000f 100%);
  }

  body.dha-support-page .support-hero-meals::before {
    background: linear-gradient(180deg, rgba(35,12,18,0) 0%, rgba(53,19,27,.07) 25%, rgba(78,0,15,.5) 34%, #4e000f 41%, #4e000f 100%);
  }

  body.dha-support-page .support-hero-mission::before {
    background: linear-gradient(180deg, rgba(35,12,18,.05) 0%, rgba(53,19,27,.12) 24%, rgba(78,0,15,.56) 33%, #4e000f 40%, #4e000f 100%);
  }

  body.dha-support-page .support-hero-content::before {
    background: linear-gradient(180deg, rgba(35,12,18,.03) 0%, rgba(53,19,27,.1) 25%, rgba(78,0,15,.54) 34%, #4e000f 40%, #4e000f 100%);
  }

  body.dha-support-page .support-hero-carefree::before {
    background: linear-gradient(180deg, rgba(35,12,18,.04) 0%, rgba(53,19,27,.11) 24%, rgba(78,0,15,.55) 33%, #4e000f 39%, #4e000f 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .support-related-card {
    transition: none;
  }
}