/* Classic: the approved clean layout. Vellum header, navy hero, simple cards. */
.top{background:var(--vellum);border-bottom:1px solid var(--line)}
.hero{background:var(--navy);color:var(--on-navy);position:relative;overflow:hidden}
.hero .wrap{padding-block:clamp(72px,11vw,120px);position:relative;z-index:1}
.hero:after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:170px;opacity:.14;transform:skewX(-14deg);
  background:repeating-linear-gradient(180deg,var(--brass) 0 16px,transparent 16px 28px)}
.hero .eyebrow{color:var(--brass-lt);text-transform:none;letter-spacing:.02em;font:italic 400 18px var(--serif)}
.hero h1{color:var(--on-navy);max-width:16ch}
.hero-sub{max-width:56ch;color:var(--on-navy-2);font-size:19px}
.actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.card{background:#fff;border:1px solid var(--line);border-top:2px solid var(--brass);padding:28px}
.card p{margin:0;font-size:16px}
@media (max-width:820px){.cards{grid-template-columns:minmax(0,1fr)}.hero:after{display:none}}