/* ==========================================================================
   STILL CLIMBING — shared "coming soon" pattern
   "Still Climbing" placeholder hero. Photo has text baked in (approved
   asset, same pattern as homepage) so no live ghost-text component is
   used on this page. Depends on global.css, header.css, footer.css,
   responsive.css.
   ========================================================================== */

.still-grade{
  background:
    linear-gradient(90deg,rgba(17,17,15,.48) 0%,rgba(17,17,15,.23) 34%,rgba(17,17,15,.04) 68%,rgba(17,17,15,0) 100%),
    linear-gradient(0deg,rgba(17,17,15,.48) 0%,rgba(17,17,15,.10) 35%,rgba(17,17,15,.03) 70%);
}

.still-copy{
  margin:23px 0 18px;
  display:grid;
  gap:8px;
  text-transform:uppercase;
  font-size:clamp(12px,1.05vw,16px);
  line-height:1.45;
  letter-spacing:.22em;
  font-weight:500;
}
.still-copy p{margin:0}
.still-copy .basecamp{color:var(--gold)}

.hero .signup-form{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto;
  width:min(570px,100%);
  min-height:58px;
  margin-top:18px;
  gap:0;
}
.hero .signup-form .field{
  min-width:0;
  border-right:0;
}
.hero .signup-form .button{
  min-width:180px;
}
.hero .form-status{
  min-height:18px;
  width:min(570px,100%);
  margin:10px 0 0;
  color:rgba(247,247,243,.70);
  font-size:11px;
  letter-spacing:.06em;
}

@media (max-width:640px){
  .hero .signup-form{grid-template-columns:1fr}
  .hero .signup-form .field{
    border-right:1px solid rgba(247,247,243,.38);
    border-bottom:0;
  }
}