/* Canonical Home hero layout and ambient logo animation. */
.am26-page--home-animation .am26-page-hero--logo-animation {
  position: relative;
  overflow: hidden;
  padding-block: clamp(38px, 5vw, 64px);
  background:
    radial-gradient(circle at 82% 48%, rgba(132, 181, 92, .12), transparent 30%),
    linear-gradient(135deg, var(--am26-soft) 0%, var(--am26-mint) 72%, #eef1e8 100%);
}

.am26-page--home-animation .am26-page-hero--logo-animation::after {
  position: absolute;
  right: max(-14vw, -180px);
  bottom: min(-24vw, -210px);
  width: min(44vw, 620px);
  aspect-ratio: 1;
  border: 1px solid rgba(132, 181, 92, .18);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.am26-page--home-animation .am26-home-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  grid-template-areas:
    "eyebrow animation"
    "title animation"
    "lead animation"
    "actions animation";
  column-gap: clamp(30px, 5vw, 72px);
  align-items: center;
}

.am26-page--home-animation .am26-home-hero__layout > .am26-eyebrow {
  grid-area: eyebrow;
  align-self: end;
}

.am26-page--home-animation .am26-home-hero__layout > h1 {
  grid-area: title;
  align-self: end;
}

.am26-page--home-animation .am26-home-hero__layout > .am26-lead {
  grid-area: lead;
  align-self: start;
}

.am26-page--home-animation .am26-home-hero__layout > .am26-actions {
  grid-area: actions;
  align-self: start;
}

.am26-page--home-animation .am26-home-hero__mobile-action { display:none; }
.am26-page--home-animation .am26-home-hero__mobile-action--doctor { display:inline-flex; }

.am26-page--home-animation .am26-hero-brand {
  display: inline;
}

.am26-page--home-animation .am26-home-logo-animation {
  position: relative;
  grid-area: animation;
  justify-self: end;
  width: min(100%, 520px);
  min-width: 0;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .52), rgba(240, 246, 236, .06) 70%);
  isolation: isolate;
}

.am26-page--home-animation .am26-home-logo-animation__video,
.am26-page--home-animation .am26-home-logo-animation__static {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 50%;
  object-fit: cover;
  clip-path: circle(49.7% at 50% 50%);
  pointer-events: none;
  user-select: none;
  transition: opacity .2s ease;
}

.am26-page--home-animation .am26-home-logo-animation__video {
  z-index: 2;
  opacity: 1;
}

.am26-page--home-animation .am26-home-logo-animation__static {
  z-index: 1;
  opacity: 0;
}

.am26-page--home-animation .am26-home-logo-animation.is-static .am26-home-logo-animation__video {
  opacity: 0;
}

.am26-page--home-animation .am26-home-logo-animation.is-static .am26-home-logo-animation__static {
  opacity: 1;
}

@media (max-width: 980px) and (min-width: 761px) {
  .am26-page--home-animation .am26-home-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 40vw);
    column-gap: 28px;
  }
}

@media (max-width: 760px) {
  .am26-page--home-animation .am26-page-hero--logo-animation {
    padding-block: 40px 48px;
  }

  .am26-page--home-animation .am26-home-hero__layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .am26-page--home-animation .am26-home-hero__layout > .am26-eyebrow {
    display: block;
    order: 0;
    align-self: stretch;
    margin: 0 0 28px;
    text-align: left;
  }

  .am26-page--home-animation .am26-home-hero__layout > .am26-lead {
    display: none;
  }

  .am26-page--home-animation .am26-home-hero__layout > h1 {
    display: block;
    order: 1;
    width: min(100%, 350px);
    margin: 0;
  }

  .am26-page--home-animation .am26-home-logo-animation {
    float: none;
    order: 2;
    align-self: center;
    justify-self: auto;
    width: clamp(224px, 64vw, 270px);
    margin: 26px auto 0;
    shape-outside: none;
    shape-margin: 0;
  }

  .am26-page--home-animation .am26-home-hero__layout > .am26-actions {
    display: flex;
    order: 3;
    align-self: center;
    align-items: center;
    width: auto;
    flex-direction: column;
    gap: 0;
    margin-top: -18px;
    position: relative;
    z-index: 4;
    transform: none;
  }

  .am26-page--home-animation .am26-home-hero__mobile-action {
    display: inline-flex;
    padding-inline: 16px;
    justify-content: center;
    white-space: nowrap;
  }

  .am26-page--home-animation .am26-home-hero__mobile-action--doctor {
    display: none;
  }

  .am26-page--home-animation .am26-home-hero__layout > .am26-actions .am26-button--primary {
    width: clamp(124px, 32vw, 140px);
    min-width: 124px;
    min-height: 52px;
    padding: 0 16px;
    font-size: 15px;
    border-radius: 999px;
    justify-content: center;
  }
}

@media (max-width: 390px) {
  .am26-page--home-animation .am26-home-logo-animation {
    width: clamp(220px, 64vw, 250px);
  }

  .am26-page--home-animation .am26-home-hero__layout > .am26-actions .am26-button--primary {
    width: 124px;
    min-width: 124px;
    padding: 0 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .am26-page--home-animation .am26-home-logo-animation__video,
  .am26-page--home-animation .am26-home-logo-animation__static {
    transition: none;
  }
}


/* M33 hero green grid restoration 2026-08-31 */
body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation {
  background-color: #102c2a;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px), radial-gradient(circle at 80% 45%,rgba(90,137,119,.28),transparent 34%);
  background-size: 70px 70px,70px 70px,auto;
}
body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation :where(h1,.am26-lead) { color:#f5f3ea; }
body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation .am26-eyebrow,
body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation .am26-hero-brand { color:#dcebb5; }
body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation .am26-button--primary { background:#dcebb5; border-color:#dcebb5; color:#102c2a; }
body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation .am26-button--secondary { border-color:rgba(255,255,255,.68); color:#fff; }
@media (max-width:760px) {
  body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero--logo-animation {
    background-color:#0c3430;
    background-image:linear-gradient(rgba(238,249,199,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(238,249,199,.06) 1px,transparent 1px);
    background-size:30px 30px;
  }

  body.am26.am26-style-v6.am26-page--home-animation .am26-home-logo-animation__video,
  body.am26.am26-style-v6.am26-page--home-animation .am26-home-logo-animation__static {
    transform:scale(1.125);
  }
}

/* M33 centered mobile hero title 2026-09-02 */
@media (max-width:760px) {
  html body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero[data-am26-home-hero] h1 {
    font-size:clamp(36px,10.2vw,48px) !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
    overflow-wrap:normal !important;
    text-align:center;
  }

  html body.am26.am26-style-v6.am26-page--home-animation .am26-page-hero[data-am26-home-hero] h1 .am26-hero-brand {
    display:block !important;
    font-size:clamp(25px,8vw,34px) !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }
}