/* Preserved from the approved production hero. Navigation is shared across V1. */
.hero{position:relative;isolation:isolate;padding:0;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero-photo{position:absolute;z-index:-3;top:0;left:0;width:100%;height:72%;object-fit:cover;object-position:45% 0;filter:grayscale(1) contrast(1.06)}
.hero-fade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(20,18,16,.5) 0%,rgba(20,18,16,0) 14%,rgba(20,18,16,0) 52%,rgba(20,18,16,.45) 60%,rgba(20,18,16,.85) 66%,#141210 70%)}
.hero-copy{padding-top:clamp(460px,49vw,760px);padding-bottom:64px;text-align:center}
.hero h1{font-family:'Big Shoulders Display','Arial Narrow',sans-serif;font-weight:900;font-size:clamp(56px,9vw,128px);line-height:.88;letter-spacing:.005em;margin:0 auto;max-width:1160px}
.hero h1 span{display:block}
@media(min-width:1600px){.hero-copy{padding-top:760px}.hero-photo{object-fit:cover}}
@media(min-width:761px){
  .hero{--hero-type:clamp(64px,min(8vw,12svh),128px);--hero-space:max(640px,100svh);min-height:var(--hero-space)}
  .hero h1{font-size:var(--hero-type)}
  .hero-copy{padding-top:calc(var(--hero-space) - var(--hero-type)*2.64 - 48px);padding-bottom:48px}
  .hero-photo{height:74%;object-position:45% 20%}
}
@media(max-width:760px){
  .hero{min-height:min(100svh,760px);justify-content:flex-start}
  .hero-photo{top:80px;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover;object-position:45% 0}
  .hero-fade{top:80px;bottom:auto;height:56.25vw;background:linear-gradient(180deg,rgba(20,18,16,0) 0%,rgba(20,18,16,0) 52%,rgba(20,18,16,.45) 76%,#141210 100%)}
  .hero h1{font-size:clamp(40px,13vw,68px);line-height:.94;max-width:580px}
  .hero h1 span{display:inline}
  .hero h1 span:not(:last-child):after{content:' '}
  .hero-copy{padding-top:calc(80px + 56.25vw + 24px);padding-bottom:48px}
}