.kame-hero{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.kame-hero .hero-media{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.kame-hero.overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  z-index:1;
}

/* contenitore testo */
.kame-hero .hero-text{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: min(92%, 1200px);
  color: #fff;
  text-align: center;
}

/* tipografia */
.kame-hero .hero-title{
    margin: 0 0 10px;
    font-weight: 800;
    font-size: clamp(55px, 6vw, 80px);
    color: white;
}
.kame-hero .hero-subtitle{
    margin: 0 0 .8em;
    font-size: clamp(12px, 2.6vw, 14px);
    line-height: 1.4;
    opacity: .95;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
}
.kame-hero .hero-description{
  margin: 0 auto 1.2em;
  max-width: 900px;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.45;
  opacity: .95;
  color: white;
}

/* CTA */
.kame-hero .hero-cta-wrap{
  margin-top: 1rem;
}
.kame-hero .hero-cta{
  display: inline-block;
  padding: .85em 1.4em;
  border-radius: 999px;
  background: #111;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: transform .2s ease, opacity .2s ease, background .2s ease;
  backdrop-filter: saturate(180%) blur(6px);
  background: rgb(103 198 189 / 60%);
}
.kame-hero .hero-cta:hover{
  transform: translateY(-1px);
  opacity: .95;
}

/* posizioni */
.kame-hero.top    { padding-top: 8vh; }
.kame-hero.middle { display:flex; align-items:center; justify-content:center; }
.kame-hero.middle .hero-text{ position:relative; left:auto; transform:none; }
.kame-hero.bottom { display:flex; align-items:flex-end; justify-content:center; padding-bottom:8vh; }
.kame-hero.bottom .hero-text{ position:relative; left:auto; transform:none; }