/* Responsive integrity pass: phone, tablet and iPad corrections. */

.talkwise-site .phase2-opening__person-copy,
.talkwise-site .phase2-opening__person-copy .person-introduction {
  text-align: left;
}

.talkwise-site .home-professional-summary__standing {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem 1.1rem;
}

.talkwise-site .home-professional-summary__standing span {
  display: inline-flex !important;
  margin: 0 !important;
  color: inherit !important;
}

/* Calm, one-time room reveal; the photograph never zooms. */
.talkwise-site .home-friday-room--reveal-ready .home-friday-room__image,
.talkwise-site .home-friday-room--reveal-ready .home-friday-room__copy > * {
  opacity: 0;
  transform: translateY(10px);
}

.talkwise-site .home-friday-room--reveal-ready.home-friday-room--revealed .home-friday-room__image,
.talkwise-site .home-friday-room--reveal-ready.home-friday-room--revealed .home-friday-room__copy > * {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .75s ease, transform .75s ease;
}

.talkwise-site .home-friday-room--revealed .home-friday-room__copy > :nth-child(1) { transition-delay: .08s; }
.talkwise-site .home-friday-room--revealed .home-friday-room__copy > :nth-child(2) { transition-delay: .16s; }
.talkwise-site .home-friday-room--revealed .home-friday-room__copy > :nth-child(3) { transition-delay: .24s; }
.talkwise-site .home-friday-room--revealed .home-friday-room__copy > :nth-child(4) { transition-delay: .32s; }

@media (prefers-reduced-motion: reduce) {
  .talkwise-site .home-friday-room--reveal-ready .home-friday-room__image,
  .talkwise-site .home-friday-room--reveal-ready .home-friday-room__copy > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Preserve the full original responsive portrait instead of inheriting the
   tighter crop used by the larger desktop photograph. */
@media (max-width: 899px) {
  .talkwise-site .phase2-opening__person .protected-media-frame--portrait {
    aspect-ratio: 4 / 5;
    overflow: hidden;
  }

  .talkwise-site .phase2-opening__person .protected-media-frame--portrait > img {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
}

/* Prevent the availability banner from becoming a tall block on small phones. */
@media (max-width: 699px) {
  .talkwise-site .tw-availability-strip a,
  .talkwise-site:not(.home-page) .tw-availability-strip a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .25rem .75rem;
    min-height: 44px;
    padding: .45rem 1rem;
  }

  .talkwise-site .tw-availability-strip a > span:not(.tw-availability-strip__action),
  .talkwise-site:not(.home-page) .tw-availability-strip a > span:not(.tw-availability-strip__action) {
    display: none;
  }

  .talkwise-site .tw-availability-strip strong {
    font-size: .86rem;
    line-height: 1.25;
  }

  .talkwise-site .tw-availability-strip .tw-availability-strip__action {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin-left: 0;
    font-size: .8rem;
  }

  /* Use discoverable wrapped destinations instead of clipped horizontal rails. */
  .talkwise-site .about-page-jumps,
  .talkwise-site .ipt-route {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 .85rem;
    width: 100%;
    padding: .65rem 1.1rem;
    overflow: visible;
  }

  .talkwise-site .about-page-jumps a,
  .talkwise-site .ipt-route a {
    min-width: 0;
    min-height: 44px;
    padding: .65rem 0;
    white-space: normal;
    line-height: 1.3;
  }
}

@media (max-width: 420px) {
  .talkwise-site .about-page-jumps,
  .talkwise-site .ipt-route {
    grid-template-columns: 1fr;
  }
}

/* A deliberate tablet layout, including the exact 820px iPad breakpoint. */
@media (min-width: 700px) and (max-width: 1100px) {
  .talkwise-site .home-friday-room__inner {
    gap: 2rem;
    grid-template-columns: 1fr;
  }

  .talkwise-site .home-friday-room__image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: 50% 62%;
  }

  .talkwise-site .home-friday-room__copy {
    max-width: 44rem;
  }

  .talkwise-site .phase2-opening__person-copy,
  .talkwise-site .phase2-opening__person-copy .person-introduction {
    width: 100%;
    text-align: left;
  }

  .talkwise-site .home-professional-summary {
    grid-template-columns: 1fr;
    gap: clamp(24px, 3.2vw, 34px);
    align-items: start;
    padding-block: clamp(38px, 4.8vw, 52px);
  }

  .talkwise-site .home-professional-summary__story {
    max-width: 64ch;
  }

  .talkwise-site .home-professional-summary__story .text-action {
    display: inline-flex;
    margin-top: 1.35rem;
  }

  .talkwise-site .home-professional-summary__facts {
    width: 100%;
    padding: clamp(24px, 3.2vw, 32px);
    border-radius: 20px 4px 20px 4px;
  }

  .talkwise-site .home-professional-summary__facts .room-image-note {
    margin-bottom: 1.25rem;
  }

  .talkwise-site .home-professional-summary__facts .room-detail {
    width: 100%;
    height: auto;
    aspect-ratio: 12 / 5;
    object-fit: cover;
    object-position: 50% 64%;
  }

  .talkwise-site .home-room-caption {
    margin-bottom: 1.65rem;
    padding-bottom: 1.5rem;
  }

  .talkwise-site .home-professional-summary__facts h3 {
    margin-bottom: 1.35rem;
  }

  .talkwise-site .home-professional-summary__facts > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem 2rem;
  }

  .talkwise-site .home-professional-summary__standing {
    margin-top: 1.5rem !important;
    padding-top: 1.25rem;
    letter-spacing: .025em;
  }
}

@media (min-width: 700px) and (max-width: 899px) {
  .talkwise-site .phase2-opening__person {
    align-items: start;
  }

  .talkwise-site .phase2-opening__person-copy {
    padding-top: .25rem;
  }
}

@media (max-width: 699px) {
  .talkwise-site .home-professional-summary {
    gap: 30px;
  }

  .talkwise-site .home-professional-summary__facts .room-detail {
    height: auto;
    aspect-ratio: 4 / 3;
    object-position: 50% 58%;
  }
}

/* Improve the smallest, lowest-contrast copy in the reflections introduction. */
body.reflections-page .talkwise-site .reflections-intro .reflection-essay__note {
  color: #eee5e2 !important;
  font-size: .9rem !important;
  line-height: 1.6 !important;
}

body.reflections-page .talkwise-site .reflections-intro .reflection-image-rights,
body.reflections-page .talkwise-site .reflections-intro .reflections-byline {
  color: #c9c2bf !important;
  font-size: .82rem !important;
  line-height: 1.6 !important;
}

@media (max-width: 700px) {
  body.reflections-page .talkwise-site .reflections-intro .reflection-image-rights,
  body.reflections-page .talkwise-site .reflections-intro .reflections-byline {
    font-size: .8rem !important;
  }
}