/* left pink line on headings */

.heading-left-border :where(h1, h2){position: relative;font-weight:400;line-height: 1.1;font-size: clamp(2rem, 1.8rem + 1vw, 3.8rem);margin: 0; max-width: max-content; margin-block:1em .25em;}

.heading-left-border :where(h1, h2) em {font-family: var(--heading-font-family-secondary); text-transform:none; display: block;}

.heading-left-border :where(h1, h2)::before {content:'';position: absolute; inset: 50% auto auto -.3em;transform: translateY(-50%); display: block; width: .12em;height: 90%;background: var(--clr-pink); filter: none;}

.heading-left-border .block-copy {margin-inline: 48% auto; width: max-content;}

@media (width >= 400px) {.heading-left-border :where(h1, h2) {font-size: clamp(2rem, 2rem + 1.8vw, 3.6rem);} }

@media (width >= 600px) {.heading-left-border .block-copy {margin-inline: 52% auto; justify-content: center; display: flex; flex-direction: column;} .heading-left-border :where(h1, h2) {margin:0 0 .25em; font-size: clamp(2.4rem, 2rem + 1.6vw, 7rem); } }

@media (width >= 1200px) {.heading-left-border :where(h1, h2) {font-size: clamp(2.4rem, 2.4rem + 2vw, 9rem);} }

@media (width >= 1800px) {.heading-left-border :where(h1, h2) {font-size: clamp(2.4rem, 3.6rem + 2vw, 9rem);} }