.site-shell{
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
  padding:0 0 42px;
}
.page-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:22px 0 15px;
}
.eyebrow{
  margin:0 0 6px;
  color:var(--accent);
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
h1,h2,h3,p{margin-top:0}
h1{
  margin-bottom:7px;
  font-size:clamp(1.9rem,3.5vw,3.15rem);
  line-height:1;
  letter-spacing:-.04em;
}
h2{
  margin-bottom:7px;
  font-size:clamp(1.25rem,2.1vw,1.8rem);
  line-height:1.12;
  letter-spacing:-.025em;
}
.lead{
  max-width:800px;
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
}
.card{
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel);
}
.info-chip{
  display:grid;
  gap:3px;
  min-width:220px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-2);
}
.info-chip span,.info-chip small{color:var(--muted);font-size:.7rem}
.info-chip strong{font-size:1rem}
.page-footer{
  padding-top:22px;
  color:#6f7d8d;
  font-size:.73rem;
  text-align:center;
}
@media(max-width:720px){
  .site-shell{width:min(100% - 14px,1180px)}
  .page-intro{grid-template-columns:1fr}
  .info-chip{min-width:0}
}