/* Restore the wide hero photograph and keep marked phrases together. */
.phrase-nowrap{display:inline-block;white-space:nowrap}
@media(min-width:901px){
  .hero-grid{min-height:clamp(600px,calc(100svh - var(--header-height) - 90px),780px)}
  .hero-copy{width:52%;max-width:700px;padding:48px 0}
  .hero h1{font-size:clamp(68px,5.6vw,90px);line-height:1.02;letter-spacing:-.045em}
  .hero-frame{position:absolute;inset:0 calc((100vw - 100%) / -2);width:auto;height:auto;min-height:0;margin:0}
  .hero-frame img{object-position:60% center}
  .hero-frame::after{display:block;background:linear-gradient(90deg,rgba(243,240,234,.98) 0%,rgba(243,240,234,.96) 25%,rgba(243,240,234,.87) 35%,rgba(243,240,234,.62) 45%,rgba(243,240,234,.16) 58%,transparent 68%)}
}
@media(min-width:901px) and (max-width:1060px){
  .hero-copy{width:64%;padding:44px 0}
  .hero h1{font-size:clamp(56px,6.5vw,68px)}
  .hero-frame::after{background:linear-gradient(90deg,rgba(243,240,234,.98) 0%,rgba(243,240,234,.93) 36%,rgba(243,240,234,.75) 48%,rgba(243,240,234,.25) 65%,transparent 80%)}
}
@media(min-width:701px) and (max-width:900px){
  .hero h1{font-size:clamp(54px,7.5vw,64px)}
}
@media(max-width:700px){
  .hero h1{font-size:clamp(42px,11.3vw,56px);line-height:1.04}
  .hero-frame{height:clamp(230px,66vw,320px)}
}