/* quick links mobile bar */

main .section.quick-links-bar-container { padding: 0 !important; background: var(--clr-brand-white); margin-block: 0 !important;} .section.quick-links-bar-container ul { padding: 0; } .quick-links-bar { padding-block: var(--spacing-m); margin: 0 !important; } .quick-links-bar ul li { padding-inline: var(--gutter-xs); } .quick-links-bar.no-overflow ul li { padding-inline: var(--gutter-s); flex: 1 1 auto !important; } .quick-links-bar.no-overflow ul li:not(:last-child) { border-right: 1px solid var(--text-color); } .quick-links-bar ul li a { text-transform: uppercase; color: var(--text-color); font-weight: var(--fw-bold); } @media (width >= 768px) { .section.quick-links-bar-container { display: none; } }

/* layout */

main > .section {margin-block-end: 1em;}

main .section.full-bleed { padding-inline: 0; }

.cta-wrapper:has(p.button-container + p.button-container) p.button-container a { margin-block-end: 0;}

p.button-container { margin-block-end: 0 !important;}

.fragment-wrapper > .section > div:not(.full-bleed) {max-width: var(--content-max-width);}

main > .section.fragment-container { margin-block-end: var(--gutter-m); }

main > .section.fragment-container:not(:has(.full-bleed)) { padding-inline: var(--gutter-m); }

main > .section.promo-banner {display: none;}

p:empty {display: none;}

.slide :where(h1,h2) {text-transform: uppercase;}

.slide :where(h1,h2) u {font-family: var(--heading-font-family-secondary);font-weight: 900; text-decoration:none;}

.slide :where(.button) { @media (width >= 1800px) {scale: 1.2; transform-origin: top left;}}

a:not([class]) {color: currentcolor;}

/* left pink line on headings */

.heading-left-border :where(h1, h2){position: relative; font-family: var(--ff-pragmatica-bold); font-weight: 700; text-transform: uppercase; 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(--ff-scotch-display); font-weight: normal; text-transform: lowercase; display: block;} .heading-left-border :where(h1, h2) em u {font-size: 118%; text-decoration: none;} .heading-left-border :where(h1, h2)::before {content: ''; position: absolute; inset: 46% auto auto -0.35em; transform: translateY(-50%); display: block; width: .15em; height: 83%; background: #EB0A8C;} .heading-left-border .block-copy {margin-inline: 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 :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);} }

[class*="content"]:not(.default-content-wrapper) :where(p) {font-family: font-family: var(--ff-pragmatica-light); font-weight: 300;}

.content-block .block-copy, .content-block .block-copy > p {font-size: clamp(1.2rem, 1.2rem + 1vw, 2.4rem);}

@media (width >= 600px) {.content-block .block-copy, .content-block .block-copy > p {font-size: clamp(1.2rem, 1rem + 0.8vw, 2.8rem);;}}

@media (width >= 1800px) {.content-block .block-copy, .content-block .block-copy > p {font-size: clamp(1.2rem, 1.2rem + 1vw, 3rem);}}

.content-block.overlay:not(:has(> a)), .content-block.overlay > a {display: block;}

@media (width >= 600px) {.content-block.overlay-lg:not(:has(> a)), .content-block.overlay-lg > a {display: block;}}

@media (width >= 1800px) {[class*="content"]:not(.default-content-wrapper) :where(.button, button) {scale: 1.2; transform-origin: top;}

[class*="content"]:not(.default-content-wrapper) :where(button:not(.close)) {transform-origin: left;}

[class*="content"]:is(.text-left, .text-left-lg) :where(.button, button) {transform-origin: left top;}}

.content-carousel.full-bleed .heading-wrapper {padding-inline: var(--outter-gutter);}

.content-carousel .slide-copy {padding-block-start: .75em;}

.content-carousel h3 {font-weight: 400;font-size: clamp(1.2rem, 1rem + 1vw, 2.2rem);}

@media (min-width: 360px) {.content-carousel h3 {font-size: clamp(1.2rem, 1.4rem + 1vw, 2.2rem);}}

@media (min-width: 600px) {.content-carousel h3 {font-size: clamp(1.2rem, .6rem + .4vw, 2.2rem);}}

@media (min-width: 1200px) {.content-carousel h3 {font-size: clamp(1.2rem, 1rem + 0.9vw, 2rem);;}}

@media (min-width: 1800px) {.content-carousel h3 {font-size: clamp(1.2rem, 1.2rem + 1vw, 3rem);}}

:is(a.button:any-link, button, .button):is(.primary, .secondary, .tertiary) sup {translate: 0.3em -0.4em;}

/* two-col */

.content-block.two-col-lg .block-copy {position: absolute; inset: 0; margin: 0; width: 100%; padding:0;} .content-block.two-col-lg .block-copy a {display: flex; flex-direction: column; height: 100%; width: 100%; padding: 1em 2em;} .content-block.two-col-lg .block-copy a h2 {margin: 0;} .content-block.two-col-lg .block-copy a .button {margin-block-end: 0;} .content-block.two-col-lg.text-align-end .block-copy a {justify-content: end; align-items: start;} .content-block.text-shading .block-copy a {background: linear-gradient(transparent 50%, rgb(33 5 5 / 45%));} .content-block.text-shading .block-copy a :where(h1, h2, p) {text-shadow: 0 0 1.5em rgb(33 5 5 / .5);} .content-block.two-col-lg :where(.block-copy, .block-img) {display: grid; grid-template-column: 1fr; grid-template-rows: 1fr 1fr;} .content-block.two-col-lg :where(.block-img, .block-copy) {grid-area: 1/1;} .content-block.two-col-lg .desktop-img {display: none;} @media (width >= 600px) { .content-block.two-col-lg :where(.block-copy, .block-img) {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr;} .content-block.two-col-lg .desktop-img {display: grid;} .content-block.two-col-lg .mobile-img {display: none;}}

/* buttons */

main > .section :where(.button) {font-family: var(--ff-scotch-display); font-weight: 400; text-transform: lowercase;font-style: italic;font-size: 2rem;letter-spacing: .02em;padding-inline: 1.25em;min-width: 20rem;} main > .section .button:where(.primary) {--button-primary-border-color: #e40088;--button-primary-background: #e40088;color: #fff;} main > .section .button:where(.tertiary) {color: #e40088;} @media (width >= 600px) {main > .section :where(.button) {min-width: 25rem; font-size: 2.4rem;}}