/* The homepage opens directly on the business message. Photography moves gently with the page. */
.hero{background:#a5cce7}
.hero-city{inset:0;overflow:hidden;background:#a5cce7}
.hero-city .city-photo{position:absolute;top:-90px;left:0;width:100%;height:calc(100% + 180px);max-width:none;object-fit:cover;object-position:62% center;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.hero:after{inset:0;background:linear-gradient(90deg,rgba(5,22,36,.78) 0%,rgba(5,22,36,.57) 34%,rgba(5,22,36,.14) 69%,rgba(5,22,36,.03) 100%),linear-gradient(0deg,rgba(5,22,36,.63),transparent 26%)}
.hero-desc{color:#f0f6fa;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero h1{text-shadow:0 3px 22px rgba(0,0,0,.22)}
.hero-bottom{background:rgba(6,24,37,.74)}

.home-photo-story{position:relative;isolation:isolate;display:flex;align-items:center;min-height:660px;overflow:hidden;color:#fff;background:#355c70}
.photo-story-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.photo-story-media img{position:absolute;top:-90px;left:0;width:100%;height:calc(100% + 180px);max-width:none;object-fit:cover;object-position:center;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.home-photo-story:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,22,36,.04) 0%,rgba(5,22,36,.26) 43%,rgba(5,22,36,.84) 100%)}
.photo-story-inner{display:flex;justify-content:flex-end;padding-top:110px;padding-bottom:110px}
.photo-story-copy{width:min(520px,48%)}
.photo-story-copy .eyebrow{color:var(--lime)}
.photo-story-copy h2{font-size:clamp(36px,4vw,58px);font-weight:600;line-height:1.48;letter-spacing:.02em;margin:28px 0 25px}
.photo-story-copy p{font-size:17px;line-height:2.05;color:#ecf3f6;margin:0 0 24px}
.photo-story-copy .text-link{color:#fff}

@media(max-width:800px){
  .hero-city .city-photo{object-position:61% center}
  .hero:after{background:linear-gradient(180deg,rgba(5,22,36,.79),rgba(5,22,36,.67) 36%,rgba(5,22,36,.12) 66%,rgba(5,22,36,.76)),linear-gradient(90deg,rgba(5,22,36,.2),transparent)}
  .home-photo-story{min-height:620px;align-items:flex-end}
  .photo-story-media img{object-position:42% center}
  .home-photo-story:before{background:linear-gradient(0deg,rgba(5,22,36,.88),rgba(5,22,36,.44) 56%,rgba(5,22,36,.07))}
  .photo-story-inner{display:block;padding-top:250px;padding-bottom:72px}
  .photo-story-copy{width:min(540px,100%)}
  .photo-story-copy h2{font-size:clamp(34px,7vw,47px)}
  .photo-story-copy p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .hero-city .city-photo,.photo-story-media img{transform:none!important;will-change:auto}
}