.page-main{
  min-height:calc(100vh - 170px);
  padding:42px 0 72px;
}

.page-hero{
  padding:18px 0 34px;
}

.page-hero-inner{
  max-width:900px;
}

.breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:28px;
  color:var(--muted);
  font-size:14px;
}

.breadcrumb a:hover{
  color:var(--gold-3);
}

.page-kicker{
  margin:0 0 10px;
  color:var(--gold-3);
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.page-hero h1{
  margin:0 0 18px;
  max-width:16ch;
}

.page-lead{
  max-width:68ch;
  margin:0;
  color:var(--muted);
  font-size:clamp(17px, 2vw, 20px);
}

.page-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.page-content{
  padding:0 0 70px;
}

.page-intro{
  max-width:900px;
  padding:24px;
  border:1px solid rgba(254,229,21,.14);
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:0 12px 26px rgba(0,0,0,.26);
}

.page-intro h2{
  margin:0 0 10px;
  font-size:clamp(22px, 2.5vw, 32px);
}

.page-intro p{
  margin:0;
  color:var(--muted);
}

.page-intro p + p{
  margin-top:12px;
}

@media (max-width: 560px){
  .page-main{ padding-top:26px; }
  .breadcrumb{ margin-bottom:22px; }
  .page-intro{ padding:20px; }
}