.page-hero{background-position:50% 40%;background-size:cover;align-items:flex-end;height:220px;display:flex;position:relative}@media (width>=768px){.page-hero{height:420px}}.page-hero__overlay{background:linear-gradient(#0000 0%,#0000004d 40%,#000000bf 100%);position:absolute;inset:0}.page-hero__content{z-index:1;padding-bottom:48px;position:relative}.page-hero__content h1{color:var(--white);text-shadow:0 2px 12px #0006;font-size:clamp(2.5rem,6vw,4.5rem)}