:root{--navy:#002c4c;--green:#22b46e;--white:#fff}.hero{align-items:center;display:flex;isolation:isolate;min-height:clamp(220px,42vw,320px);overflow:hidden;position:relative}.hero-bg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:-1}.hero-bg .bg-navy{fill:var(--navy)}.hero-bg .accent{fill:var(--green)}.hero-inner{margin-inline:auto;padding:clamp(16px,4vw,48px) clamp(16px,4vw,48px) clamp(16px,4vw,48px) clamp(20px,10vw,140px);width:min(1100px,92%)}.hero-title{color:var(--white);font-size:clamp(28px,7vw,64px);font-weight:800;letter-spacing:.06em;line-height:1.1;margin:0;text-transform:uppercase}.hero-title .line{display:block}.highlight{background:var(--green);border-radius:.25em;box-decoration-break:clone;color:var(--white);display:inline-block;padding:.2em .5em;white-space:nowrap}@media (max-width:900px){.hero-inner{padding-left:clamp(24px,8vw,80px)}.hero-bg .accent{opacity:.85}}@media (max-width:600px){.hero-inner{padding-left:clamp(18px,6vw,48px)}.hero-bg{transform:translateX(-4%)}}@media (max-width:420px){.hero-bg .accent:last-of-type{opacity:.65}}@media (prefers-reduced-motion:no-preference){.hero{transition:padding .3s ease}.hero-bg{transition:transform .3s ease}}.hero-desc{color:#fff;font-size:18px;margin-top:10px}