/* v2.80.2 — Current Focus photo as a quiet location fragment, not a content card. */
.about-focus-context {
  align-items: start;
}

.about-focus-context .about-status-copy {
  min-width: 0;
  padding-top: 30px;
}

.about-focus-context .about-status-copy > p {
  margin-bottom: 18px;
}

.about-focus-context .about-focus-cta {
  display: inline-block;
  margin-top: 2px;
}

.about-focus-context .about-focus-photo {
  width: 54%;
  max-width: 286px;
  margin: clamp(64px, 8vw, 104px) 3% 12px auto;
}

.about-focus-context .about-focus-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: 50% 51%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  opacity: .88;
  filter: saturate(.72) contrast(.92) brightness(1.035);
  -webkit-mask-image: radial-gradient(ellipse 96% 97% at 50% 50%, #000 70%, rgba(0,0,0,.94) 79%, rgba(0,0,0,.56) 90%, transparent 100%);
  mask-image: radial-gradient(ellipse 96% 97% at 50% 50%, #000 70%, rgba(0,0,0,.94) 79%, rgba(0,0,0,.56) 90%, transparent 100%);
}

.about-focus-context .about-focus-photo figcaption {
  width: max-content;
  max-width: 100%;
  margin: 10px 0 0 auto;
  color: var(--warm-text);
  font-size: 11.5px;
  line-height: 1.4;
  letter-spacing: .02em;
}

@media (max-width: 1020px) {
  .about-focus-context .about-focus-photo {
    width: 58%;
    margin-right: 0;
  }
}

@media (max-width: 860px) {
  .about-focus-context .about-status-copy {
    padding-top: 0;
  }

  .about-focus-context .about-focus-photo {
    width: min(46vw, 280px);
    margin: 54px 0 8px;
  }

  .about-focus-context .about-focus-photo figcaption {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 620px) {
  .about-focus-context .about-focus-photo {
    width: min(62vw, 250px);
    margin-top: 44px;
  }
}
