.banner{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--bg2)}
.banner .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.banner .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.42) 60%,rgba(243,245,247,1) 100%)}
.banner .in{position:relative;padding:56px 24px 44px}
.banner .eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent2);font-weight:700;margin-bottom:12px}
.banner h1{font-size:40px;letter-spacing:-.02em;margin:0 0 10px}
.banner p{font-size:15px;color:var(--muted);max-width:640px;margin:0 auto}
.intro{padding:72px 0 24px;text-align:center}
.intro h2{font-size:34px;line-height:1.3;max-width:820px;margin:0 auto 18px}
.intro p{max-width:700px;margin:0 auto;font-size:16px}
.subnav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:36px 0 0}
.subnav a{padding:10px 18px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);text-decoration:none;background:var(--bg)}
.subnav a.on,.subnav a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:900px){.banner{min-height:200px} .banner .in{padding:40px 20px 32px} .banner h1{font-size:30px} .banner p{font-size:14px} .intro{padding:48px 0 16px} .intro h2{font-size:26px} .intro p{font-size:15px}}