.hero{isolation:isolate;box-sizing:border-box;min-height:360px;padding:var(--space-xl) var(--gutter) var(--space-l);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero picture{z-index:-2;position:absolute;inset:-20% 0}.hero img{object-fit:cover;width:100%;height:100%}.hero:before{content:"";z-index:-1;background:var(--scrim);position:absolute;inset:0}.hero-content{max-width:720px}.hero h1{color:var(--text-inverse);font-size:clamp(28px,5vw,48px);line-height:var(--leading-tight);margin:0}.hero p{margin:var(--space-xs) 0 0;max-width:560px;color:var(--slate-200);line-height:1.5}.hero p:has(picture){max-width:none;margin:0}.hero p:last-child{gap:var(--space-xs);margin-top:var(--space-m);flex-wrap:wrap;max-width:none;display:flex}.hero p:last-child a{border-radius:var(--radius-pill);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);align-items:center;padding:.7em 1.5em;text-decoration:none;display:inline-flex}.hero p:last-child a:first-child{background-color:var(--accent-blue);color:var(--text-inverse)}.hero p:last-child a:last-child{color:var(--text-inverse);border:var(--border-width) solid #ffffff80;background-color:#ffffff1f}.hero p:last-child a:first-child:hover{background-color:var(--link-hover-color)}@media (min-width:900px){.hero{padding:var(--space-2xl) var(--gutter-wide) var(--space-l);min-height:420px}}