/* Measured, section-specific motif preview. No generic gap filling. */
.talkwise-site #how-i-work > .about-reading-motif,
.talkwise-site #who-i-work-with > .about-reading-motif { display: none !important; }

.talkwise-site .phase2-section3__motif {
  grid-column: 1 / -1;
  width: min(100%, 62rem);
  min-height: clamp(9rem, 12vw, 11.5rem);
  height: clamp(9rem, 12vw, 11.5rem);
  margin: clamp(.5rem, 1.3vw, 1.25rem) auto clamp(.25rem, 1vw, .8rem);
  overflow: hidden;
}
.talkwise-site .phase2-section3__motif img {
  display: block; width: 100%; height: 100%; object-fit: contain;
  transform: none; filter: saturate(.82) contrast(.97);
}
.talkwise-site .phase2-section3__motif .phase2-section3__glimmer { display: none; }

.talkwise-site .therapy-room-heading {
  position: relative;
  top: auto;
  overflow: hidden;
  padding-bottom: 19rem;
}
.talkwise-site .therapy-room-motif {
  position: absolute;
  top: auto; right: auto; bottom: 4.25rem; left: 0;
  width: min(100%, 22rem); height: 16rem;
  margin: 0;
}
.talkwise-site .therapy-room-motif img {
  object-fit: contain; object-position: left bottom;
  transform: none; filter: saturate(.78) contrast(.98);
}

.talkwise-site .culture-roles-motif {
  display: none; pointer-events: none; overflow: hidden;
}
@media (min-width: 1180px) {
  .talkwise-site #roles .depth-section__inner { position: relative; }
  .talkwise-site .culture-roles-motif {
    display: block; grid-column: 1; grid-row: 3 / span 5;
    align-self: stretch; justify-self: center;
    width: clamp(10rem, 13vw, 13rem); height: min(33rem, 60vh, 100%);
    margin: 1rem 0 0;
  }
  .talkwise-site .culture-roles-motif img {
    display: block; width: 100%; height: 100%;
    object-fit: contain; object-position: center;
  }
}
@media (max-width: 899px) {
  .talkwise-site .phase2-section3__motif {
    width: min(100%, 34rem); min-height: 8rem; height: 8rem; margin-block: .75rem .25rem;
  }
  .talkwise-site .therapy-room-motif {
    position: relative; bottom: auto; left: auto;
    width: min(74vw, 17rem); height: 12rem; margin: 1rem auto -1rem;
  }
  .talkwise-site .therapy-room-heading { padding-bottom: 0; }
}
@media (max-width: 520px) {
  .talkwise-site .phase2-section3__motif { width: 100%; min-height: 6rem; height: 6rem; }
  .talkwise-site .therapy-room-motif { height: 10rem; }
}
@media (prefers-reduced-motion: reduce) {
  .talkwise-site .phase2-section3__motif *,
  .talkwise-site .therapy-room-motif *,
  .talkwise-site .culture-roles-motif * {
    animation: none !important; transition: none !important;
  }
}