/* Newsletter signup landing page
   Header/footer and form controls remain owned by lifeskool-global.css.
*/

.newsletter-signup-hero{
  min-height:72vh;
  display:flex;
  align-items:center;
  padding:170px 0 120px;
  background:var(--cream);
}

.newsletter-signup-inner{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}

.newsletter-signup-eyebrow{
  justify-content:center;
}

.newsletter-signup-hero h1{
  margin:24px 0 22px;
  font-size:clamp(3rem,6vw,5.2rem);
  color:var(--ink);
}

.newsletter-signup-intro{
  max-width:620px;
  margin:0 auto 34px;
  color:var(--ink-soft);
  font-size:1.16rem;
  line-height:1.7;
}

.newsletter-signup-form{
  width:100%;
  max-width:520px;
  margin:0 auto;
}

.newsletter-signup-form > .compact-email-field{
  width:100%;
}

@media(max-width:680px){
  .newsletter-signup-hero{
    min-height:66vh;
    padding:126px 0 82px;
  }

  .newsletter-signup-hero h1{
    font-size:clamp(2.55rem,11vw,4.35rem);
  }

  .newsletter-signup-intro{
    font-size:1.04rem;
    margin-bottom:28px;
  }
}