.hero{
  position:relative;overflow:hidden;
  min-height:calc(100vh - 68px);
  display:flex;align-items:flex-end;
  color:#fff;
  margin:0 clamp(20px,4vw,40px);
  border-radius:var(--r-xl);
}
.hero-bg{position:absolute;inset:0;z-index:-2;background:#0a3340}
.hero-bg img{
  width:100%;height:100%;object-fit:cover;display:block;
  animation:hero-zoom 18s ease-out infinite alternate;
}
@keyframes hero-zoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,52,64,.35) 0%,rgba(10,52,64,.05) 40%,rgba(10,52,64,.78) 100%);
}
.hero-bg-rot{position:absolute;inset:0}
.hero-bg-rot > div{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero-bg-rot > div.on{opacity:1}
.hero-bg-rot > div img{width:100%;height:100%;object-fit:cover}
.hero-body{
  width:100%;display:grid;grid-template-columns:1.4fr .6fr;gap:48px;
  align-items:flex-end;padding:clamp(40px,5vw,80px) clamp(28px,4vw,64px);
  position:relative;z-index:1;
}
@media(max-width:900px){.hero-body{grid-template-columns:1fr;gap:28px}}