/* The text and complete 16:9 photographs share the same hero layer. */
.hero {min-height:0;padding-top:90px;overflow:hidden;background:var(--green)}
.hero-inner {display:grid;grid-template-columns:1fr;gap:0;max-width:none;padding:0;isolation:isolate}
.hero-copy,.hero-visual {grid-area:1/1}
.hero-visual {width:100%;height:100%;max-width:none;padding:0;animation:none;position:relative;z-index:0;align-self:stretch}
.hero-photos {position:relative;width:100%;height:100%;min-height:100%;aspect-ratio:16/9;background:var(--forest);overflow:hidden}
.hero-visual::after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,25,19,.88),rgba(7,25,19,.6) 40%,rgba(7,25,19,.06) 80%);z-index:3}
.hero-copy {align-self:center;width:100%;padding:45px 6vw;position:relative;z-index:5;text-align:left;text-shadow:0 2px 18px #07191380}
.hero-copy .eyebrow {margin-bottom:20px;color:#f4dfb5}
.hero h1 {font-size:clamp(3rem,5.3vw,6rem);line-height:1.02}
.hero h1 span,.hero h1 em {display:block;animation:none}
.hero h1 em {color:#f1d399;margin-top:5px}
.hero-description {max-width:390px;margin:24px 0;color:#fff9ed}
.hero-copy .actions {justify-content:flex-start}
.hero-place {margin-top:25px;color:#fff4dc}
.hero-slide,.hero-slide.active,.hero-slide.leaving {clip-path:none;z-index:1;opacity:0;transition:opacity 1.6s ease-in-out}
.hero-slide.active {opacity:1;z-index:2}
.hero-slide img,.hero-slide.active img {width:100%;height:100%;object-fit:contain;transform:none;transition:none}
.hero-copy .eyebrow {animation:hero-inscription 1.1s .08s both}
.hero h1 span:first-child {animation:hero-type-drift 1.25s .18s both}
.hero h1 span:nth-child(2) {animation:hero-type-drift 1.25s .3s both}
.hero h1 em {animation:hero-gold-settle 1.5s .42s both}
.hero-description {animation:hero-inscription 1.2s .55s both}
.hero-copy .actions {animation:hero-inscription 1.15s .68s both}
.hero-place {animation:hero-inscription 1.15s .8s both}
@keyframes hero-inscription {from{opacity:0;transform:translate3d(0,15px,0) skewX(-2deg)}70%{opacity:1;transform:translate3d(0,-2px,0)}to{opacity:1;transform:none}}
@keyframes hero-type-drift {from{opacity:0;transform:translate3d(-22px,12px,0) rotate(-2deg)}75%{opacity:1;transform:translate3d(2px,-1px,0) rotate(.2deg)}to{opacity:1;transform:none}}
@keyframes hero-gold-settle {from{opacity:0;transform:translate3d(14px,18px,0) skewX(-5deg) scale(.96)}72%{opacity:1;transform:translate3d(-2px,-2px,0) skewX(.5deg) scale(1.01)}to{opacity:1;transform:none}}
@media(max-width:1050px) and (min-width:761px) {
  .hero-copy {padding:28px 5vw}
  .hero h1 {font-size:clamp(2.8rem,5vw,4rem)}
  .hero-description {font-size:.85rem;max-width:340px;margin:16px 0}
  .hero-place {margin-top:16px}
}
@media(max-width:760px) {
  .hero {padding-top:85px}
  .hero-inner {padding:0}
  .hero-copy {padding:14px 20px;text-align:center}
  .hero h1 {font-size:clamp(1.65rem,6.3vw,3rem);line-height:1.06}
  .hero h1 span,.hero h1 em {display:inline}
  .hero h1 span::after {content:' '}
  .hero-copy .eyebrow {font-size:clamp(.43rem,1.65vw,.65rem);letter-spacing:.12em;margin-bottom:8px}
  .hero-description {font-size:clamp(.62rem,2.25vw,.9rem);line-height:1.4;max-width:490px;margin:9px auto}
  .hero-copy .actions {justify-content:center;gap:14px}
  .hero-copy .button {font-size:clamp(.6rem,2vw,.8rem);padding:8px 14px}
  .hero-copy .text-link {font-size:clamp(.6rem,2vw,.8rem);padding:6px 0}
  .hero-place {font-size:clamp(.4rem,1.45vw,.6rem);letter-spacing:.08em;margin-top:8px}
  .hero-visual {width:100%;margin:0;padding:0}
  .hero-visual::after {background:linear-gradient(180deg,rgba(7,25,19,.6),rgba(7,25,19,.52) 60%,rgba(7,25,19,.68))}
}
@media(prefers-reduced-motion:reduce) {
  .hero-slide,.hero-slide.active {transition:none}
  .hero-slide img,.hero-slide.active img {transform:none}
  .hero-copy * {animation:none!important}
}