/**
 * 아티뉴 진료 철학 — 원장 소개 하단 3열 카드
 */
.atrinu-brand-essence {
  --atrinu-be-bg: #f0ebe3;
  --atrinu-be-ink: #2e2a26;
  --atrinu-be-ink-soft: #5c5650;
  --atrinu-be-card-radius: clamp(1.25rem, 2.6vw, 1.85rem);
  background: var(--atrinu-be-bg);
  padding: clamp(4.5rem, 9vw, 7rem) clamp(1.25rem, 4vw, 3rem);
}

.atrinu-brand-essence__inner {
  width: 100%;
  max-width: min(88rem, 100%);
  margin-inline: auto;
}

.atrinu-brand-essence__head {
  margin-bottom: clamp(3rem, 6vw, 5rem);
  text-align: center;
}

.atrinu-brand-essence__eyebrow {
  margin: 0 0 0.85rem;
  font-size: clamp(0.6875rem, 1.1vw, 0.75rem);
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--atrinu-be-ink-soft);
}

.atrinu-brand-essence__title {
  margin: 0;
  font-family: "Noto Serif KR", var(--title-font);
  font-size: clamp(1.75rem, 3.8vw, 2.75rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--atrinu-be-ink);
}

.atrinu-brand-essence__lead {
  margin: clamp(1rem, 2vw, 1.35rem) auto 0;
  max-width: min(34rem, 100%);
  font-size: clamp(0.9375rem, 1.55vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.7;
  color: var(--atrinu-be-ink-soft);
}

.atrinu-brand-essence__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(2rem, 4.5vw, 4rem);
  row-gap: clamp(2rem, 4vw, 3rem);
  align-items: start;
}

.atrinu-brand-essence__card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  text-align: center;
}

.atrinu-brand-essence__media {
  width: 100%;
  aspect-ratio: 682 / 860;
  border-radius: var(--atrinu-be-card-radius);
  overflow: hidden;
  background: #e4ddd2;
}

#brand-essence .atrinu-brand-essence__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 12% !important;
}

.atrinu-brand-essence__card:nth-child(1) .atrinu-brand-essence__media img {
  object-position: center 10% !important;
}

.atrinu-brand-essence__card:nth-child(2) .atrinu-brand-essence__media img {
  object-position: center 14% !important;
}

.atrinu-brand-essence__card:nth-child(3) .atrinu-brand-essence__media img {
  object-position: center 12% !important;
}

.atrinu-brand-essence__card-title {
  margin: clamp(1.35rem, 2.6vw, 1.85rem) auto 0;
  width: 100%;
  max-width: 20rem;
  font-size: clamp(1.0625rem, 1.7vw, 1.3125rem);
  font-weight: 700;
  line-height: 1.45;
  color: var(--atrinu-be-ink);
  word-break: keep-all;
}

.atrinu-brand-essence__card-desc {
  margin: clamp(0.85rem, 1.6vw, 1.1rem) auto 0;
  width: 100%;
  max-width: 21rem;
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--atrinu-be-ink-soft);
  word-break: keep-all;
}

@media (max-width: 991.98px) {
  .atrinu-brand-essence__grid {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: clamp(2.75rem, 8vw, 3.5rem);
    max-width: min(22rem, 88vw);
    margin-inline: auto;
  }
}

@media (min-width: 1200px) {
  .atrinu-brand-essence__inner {
    max-width: min(92rem, 100%);
  }

  .atrinu-brand-essence__grid {
    column-gap: clamp(2.5rem, 5vw, 4.5rem);
  }
}