/* Pickleball teaser layout. Coral comes from the shared accent tokens. */
body[data-site="pickleball"] main{flex:1}

.back-link{
  font-size:var(--label-size);
  font-weight:var(--label-weight);
  line-height:var(--label-line);
  text-decoration:none;
  color:var(--paper);
}
.back-link:hover{color:var(--coral-light)}

/* hero */
.hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:70dvh;
  padding:var(--space-2xl) var(--space-lg);
  overflow:hidden;
}
.hero .bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.hero .scrim{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(20,20,19,.88) 0%,rgba(20,20,19,.72) 60%,rgba(20,20,19,.72) 100%);
}
.hero-inner{
  position:relative;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-md);
  align-items:flex-start;
}
.hero h1{
  font-family:var(--font-display);
  font-weight:400;
  font-size:var(--display-size);
  line-height:var(--display-line);
  letter-spacing:.01em;
  text-transform:uppercase;
  color:var(--paper);
}
.lede{max-width:68ch}
.signup{
  width:100%;
  max-width:640px;
  padding:var(--space-xl);
  border-radius:var(--space-sm);
}
.signup #interest-form{max-width:none}
.interest-row{display:flex;flex-direction:column;gap:var(--space-md)}
.interest-row .btn-primary{border:2px solid var(--accent);cursor:pointer}
.interest-help{font-size:var(--label-size);font-weight:var(--label-weight);line-height:var(--label-line)}

/* what we know so far */
.know{padding:var(--space-2xl) var(--space-lg)}
.know h2,.know-list,.linkout{max-width:1120px;margin-left:auto;margin-right:auto}
.know h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:var(--heading-size);
  line-height:var(--heading-line);
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:var(--space-lg);
}
.know-list{
  list-style:none;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-xl);
}
.know-list li{padding:var(--space-lg);border-radius:var(--space-sm)}

/* link out */
.linkout{padding:0 var(--space-lg) var(--space-2xl);width:100%}
.linkout.band-ink{max-width:none;padding-left:var(--space-lg)}
.linkout .btn-secondary{display:inline-flex}

@media (min-width:768px){
  .hero{min-height:60dvh;padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
  .interest-row{flex-direction:row;align-items:flex-end}
  .interest-row .field{flex:1}
  .know{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}
@media (min-width:1024px){
  .know-list{grid-template-columns:repeat(3,1fr)}
}