.hero{
  position:relative;min-height:640px;display:flex;align-items:center;
  background:linear-gradient(180deg, rgba(12,18,29,.15), rgba(12,18,29,.72)), var(--ink-900) center/cover no-repeat;
  color:#fff;
}
.hero .container{position:relative;z-index:2;}
.hero-copy{max-width:640px;}
.hero-copy .script{display:block;margin-bottom:.4rem;}
.hero-copy h1{color:#fff;margin-bottom:.6rem;}
.hero-copy p{color:rgba(255,255,255,.85);font-size:var(--fs-20);max-width:520px;}
.hero-actions{display:flex;gap:.9rem;margin-top:1.6rem;flex-wrap:wrap;}
.hero-stats{display:flex;gap:2.2rem;margin-top:2.5rem;flex-wrap:wrap;}
.hero-stats div strong{display:block;font-family:var(--font-display);font-size:1.6rem;color:#fff;}
.hero-stats div span{font-size:var(--fs-12);color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.06em;}

.hero-search{
  margin-top:2.4rem;background:#fff;border-radius:var(--radius-md);
  box-shadow:var(--shadow);padding:1.1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;
}
.hero-search .field-label{color:var(--ink-500);font-size:var(--fs-12);margin-bottom:.25rem;}
@media (max-width: 900px){
  .hero-search{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .hero{min-height:520px;text-align:center;}
  .hero-copy{max-width:100%;}
  .hero-actions{justify-content:center;}
  .hero-stats{justify-content:center;}
  .hero-search{grid-template-columns:1fr;}
}

.page-banner{
  position:relative;padding:5.5rem 0 4rem;
  background:linear-gradient(180deg, rgba(12,18,29,.35), rgba(12,18,29,.75)), var(--ink-900) center/cover no-repeat;
  color:#fff;text-align:center;
}
.page-banner h1{color:#fff;margin-bottom:.5rem;}
.breadcrumb{display:inline-flex;gap:.5rem;font-size:var(--fs-14);color:rgba(255,255,255,.8);}
.breadcrumb a{color:#fff;font-weight:700;}