.seo-header [aria-current="page"] { color: var(--pink-hot); }

.team-hero {
  position: relative;
  min-height: 590px;
  display: grid;
  place-items: center;
  padding: 120px 24px 100px;
  overflow: hidden;
  background: linear-gradient(145deg, var(--cream), #fff 66%);
  text-align: center;
}

.team-hero-inner { position: relative; z-index: 2; max-width: 1080px; }
.team-hero .seo-eyebrow { margin-bottom: 20px; }
.team-hero h1 {
  margin: 0;
  color: var(--green-deep);
  font-size: clamp(60px, 9vw, 122px);
  line-height: .9;
  letter-spacing: -.075em;
  text-wrap: balance;
}
.team-hero h1 em { color: var(--pink-hot); font-style: normal; }
.team-hero-inner > p:last-child {
  max-width: 840px;
  margin: 32px auto 0;
  color: var(--sage);
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.58;
  text-wrap: balance;
}
.team-flower { position: absolute; opacity: .34; }
.team-flower--one { width: 260px; left: -72px; top: 48px; transform: rotate(-18deg); }
.team-flower--two { width: 210px; right: -48px; bottom: -35px; transform: rotate(24deg); }

.team-profile-section { padding: clamp(78px, 10vw, 138px) 24px; background: var(--white); }
.team-profile-card {
  max-width: var(--max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(430px, .88fr) minmax(0, 1.12fr);
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 42px;
  background: var(--cream);
  box-shadow: var(--shadow);
}
.team-gallery {
  width: min(440px, calc(100% - 42px));
  margin: 42px auto;
  display: grid;
  gap: 26px;
}
.team-main-portrait {
  width: min(250px, 70%);
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border: 8px solid var(--white);
  outline: 1px solid var(--line);
  border-radius: 28px;
  background: var(--mint);
  box-shadow: 0 22px 46px rgba(18,76,56,.16);
}
.team-main-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; }
.team-photo-marquee {
  width: 100%;
  overflow: hidden;
  padding-block: 8px 18px;
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}
.team-photo-track {
  display: flex;
  width: max-content;
  animation: team-photo-scroll 42s linear infinite;
  will-change: transform;
}
.team-photo-marquee:hover .team-photo-track { animation-play-state: paused; }
.team-photo-group { display: flex; flex: 0 0 auto; gap: 14px; padding-right: 14px; }
.team-photo-group figure {
  flex: 0 0 138px;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  border: 5px solid var(--white);
  outline: 1px solid var(--line);
  border-radius: 20px;
  background: var(--mint);
  box-shadow: 0 15px 32px rgba(18,76,56,.14);
}
.team-photo-group img { width: 100%; height: 100%; object-fit: cover; object-position: center 26%; }
@keyframes team-photo-scroll { to { transform: translateX(-50%); } }
.team-profile-copy { padding: clamp(48px, 6vw, 84px); }
.team-profile-copy h2 {
  margin: 0 0 28px;
  color: var(--green-deep);
  font-size: clamp(48px, 6vw, 78px);
  line-height: .94;
  letter-spacing: -.065em;
}
.team-profile-copy > p:not(.seo-eyebrow) { margin: 0 0 18px; color: var(--sage); font-size: 18px; line-height: 1.7; }
.team-profile-copy .team-intro { color: var(--green); font-size: clamp(20px, 2vw, 23px); font-weight: 750; line-height: 1.55; }
.team-story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 34px; }
.team-story-grid > div { padding: 23px; border: 1px solid var(--line); border-radius: 23px; background: rgba(255,255,255,.72); }
.team-story-grid span { color: var(--pink-hot); font-size: 11px; font-weight: 950; letter-spacing: .12em; }
.team-story-grid h3 { margin: 12px 0 10px; color: var(--green-deep); font-size: 21px; line-height: 1.12; letter-spacing: -.025em; }
.team-story-grid p { margin: 0; color: var(--sage); font-size: 15px; line-height: 1.55; }

.team-values { max-width: var(--max); margin: 0 auto; padding: clamp(86px, 11vw, 148px) 24px; }
.team-values-heading { max-width: 780px; }
.team-values-heading h2 { margin: 0; font-size: clamp(48px, 6.5vw, 82px); line-height: .95; letter-spacing: -.06em; }
.team-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 52px; }
.team-values-grid article { min-height: 270px; padding: 30px; border: 1px solid var(--line); border-radius: 30px; background: rgba(255,255,255,.78); box-shadow: 0 18px 50px rgba(18,76,56,.06); }
.team-values-grid article:nth-child(2) { background: var(--mint); }
.team-values-grid article:nth-child(3) { background: #fce9f1; }
.team-values-grid span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; color: var(--pink-hot); background: var(--cream); font-size: 12px; font-weight: 950; }
.team-values-grid h3 { margin: 38px 0 14px; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.03; letter-spacing: -.04em; }
.team-values-grid p { margin: 0; color: var(--sage); font-size: 16px; line-height: 1.58; }

@media (max-width: 920px) {
  .team-profile-card { grid-template-columns: 1fr; max-width: 720px; }
  .team-gallery { width: min(460px, calc(100% - 48px)); margin-bottom: 0; }
  .team-values-grid { grid-template-columns: 1fr; }
  .team-values-grid article { min-height: auto; }
}

@media (max-width: 680px) {
  .team-hero { min-height: 520px; padding: 90px 18px 78px; }
  .team-hero h1 { font-size: clamp(56px, 18vw, 76px); }
  .team-flower--one { width: 170px; left: -80px; }
  .team-flower--two { width: 150px; right: -72px; }
  .team-profile-section { padding: 70px 18px; }
  .team-profile-card { border-radius: 30px; }
  .team-gallery { width: min(320px, calc(100% - 30px)); margin-top: 30px; gap: 20px; }
  .team-main-portrait { width: min(200px, 68%); border-width: 6px; border-radius: 23px; }
  .team-photo-group { gap: 10px; padding-right: 10px; }
  .team-photo-group figure { flex-basis: 108px; border-width: 4px; border-radius: 16px; }
  .team-profile-copy { padding: 38px 24px; }
  .team-profile-copy h2 { font-size: 48px; }
  .team-profile-copy > p:not(.seo-eyebrow) { font-size: 17px; }
  .team-story-grid { grid-template-columns: 1fr; }
  .team-values { padding: 82px 18px; }
  .team-values-grid { margin-top: 34px; }
  .team-values-grid article { padding: 25px; border-radius: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .team-photo-marquee { overflow-x: auto; mask-image: none; -webkit-mask-image: none; }
  .team-photo-track { animation: none; }
  .team-photo-group[aria-hidden="true"] { display: none; }
}