.hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:var(--color-primary);color:#fff;padding:8rem 0 4rem}
.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.25),rgba(17,17,17,.78))}
.hero-illustration{position:absolute;top:50%;right:var(--gutter);transform:translateY(-50%);max-width:500px;width:40%;opacity:.9;pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:700px}
.hero-kicker{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff1f;border:1px solid #ffffff33;backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:999px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.hero-title{margin:1.2rem 0}
.hero-title .accent{color:var(--color-accent)}
.hero-sub{max-width:60ch;font-size:var(--fs-body);color:#ffffffdd}
.hero-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.hero-meta{display:flex;gap:2rem;margin-top:2.5rem;flex-wrap:wrap;font-size:.9rem;color:#ffffffbb}
.hero-meta strong{display:block;color:#fff;font-family:var(--font-display);font-size:1.3rem}
@media(max-width:900px){.hero-illustration{display:none}}
.page-hero{padding:9rem 0 4rem;background:var(--color-primary);color:#fff;position:relative;overflow:hidden}
.page-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.page-hero .container{position:relative}