.hero-portrait .portrait-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
}
.portrait-caption {
  position: absolute;
  right: 20px;
  top: 17%;
  width: 177px;
  color: #14181d;
  text-shadow: 0 1px 8px #fff8;
}
.portrait-caption::before {
  content: '';
  position: absolute;
  width: 27px;
  height: 1px;
  left: -39px;
  top: 15px;
  background: #7a7770;
}
.portrait-caption strong {
  display: block;
  margin-bottom: 8px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.025em;
}
.portrait-caption span {
  display: block;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: -.015em;
}
@media (max-width: 1190px) {
  .portrait-caption { right: 15px; width: 150px; top: 18%; }
  .portrait-caption strong { font-size: 23px; }
  .portrait-caption span { font-size: 14px; }
  .portrait-caption::before { width: 20px; left: -29px; top: 13px; }
}
@media (min-width: 701px) and (max-width: 990px) {
  .portrait-caption { top: 16%; right: 12px; width: 125px; }
  .portrait-caption strong { font-size: 21px; margin-bottom: 7px; }
  .portrait-caption span { font-size: 12px; }
  .portrait-caption::before { width: 16px; left: -24px; top: 12px; }
}
@media (max-width: 700px) {
  .hero-portrait { height: clamp(245px, 68vw, 360px); aspect-ratio: auto; }
  .hero-portrait .portrait-photo { object-position: 50% 10%; }
  .portrait-caption { top: 19%; right: 17px; width: 137px; }
  .portrait-caption strong { font-size: 22px; margin-bottom: 7px; }
  .portrait-caption span { font-size: 13px; line-height: 1.3; }
  .portrait-caption::before { width: 17px; left: -25px; top: 12px; }
}
@media (min-width: 480px) and (max-width: 700px) {
  .portrait-caption { right: 23px; width: 178px; top: 19%; }
  .portrait-caption strong { font-size: 28px; }
  .portrait-caption span { font-size: 16px; }
}
@media (max-width: 359px) {
  .hero-portrait { height: 235px; }
  .portrait-caption { right: 12px; width: 120px; top: 19%; }
  .portrait-caption strong { font-size: 19px; }
  .portrait-caption span { font-size: 11.5px; }
  .portrait-caption::before { width: 14px; left: -21px; top: 10px; }
}