.article-detail {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
  align-items: start !important;
  overflow: visible !important;
}

.article-detail .article-media {
  position: sticky;
  top: 104px;
  align-self: start;
  min-height: 0 !important;
}

.article-detail .article-media img {
  width: 100%;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border: 1px solid rgba(234, 223, 233, 0.92);
  background:
    radial-gradient(circle at 25% 18%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 34%),
    linear-gradient(135deg, #fff6f8, #edf9fb) !important;
}

.post-card figure {
  height: clamp(190px, 20vw, 250px) !important;
  overflow: hidden;
}

.post-card figure img {
  height: 100%;
  object-fit: cover !important;
  object-position: center top !important;
  transform: scale(1.015);
  transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}

.post-card:hover figure img {
  transform: scale(1.06);
}

.cta {
  width: min(980px, calc(100% - 40px)) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.cta h2,
.cta p {
  text-align: center !important;
}

.article-detail h1,
.cta h2,
.section-head h2 {
  text-wrap: balance;
}

.article,
.post-card,
.related-articles,
.care-disclaimer,
.answer-grid > div,
.source-band,
.reviewed-byline,
.cta {
  transform-origin: center bottom;
}

.blog-reveal,
.blog-text-reveal {
  will-change: opacity, filter, transform;
}

@media (prefers-reduced-motion: no-preference) {
  .blog-reveal {
    opacity: 0;
    filter: blur(14px);
    transform: translateY(24px) scale(0.985);
    transition:
      opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1),
      filter 0.78s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--blog-reveal-delay, 0ms);
  }

  .blog-reveal.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
  }

  .blog-text-reveal {
    opacity: 0;
    filter: blur(12px);
    transform: translateY(16px);
    transition:
      opacity 0.86s cubic-bezier(0.22, 1, 0.36, 1),
      filter 0.86s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.86s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .blog-text-reveal.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .post-card figure img,
  .blog-reveal,
  .blog-text-reveal {
    transition: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}

@media (max-width: 920px) {
  .article-detail {
    grid-template-columns: 1fr !important;
  }

  .article-detail .article-media {
    position: relative;
    top: auto;
  }

  .article-detail .article-media img {
    aspect-ratio: 16 / 10 !important;
    object-position: center;
  }
}

@media (max-width: 640px) {
  .cta {
    width: calc(100% - 22px) !important;
  }

  .post-card figure {
    height: auto !important;
  }

  .post-card figure img,
  .article-detail .article-media img {
    aspect-ratio: 16 / 11 !important;
  }
}