/* TMT-Media production stylesheet — Stage 28.0 */

/* Source owner: tmt-clean-team.css */
/* TMT clean Team page — Stage 12 */
body.tmt-static-site .tmt-team-page {
  padding-block: clamp(48px, 6vw, 84px);
}
body.tmt-static-site .tmt-team-page__title {
  margin: 0 0 var(--tmt-heading-content-gap);
}
body.tmt-static-site .tmt-team-region {
  position: relative;
}
body.tmt-static-site .tmt-team-region + .tmt-team-region {
  margin-block-start: 72px;
}
body.tmt-static-site .tmt-team-region__anchor {
  position: absolute;
  inset-block-start: calc(-1 * var(--tmt-header-height, 112px) - 18px);
}
body.tmt-static-site .tmt-team-region__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 var(--tmt-subheading-content-gap);
}
body.tmt-static-site .tmt-team-region__heading img {
  display: block;
  width: auto;
  height: 1em;
  max-width: 1.45em;
  border-radius: 2px;
  object-fit: contain;
}
body.tmt-static-site .tmt-team-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
body.tmt-static-site .tmt-team-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: clip;
  border: 1px solid var(--tmt-control-border, rgba(127,127,127,.24));
  border-radius: 14px;
  background: var(--tmt-panel-grad);
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
body.tmt-static-site .tmt-team-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
body.tmt-static-site .tmt-team-card__photo {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center top;
  background: rgba(127,127,127,.08);
}
body.tmt-static-site .tmt-team-card__bio {
  padding: 24px 24px 20px;
}
body.tmt-static-site .tmt-team-card__name {
  margin: 0 0 6px;
  font-size: 1.22rem;
  line-height: 1.25;
}
body.tmt-static-site .tmt-team-card__role,
body.tmt-static-site .tmt-team-card__excerpt {
  margin: 0;
}
body.tmt-static-site .tmt-team-card__role {
  color: var(--muted, #6b7280);
  font-size: .96rem;
}
body.tmt-static-site .tmt-team-card__excerpt {
  margin-block-start: 10px;
}
body.tmt-static-site .tmt-team-card__details {
  margin-block-start: auto;
  border-block-start: 1px solid var(--tmt-control-border, rgba(127,127,127,.24));
}
body.tmt-static-site .tmt-team-card__details summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding-inline: 24px;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
}
body.tmt-static-site .tmt-team-card__details summary::-webkit-details-marker { display: none; }
body.tmt-static-site .tmt-team-card__details summary::marker { content: ""; }
body.tmt-static-site .tmt-team-card__details summary:focus-visible {
  outline: 2px solid var(--tmt-focus, currentColor);
  outline-offset: -4px;
  border-radius: 8px;
}
body.tmt-static-site .tmt-team-card__arrow {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  transition: transform .2s ease;
}
body.tmt-static-site .tmt-team-card__details[open] .tmt-team-card__arrow {
  transform: rotate(180deg);
}
body.tmt-static-site .tmt-team-card__content {
  padding: 0 24px 26px;
}
body.tmt-static-site .tmt-team-card__content p,
body.tmt-static-site .tmt-team-card__content ul {
  margin-block: 0 14px;
}
body.tmt-static-site .tmt-team-card__content > :last-child { margin-block-end: 0; }
body.tmt-static-site .tmt-team-card__quote { color: var(--muted, #6b7280); }
@media (max-width: 980px) {
  body.tmt-static-site .tmt-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.tmt-static-site .tmt-team-page { padding-block: 40px 56px; }
  body.tmt-static-site .tmt-team-region + .tmt-team-region { margin-block-start: 56px; }
  body.tmt-static-site .tmt-team-grid { grid-template-columns: 1fr; gap: 22px; }
  body.tmt-static-site .tmt-team-card__bio { padding: 22px 22px 18px; }
  body.tmt-static-site .tmt-team-card__details summary { padding-inline: 22px; }
  body.tmt-static-site .tmt-team-card__content { padding: 0 22px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  body.tmt-static-site .tmt-team-card,
  body.tmt-static-site .tmt-team-card__arrow { transition: none; }
}