.hf-hero{position:relative}.hf-hero__body{--hf-stack-space:var(--wp--preset--spacing--40);align-items:flex-start;gap:var(--wp--preset--spacing--40);flex-direction:column;display:flex}.hf-hero__title{font-size:var(--wp--preset--font-size--display);line-height:var(--wp--custom--line-height--tight);max-inline-size:18ch}.hf-hero__note{color:var(--wp--preset--color--ink-muted);font-size:var(--wp--preset--font-size--small);align-items:center;gap:.5rem;display:flex}.hf-hero__note .hf-icon{color:var(--wp--preset--color--teal-700)}.hf-hero__picture{block-size:100%}.hf-hero--split{gap:var(--wp--preset--spacing--50);max-inline-size:calc(var(--wp--style--global--wide-size) + 5rem);padding:var(--wp--preset--spacing--50) clamp(1rem, 4vw, 2.5rem) var(--wp--preset--spacing--60);margin-inline:auto;display:grid}.hf-hero--split .hf-hero__media{aspect-ratio:4/3;border-radius:var(--wp--custom--radius--large);overflow:hidden}@media (min-width:60rem){.hf-hero--split{grid-template-columns:1fr 1.05fr;align-items:center}.hf-hero--split .hf-hero__media{aspect-ratio:5/6;order:2}}.hf-hero--panel{gap:var(--wp--preset--spacing--50);padding:var(--wp--preset--spacing--60) clamp(1rem, 4vw, 2.5rem);background:var(--wp--preset--color--mint-50);display:grid}.hf-hero--panel .hf-hero__media{aspect-ratio:4/5;border-radius:999px 999px var(--wp--custom--radius--large) var(--wp--custom--radius--large);inline-size:min(100%,30rem);box-shadow:var(--wp--preset--shadow--soft);justify-self:center;overflow:hidden}@media (min-width:60rem){.hf-hero--panel{padding-inline:max(2.5rem, (100% - var(--wp--style--global--wide-size)) / 2);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}.hf-hero--panel .hf-hero__media{order:2}}.hf-hero--fullbleed .hf-hero__media{block-size:clamp(18rem,62svh,40rem)}.hf-hero--fullbleed .hf-hero__body{padding:var(--wp--preset--spacing--50);border-radius:var(--wp--custom--radius--large);background:var(--wp--preset--color--surface);box-shadow:var(--wp--preset--shadow--lifted);margin:-4rem clamp(1rem,4vw,2.5rem) 0;position:relative}@media (min-width:60rem){.hf-hero--fullbleed{--hf-hero-media:clamp(30rem, 78svh, 46rem);--hf-hero-overlap:min(40rem, var(--hf-hero-media) - 4rem)}.hf-hero--fullbleed .hf-hero__media{block-size:var(--hf-hero-media)}.hf-hero--fullbleed .hf-hero__body{max-inline-size:40rem;margin:calc(-1 * var(--hf-hero-overlap)) 0 0 max(2.5rem, (100% - var(--wp--style--global--wide-size)) / 2);padding:var(--wp--preset--spacing--60)}}
