/* Homepage portrait: an edge-to-edge photo with readable copy on a white wash. */
.home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
}
.home-hero__photo,
.home-hero__wash {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.home-hero__photo { z-index: -2; }
.home-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 35%;
}
.home-hero__wash {
  z-index: -1;
  background:
    linear-gradient(90deg, #fff 0%, #fff 24%, rgba(255,255,255,.97) 32%, rgba(255,255,255,.84) 41%, rgba(255,255,255,.35) 54%, transparent 67%),
    linear-gradient(0deg, #fff 0%, rgba(255,255,255,.68) 5%, transparent 23%);
}
.home-hero__inner {
  display: flex;
  align-items: center;
  min-height: clamp(660px, 51vw, 820px);
  padding-top: 65px;
  padding-bottom: 62px;
}
.home-hero__copy { width: 54%; max-width: 575px; }
.home-hero .eyebrow { margin-bottom: 27px; }
.home-hero h1 {
  font-size: clamp(46px, 5.1vw, 72px);
  line-height: 1.06;
  white-space: normal;
}
.home-hero .hero-description { max-width: 405px; }
.home-hero .hero-caption { margin-top: 29px; }
.home-hero__credit {
  margin-top: 16px;
  font-size: 10px;
  line-height: 1.5;
  color: var(--muted);
  max-width: 335px;
}
@media (min-width: 761px) and (max-width: 1050px) {
  .home-hero__inner { min-height: 650px; padding-top: 48px; padding-bottom: 48px; }
  .home-hero__copy { width: 55%; }
  .home-hero h1 { font-size: clamp(42px, 5.2vw, 54px); }
  .home-hero .actions { gap: 19px; }
  .home-hero .hero-description { font-size: 15px; }
}
@media (max-width: 760px) {
  .home-hero__photo { bottom: auto; height: 460px; }
  .home-hero__photo img { object-position: 74% 30%; }
  .home-hero__wash {
    background: linear-gradient(180deg, transparent 0, transparent 230px, rgba(255,255,255,.42) 295px, rgba(255,255,255,.94) 365px, #fff 430px);
  }
  .home-hero__inner { display: block; min-height: 0; padding-top: 350px; padding-bottom: 40px; }
  .home-hero__copy { width: 100%; max-width: none; }
  .home-hero .eyebrow { margin-bottom: 21px; font-size: 9px; }
  .home-hero h1 { font-size: clamp(39px, 8.6vw, 57px); }
  .home-hero .hero-description { font-size: 15px; margin-top: 23px; max-width: 470px; }
  .home-hero .actions { margin-top: 25px; gap: 21px; }
  .home-hero .hero-caption { margin-top: 25px; }
  .home-hero__credit { font-size: 9px; }
}