.hero{
  position:relative;
  padding-top:var(--header-height);
  padding-bottom:clamp(70px,9vh,120px);
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background:transparent!important;
  overflow:visible;
  margin:0;
  z-index:1;
  isolation:isolate;
}

.hero__seo-title{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.hero::before,
.hero::after{content:none!important}

.hero__stage{
  position:relative;
  z-index:1;
  width:100%;
  max-width:var(--max-width);
  height:auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
  padding-top:0;
  background:transparent!important;
}

.hero__capsule{
  position:relative;
  z-index:3;
  height:min(calc(100svh - var(--header-height) - 36px), calc(93vw / 1.1717));
  width:auto;
  max-width:93vw;
  transform:translateY(calc(var(--capsule-move-y,0px) + var(--capsule-float-y,0px))) rotateX(var(--capsule-rx,0deg)) rotateY(var(--capsule-ry,0deg));
  transform-style:preserve-3d;
  filter:drop-shadow(0 45px 42px rgba(43,55,21,.22));
  animation:capsuleFloat 3.2s ease-in-out infinite;
  transition:filter .35s ease, transform .18s ease;
  will-change:transform;
}

.hero__capsule:hover{filter:drop-shadow(0 62px 50px rgba(43,55,21,.31))}

.hero__capsule img{
  display:block;
  height:100%;
  width:auto;
  max-width:93vw;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
}

@keyframes capsuleFloat{
  0%,100%{--capsule-float-y:0px}
  50%{--capsule-float-y:8px}
}

@media (max-width:900px){
  .hero{padding-bottom:clamp(60px,8vh,96px)}
  .hero__capsule{
    height:min(calc(100svh - var(--header-height) - 34px), calc(95vw / 1.1717));
    max-width:95vw;
  }
  .hero__capsule img{max-width:95vw}
}

@media (max-width:560px){
  .hero{padding-top:58px;padding-bottom:64px}
  .hero__capsule{
    height:min(calc(100svh - 58px - 34px), calc(98vw / 1.1717));
    max-width:98vw;
  }
  .hero__capsule img{max-width:98vw}
}


input, textarea, select{
  font-weight:400 !important;
}
input::placeholder, textarea::placeholder{
  font-weight:400 !important;
}
