.specialization-audiences {
  position: relative;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 70px;
  align-items: start;
  scroll-margin-top: var(--section-scroll-offset);
}
.specialization-audiences .eyebrow {font-size: 12px; margin-bottom: 18px}
.specialization-audiences h2 {font-size: clamp(34px, 3.3vw, 48px); line-height: 1.16; color: #fff}
.solar-section > .solar-layout {margin-top: 64px; padding-top: 56px; border-top: 1px solid #54778b}
.solar-copy h3 {font-size: clamp(30px, 3vw, 44px); line-height: 1.16; letter-spacing: -.04em}
.solar-copy h3 em {color: #4dc5e7; font-style: normal}
.specialization-audiences .audience-intro > p {color: #b9d1de; font-size: 16px; max-width: 440px; margin: 20px 0}
.specialization-audiences .audience-tabs {max-width: 440px}
.specialization-audiences .audience-tabs button {color: #c4dce8; border-color: #3b5f73; font-size: 16px; padding: 17px 0; gap: 16px}
.specialization-audiences .audience-tabs button[aria-selected="true"] {color: #70d8f5; border-color: #70d8f5}
.specialization-audiences .audience-tabs button:hover {color: #fff}
.specialization-audiences .audience-tabs button:focus-visible,
.specialization-audiences .audience-panel:focus-visible {outline: 2px solid #70d8f5; outline-offset: 5px}
.specialization-audiences .audience-panel {background: #123a50; border: 1px solid #46697b; border-radius: 8px; min-width: 0; min-height: 365px}
.specialization-audiences .audience-copy {padding: 34px}
.specialization-audiences #audience-tag {display: block; color: #7ed9f2; font-size: 12px; letter-spacing: .09em; margin-bottom: 22px}
.specialization-audiences #audience-title {color: #fff; font-size: clamp(24px, 2.1vw, 30px); line-height: 1.25; letter-spacing: -.035em}
.specialization-audiences .audience-copy > p {color: #c4d9e5; font-size: 16px; line-height: 1.8; margin: 20px 0}
.specialization-audiences .check-list {color: #d7e7ef; font-size: 15px; margin-top: 24px}
.specialization-audiences .check-list li:before {color: #70d8f5}
@media (max-width: 1150px) {
  .specialization-audiences {gap: 40px}
}
@media (max-width: 900px) {
  .specialization-audiences {gap: 30px; grid-template-columns: 1fr 1.2fr}
  .specialization-audiences .audience-copy {padding: 26px}
  .solar-copy h3 {font-size: 34px}
}
@media (max-width: 700px) {
  .specialization-audiences {grid-template-columns: 1fr; gap: 28px}
  .solar-section > .solar-layout {margin-top: 40px; padding-top: 38px}
  .specialization-audiences .audience-intro > p,
  .specialization-audiences .audience-tabs {max-width: none}
  .specialization-audiences .audience-panel {min-height: 0}
  .specialization-audiences .audience-copy {padding: 26px 23px}
}

/* Each team profile shares the same photographic frame. */
.specialization-audiences .audience-photo {
  height: auto;
  aspect-ratio: 16 / 7;
  border-radius: 0;
  border-bottom: 1px solid #46697b;
  background: #0c2e42;
}
.specialization-audiences .audience-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.specialization-audiences .audience-photo::after {
  background: linear-gradient(0deg, #123a5038, transparent 45%);
  pointer-events: none;
}
@media (max-width: 700px) {
  .specialization-audiences .audience-photo { aspect-ratio: 16 / 9; }
}
