.site-page-header{background:var(--surface-inverse);padding:48px 20px}@media (min-width:768px){.site-page-header{padding:64px 24px}}.site-page-header__content{max-width:800px;margin:0 auto;text-align:center}.site-page-header .pill{background:var(--accent-on-inverse-surface);color:var(--accent-on-inverse);border:1px solid var(--accent-on-inverse-border)}.site-page-header__title{font-size:32px;font-family:var(--font-display);font-weight:800;color:var(--ink-on-inverse);margin-bottom:16px;letter-spacing:-.03em}@media (min-width:768px){.site-page-header__title{font-size:42px}}.site-page-header__subtitle{font-size:16px;color:var(--ink-on-inverse-muted);line-height:1.7;max-width:560px;margin:0 auto}@media (min-width:768px){.site-page-header__subtitle{font-size:18px}}.site-page-content{padding:40px 20px;max-width:1200px;margin:0 auto}@media (min-width:768px){.site-page-content{padding:60px 24px}}.site-page-hero{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;padding:50px 20px 70px}@media (min-width:768px){.site-page-hero{min-height:340px;padding:70px 24px 80px}}.site-page-hero__bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.site-page-hero__overlay{position:absolute;inset:0;background:var(--surface-hero-overlay);z-index:1}.site-page-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,transparent 0,var(--cream) 100%);z-index:2;pointer-events:none}@media (min-width:768px){.site-page-hero:after{height:100px}}.site-page-hero__content{position:relative;z-index:3;text-align:center;max-width:800px}.site-page-hero__title{font-size:32px;font-family:var(--font-display);font-weight:800;color:var(--ink-on-inverse);margin-bottom:16px;letter-spacing:-.03em}@media (min-width:768px){.site-page-hero__title{font-size:48px}}.site-page-hero__subtitle{font-size:16px;color:var(--ink-on-inverse-soft);line-height:1.7;max-width:560px;margin:0 auto}@media (min-width:768px){.site-page-hero__subtitle{font-size:18px}}.hero-eyebrow{display:inline-block;padding:6px 14px;margin-bottom:14px;font-size:11px;font-weight:600;color:var(--accent-on-inverse);background:var(--accent-on-inverse-surface);border:1px solid var(--accent-on-inverse-border);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:1px}