:root{
  --hero-pink:#ec0a5b;
  --hero-dark:#07122d;
  --hero-ink:#ffffff;
  --hero-muted:rgba(255,255,255,.86);
}

.hero{
  position:relative;
  isolation:isolate;
  display:block;
  min-height:710px;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#07122d url("https://images.unsplash.com/photo-1608501078713-8e445a709b39?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=70&w=2400") center bottom/cover no-repeat;
  color:var(--hero-ink);
}

.hero-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
  pointer-events:none;
  filter:saturate(1.08) contrast(1.04);
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(5,10,25,.78) 0%,rgba(5,10,25,.55) 38%,rgba(5,10,25,.2) 68%,rgba(5,10,25,.12) 100%);
}

.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:1;
  height:42%;
  background:linear-gradient(0deg,rgba(4,8,22,.9) 0%,rgba(4,8,22,0) 100%);
}

.hero-copy-block{
  position:relative;
  z-index:2;
  width:min(760px,calc(100% - 48px));
  padding:168px 24px 132px;
  margin-left:max(24px,calc((100vw - 1180px)/2));
  transform:translateY(24px);
}

.hero .eyebrow{
  margin:0 0 22px;
  color:rgba(255,255,255,.76);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.hero h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(4.15rem,7.4vw,8.15rem);
  font-weight:500;
  line-height:.88;
  letter-spacing:0;
  text-shadow:0 12px 44px rgba(0,0,0,.42);
}

.hero h1 span{
  display:inline-block;
  font:inherit;
}

.hero-copy{
  max-width:580px;
  margin:24px 0 0;
  color:var(--hero-muted);
  font-size:clamp(.95rem,1.25vw,1.18rem);
  line-height:1.42;
  text-shadow:0 5px 22px rgba(0,0,0,.46);
}

.hero-actions{
  margin-top:36px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.hero .button.primary{
  border-color:var(--hero-pink);
  background:var(--hero-pink);
  color:#fff;
  box-shadow:0 18px 42px rgba(236,10,91,.24);
}

.hero .button.primary:hover{
  border-color:#ff2f79;
  background:#ff2f79;
}

.hero .button.secondary{
  border-color:rgba(255,255,255,.58);
  background:rgba(255,255,255,.1);
  color:#fff;
  backdrop-filter:blur(12px);
}

.hero .button.secondary:hover{
  background:rgba(255,255,255,.18);
}

.hero-proof,.hero-media{
  display:none;
}

@media (prefers-reduced-motion: reduce){
  .hero-video{display:none;}
}

@media(max-width:760px){
  .hero{
    min-height:650px;
  }

  .hero-copy-block{
    width:min(100% - 36px,620px);
    margin:0 auto;
    padding:132px 18px 92px;
    transform:none;
  }

  .hero h1{
    font-size:clamp(3.1rem,14vw,5.15rem);
  }

  .hero-copy{
    font-size:.98rem;
  }
}

@media(max-width:520px){
  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .hero .button{
    justify-content:center;
  }
}