:root {
    --bdw: 2px;
    --bds: solid;
    --bd: var(--bdw) var(--bds) var(--color-bd);
    --bdrs: 0.25rem;
    --bdrs-m: 0.5rem;
    --bdrs-l: 1.25rem;
    --bdrs-xl: 3rem;
    --ff-sans: "NeueHaas Regular",system-ui,"Helvetic Neue","Helvetica","Arial",sans-serif;
    --ff-sans-medium: "NeueHaas Medium",system-ui,"Helvetic Neue","Helvetica","Arial",sans-serif;
    --ff-sans-bold: "NeueHaas Bold",system-ui,"Helvetic Neue","Helvetica","Arial",sans-serif;
   --ff-serif: "Newsreader","Georgia","Cambria","Palatino","Times New Roman","Times",serif; 
    --grid: repeat(var(--space-columns),minmax(10px,1fr));
    --shadow-color: 0deg 0% 0%;
    --shadow-opacity: 0.3;
    --elevation-0: none;
    --elevation-1: drop-shadow(0.5px 1px 1px hsl(var(--shadow-color)/var(--shadow-opacity)));
    --elevation-2: drop-shadow(1px 2px 2px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/3))) drop-shadow(2px 4px 4px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/3))) drop-shadow(3px 6px 6px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/3)));
    --elevation-3: drop-shadow(1px 2px 2px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/5))) drop-shadow(2px 4px 4px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/5))) drop-shadow(4px 8px 8px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/5))) drop-shadow(8px 16px 16px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/5))) drop-shadow(16px 32px 32px hsl(var(--shadow-color)/calc(var(--shadow-opacity)/5)));
    --space-fixed-1: 0.5rem;
    --space-fixed-2: 1rem;
    --space-fixed-3: 1.5rem;
    --space-fixed-4: 2rem;
    --space-fixed-5: 2.5rem;
    --space-6: 3.5rem;
    --space-5: 1.5rem;
    --space-4: 2.5rem;
    --space-3: 1.5rem;
    --space-2: 1rem;
    --space-1: 0.5rem;
    --maw: 90rem;
    --maw-w: 120rem;
    --maw-n: 55.3125rem;
    --maw-xn: 40.8125rem;
    --vp-h: 100vh;
    --space-gutter: var(--space-fixed-2);
    --space-gutter-s: calc(var(--space-gutter)/2);
    --space-gutter-v: var(--space-gutter);
    --space-outer: 1.5rem;
    --space-outer-v: var(--space-6);
    --space-inner: var(--space-2);
    --space-inner-v: var(--space-3);
    --space-columns: 4
}

@font-face {
    font-display: swap;
    font-family: NeueHaas Regular;
    font-style: normal;
    font-weight: 400;
    src: url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/NeueHaasUnicaProRegular.woff2) format("woff2"),url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/NeueHaasUnicaProRegular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: NeueHaas Medium;
    font-style: normal;
    font-weight: 600;
    src: url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/NeueHaasUnicaProMedium.woff2) format("woff2"),url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/NeueHaasUnicaProMedium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: NeueHaas Bold;
    font-style: normal;
    font-weight: 700;
    src: url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/NeueHaasUnicaProBold.woff2) format("woff2"),url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/NeueHaasUnicaProBold.woff) format("woff")
}
@font-face {
    font-display: swap;
    font-family: Newsreader;
    font-style: normal;
    font-weight: 400;
    src: url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/newsreader.woff2) format("woff2"),url(//8867701.fs1.hubspotusercontent-na1.net/hubfs/8867701/raw_assets/public/Theme%20by%20Casepoint/templates/layouts/fonts/newsreader.woff2%27) format("woff")
}

@media(min-width: 50em) {
    :root {
        --space-6:4rem;
        --space-5: 2rem;
        --space-4: 3rem;
        --space-3: 2rem;
        --space-2: 1.5rem;
        --space-1: 1rem
    }
}

@media(min-width: 60em) {
    :root {
        --space-6:5rem;
        --space-5: 2.5rem;
        --space-4: 3.5rem;
        --space-3: 2.5rem;
        --space-2: 2rem;
        --space-1: 1.5rem
    }
}

@media(min-width: 90.0625em) {
    :root {
        --space-6:6.5rem;
        --space-5: 5rem;
        --space-4: 3.5rem;
        --space-3: 2.5rem;
        --space-2: 2rem;
        --space-1: 1.5rem
    }
}

@media(min-width: 50em) {
    :root {
        --space-columns:8;
        --space-outer: 3.5rem
    }
}

@media(min-width: 60em) {
    :root {
        --space-columns:12
    }
}

@media(min-width: 80em) {
    :root {
        --space-outer:6.5rem
    }
}

html[data-useragent*="Mobile Safari"] {
    --vp-h: calc(100vh - 55px)
}

html[data-useragent*=iPad][data-useragent*=Safari],html[data-useragent*=iPhone][data-useragent*=Safari] {
    --vp-h: -webkit-fill-available
}

:root {
    --color-bg-btn-disabled: #d1d1d1;
    --color-text-btn-disabled: #242424
}

.theme-light,:root {
    --color-bg: #fff;
    --color-text: #171713;
    --color-text-soft: #545454;
    --color-light: #fff;
    --color-dark: #171713;
    --color-text-link: #2526b3;
    --color-text-link-hover: #2526b3;
    --color-text-critical: #e00000;
    --color-text-success: #008030;
    --color-text-warning: #ffc83a;
    --color-divider: #e2e2e2;
    --color-focus-bg: #171713;
    --color-focus-text: #fff;
    --color-button-ghost-current-background: #2526b3;
    --color-button-ghost-current-color: #fff;
    --color-bg-btn: #2526b3;
    --color-text-btn: #fff;
    --color-bg-btn-hover: #181499;
    --color-bg-bullet: #d1d1d1;
    --color-surface-background: #fff;
    --color-surface-color: #171713;
    --color-toc-bg: #e7e4db;
    --color-toc-text: #171713
}

.theme-dark {
    --color-bg: #171713;
    --color-text: #fff;
    --color-text-soft: #8b8b8b;
    --color-light: #171713;
    --color-dark: #fff;
    --color-text-link: #fff;
    --color-text-link-hover: #ffc83a;
    --color-text-critical: #e00000;
    --color-text-success: #008030;
    --color-text-warning: #ffc83a;
    --color-divider: #424242;
    --color-focus-bg: #fff;
    --color-focus-text: #171713;
    --color-bg-btn: #ffc83a;
    --color-text-btn: #171713;
    --color-bg-btn-hover: #e89c00;
    --color-bg-bullet: #303030;
    --color-surface-background: #171713;
    --color-surface-color: #fff;
    --color-toc-bg: #fff;
    --color-toc-text: #171713
}

.theme-beige {
    --color-bg: #e7e4db;
    --color-text: #171713;
    --color-text-soft: #545454;
    --color-light: #171713;
    --color-dark: #fff;
    --color-text-link: #171713;
    --color-text-link-hover: #545454;
    --color-text-critical: #e00000;
    --color-text-success: #008030;
    --color-text-warning: #ffc83a;
    --color-divider: rgba(23,23,19,.1);
    --color-focus-bg: #fff;
    --color-focus-text: #171713;
    --color-bg-btn: #2526b3;
    --color-text-btn: #fff;
    --color-bg-btn-hover: #181499;
    --color-surface-background: #e7e4db;
    --color-surface-color: #171713
}

.theme-blue {
    --color-bg: #2526b3;
    --color-text: #fff;
    --color-text-soft: #d1d1d1;
    --color-light: #2526b3;
    --color-dark: #fff;
    --color-text-link: #fff;
    --color-text-link-hover: #a3a2ff;
    --color-text-critical: #e00000;
    --color-text-success: #008030;
    --color-text-warning: #ffc83a;
    --color-divider: #424242;
    --color-focus-bg: #fff;
    --color-focus-text: #171713;
    --color-bg-btn: #ffc83a;
    --color-text-btn: #171713;
    --color-bg-btn-hover: #e89c00;
    --color-surface-background: #2526b3;
    --color-surface-color: #fff
}

.theme-yellow {
    --color-bg: #ffc83a;
    --color-text: #171713;
    --color-text-soft: #545454;
    --color-light: #171713;
    --color-dark: #ffc83a;
    --color-text-link: #171713;
    --color-text-link-hover: #a3a2ff;
    --color-text-critical: #e00000;
    --color-text-success: #008030;
    --color-text-warning: #ffc83a;
    --color-divider: #424242;
    --color-focus-bg: #fff;
    --color-focus-text: #171713;
    --color-bg-btn: #2526b3;
    --color-text-btn: #fff;
    --color-surface-background: #ffc83a;
    --color-surface-color: #171713
}

:root {
    --trs-prop: all;
    --trs-time: 0.3s;
    --trs-tfunc: ease-in-out;
    --trs: var(--trs-prop) var(--trs-time) var(--trs-tfunc);
    --ff-headline-1: var(--ff-serif);
    --fz-headline-1: 3rem;
    --lh-headline-1: 105%;
    --lts-headline-1: -0.08rem;
    --ff-headline-2: var(--ff-serif);
    --fz-headline-2: 2.25rem;
    --lh-headline-2: 105%;
    --lts-headline-2: -0.08rem;
    --ff-headline-3: var(--ff-serif);
    --fz-headline-3: 1.75rem;
    --lh-headline-3: 105%;
    --lts-headline-3: -0.08rem;
    --ff-subhead-1: var(--ff-serif);
    --fz-subhead-1: 1.125rem;
    --lh-subhead-1: 120%;
    --fz-subhead-2: 1.875rem;
    --lh-subhead-2: 105%;
    --fz-eyebrow-1: 0.875rem;
    --lh-eyebrow-1: auto;
    --lts-eyebrow-1: 0.0875rem;
    --fw-eyebrow-1: 700;
    --tt-eyebrow-1: uppercase;
    --fz-eyebrow-2: 0.75rem;
    --lh-eyebrow-2: auto;
    --tt-eyebrow-2: uppercase;
    --fw-eyebrow-2: 700;
    --lts-eyebrow-2: 0.0875rem;
    --fz-eyebrow-3: 0.625rem;
    --lh-eyebrow-3: auto;
    --tt-eyebrow-3: uppercase;
    --fw-eyebrow-3: 700;
    --lts-eyebrow-3: 0.0875rem;
    --fz-body-1: 0.875rem;
    --lh-body-1: 130%;
    --fz-ui-1: 1.125rem;
    --lh-ui-1: 130%;
    --fz-ui-2: 1rem;
    --lh-ui-2: 130%;
    --fz-ui-3: 0.75rem;
    --lh-ui-3: 130%;
    --fz-caption-1: 0.875rem;
    --lh-caption-1: 130%;
    --fz-caption-2: 0.8125rem;
    --lh-caption-2: 130%;
    --fz-toc: 1rem;
    --lh-toc: 130%
}

@media(min-width: 50em) {
    :root {
        --fz-headline-1:4rem;
        --fz-headline-2: 3rem;
        --fz-headline-3: 2.25rem;
        --fz-subhead-1: 1.5rem;
        --fz-subhead-2: 1rem;
        --fz-body-1: 1rem;
        --fz-eyebrow-1: 0.875rem;
        --fz-toc: 1.125rem
    }
}

@media(min-width: 60em) {
    :root {
        --fz-headline-1:6.5rem;
        --fz-headline-2: 4rem;
        --fz-headline-3: 3rem;
        --fz-subhead-1: 2rem;
        --fz-subhead-2: 1.5rem;
        --fz-body-1: 1.125rem;
        --fz-toc: 1.25rem
    }
}

@media(min-width: 90.0625em) {
    :root {
        --fz-headline-1:9rem;
        --fz-headline-2: 5rem;
        --fz-headline-3: 4rem;
        --fz-subhead-1: 2.5rem;
        --fz-subhead-2: 2rem;
        --fz-body-1: 1rem;
        --fz-toc: 1.5rem
    }
}

@viewport {
    width: device-width
}

*,:after,:before {
    box-sizing: border-box
}

ol,ul {
    padding: 0
}

blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul {
    margin: 0
}

html {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed
}

ol[class],ul[class] {
    list-style: none
}

a:not([class]),a:visited:not([class]) {
    color: var(--color-text-link);
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    transition: color var(--trs-time) var(--trs-tfunc)
}

a:not([class]):focus-visible,a:not([class]):hover {
    color: var(--color-text-link-hover)
}

a,button,input,label,select,summary,textarea {
    touch-action: manipulation
}

img,video {
    display: block;
    height: auto;
    max-width: 100%
}

video {
    width: 100%
}

button,h1,h2,h3,h4,h5,h6,input,select,textarea {
    /* font: inherit; */
}

@media(prefers-reduced-motion:reduce) {
    * {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        scroll-behavior: auto!important;
        transition-duration: .01ms!important
    }
}

picture {
    display: block;
    width: 100%
}

html {
    font-size: 1em
}

body,html {
    min-height: 100%
}

body {
    /* background: var(--color-bg); */
    color: var(--color-text);
    font-family: var(--ff-sans);
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    margin: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.stack {
    --stack-spacing: var(--space-gutter-v,1.5em)
}

.stack>*+* {
    margin-top: var(--stack-spacing)
}

.stack--s>*+* {
    margin-block-start:var(--space-fixed-1)}

.stack--l>*+* {
    margin-block-start: var(--space-fixed-3)
}

.stack--xl>*+* {
    margin-block-start:var(--space-fixed-4)}

.stack--xxl>*+* {
    margin-block-start: var(--space-5)
}

.post-text>.section:where(:not([class*=theme-]),.theme-default,.theme-light) {
    margin-block-end:0!important}

.post-text>.section:where(:not([class*=theme-]),.theme-default,.theme-light),.stack>.section+*,.stack>.section+.section,.stack>.section+.video-container {
    margin-block-start:0!important}

.u-link-reset {
    color: currentColor;
    text-decoration: none
}

:root {
    --grid-width: calc(100vw - var(--space-outer)*2);
    --total-gutter: 3;
    --grid-col-width: calc((var(--grid-width) - var(--total-gutter)*var(--space-gutter))/var(--space-columns))
}

@media(min-width: 50em) {
    :root {
        --total-gutter:7
    }
}

@media(min-width: 60em) {
    :root {
        --total-gutter:11
    }
}

@media(min-width: 1596px) {
    :root {
        --grid-width:1440px
    }
}

.grid {
    display: grid;
    grid-column-gap: var(--space-gutter);
    grid-row-gap: var(--space-gutter-v);
    grid-template-columns: var(--grid)
}

.grid-no-row-gap {
    grid-row-gap: 0
}

.grid--2up {
    --grid: repeat(1,minmax(10px,1fr))
}

@media(min-width: 50em) {
    .grid--2up {
        --grid:repeat(2,minmax(10px,1fr))
    }
}

.grid--2up .grid__item:only-child {
    grid-column: 1/-1
}

.grid--3up {
    --grid: repeat(1,minmax(10px,1fr))
}

@media(min-width: 50em) {
    .grid--3up {
        --grid:repeat(3,minmax(10px,1fr))
    }
}

.grid--4up {
    --grid: repeat(1,minmax(10px,1fr))
}

@media(min-width: 50em) {
    .grid--4up {
        --grid:repeat(2,minmax(10px,1fr))
    }
}

@media(min-width: 80em) {
    .grid--4up {
        --grid:repeat(4,minmax(10px,1fr))
    }
}

.grid--2-3>:first-child {
    grid-column: 1/-1
}

@media(min-width: 50em) {
    .grid--2-3>:first-child {
        grid-column:auto/span 2
    }
}

.grid--2-3>:last-child {
    grid-column: 1/-1
}

@media(min-width: 50em) {
    .grid--2-3>:last-child {
        grid-column:4/span 8
    }
}

[hidden] {
    display: none!important
}

.is-hidden {
    display: none
}

.is-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@media(max-width: 600px) {
    .u-img-hide-small {
        display:none!important
    }
}

@media(min-width: 601px) {
    .u-img-hide-large {
        display:none!important
    }
}

.u-mt--space-1 {
    margin-top: var(--space-1)
}

.u-mb--space-1 {
    margin-bottom: var(--space-1)
}

.u-mt--space-2 {
    margin-top: var(--space-2)
}

.u-mb--space-2 {
    margin-bottom: var(--space-2)
}

.u-mt--space-3 {
    margin-top: var(--space-3)
}

.u-mb--space-3 {
    margin-bottom: var(--space-3)
}

.u-mt--space-4 {
    margin-top: var(--space-4)
}

.u-mb--space-4 {
    margin-bottom: var(--space-4)
}

.u-mt--space-5 {
    margin-top: var(--space-5)
}

.u-mb--space-5 {
    margin-bottom: var(--space-5)
}

.u-mt--space-6 {
    margin-top: var(--space-6)
}

.u-mb--space-6 {
    margin-bottom: var(--space-6)
}

.u-mt--space-fixed-1 {
    margin-top: var(--space-fixed-1)
}

.u-mb--space-fixed-1 {
    margin-bottom: var(--space-fixed-1)
}

.u-mt--space-fixed-2 {
    margin-top: var(--space-fixed-2)
}

.u-mb--space-fixed-2 {
    margin-bottom: var(--space-fixed-2)
}

.u-mt--space-fixed-3 {
    margin-top: var(--space-fixed-3)
}

.u-mb--space-fixed-3 {
    margin-bottom: var(--space-fixed-3)
}

.u-mt--space-fixed-4 {
    margin-top: var(--space-fixed-4)
}

.u-mb--space-fixed-4 {
    margin-bottom: var(--space-fixed-4)
}

.u-mt--space-fixed-5 {
    margin-top: var(--space-fixed-5)
}

.u-mb--space-fixed-5 {
    margin-bottom: var(--space-fixed-5)
}

.f-sans {
    font-family: var(--ff-sans);
    font-weight: 400
}

.f-sans-bold {
    font-family: var(--ff-sans-bold);
    font-weight: 700
}

.f-sans-medium {
    font-family: var(--ff-sans-medium);
    font-weight: 600
}

.f-serif {
    font-weight: 400
}

.f-serif,.f-serif-bold {
    font-family: var(--ff-serif)
}

.f-serif-bold {
    font-weight: 700
}

.type-display-1 {
    font-family: var(--ff-display-1);
    font-size: var(--fz-display-1);
    line-height: var(--lh-display-1);
}

.type-display-2 {
    font-family: var(--ff-display-2);
    font-size: var(--fz-display-2);
    line-height: var(--lh-display-2);
}

.type-display-3 {
    font-family: var(--ff-display-3);
    font-size: var(--fz-display-3);
    line-height: var(--lh-display-3);
}

.type-headline-1 {
    font-family: var(--ff-headline-1);
    font-size: var(--fz-headline-1);
    letter-spacing: var(--lts-headline-1);
    line-height: var(--lh-headline-1);
}

.type-headline-2 {
    font-family: var(--ff-headline-2);
    font-size: var(--fz-headline-2);
    letter-spacing: var(--lts-headline-2);
    line-height: var(--lh-headline-2);
}

.type-headline-3 {
    font-family: var(--ff-headline-3);
    font-size: var(--fz-headline-3);
    letter-spacing: var(--lts-headline-3);
    line-height: var(--lh-headline-3);
}

.type-subhead-1 {
    font-family: var(--ff-subhead-1);
    font-size: var(--fz-subhead-1);
    line-height: var(--lh-subhead-1);
}

.type-subhead-2 {
    font-size: var(--fz-subhead-2);
    line-height: var(--lh-subhead-2);
}

.type-subhead-3 {
    font-size: var(--fz-subhead-3);
    line-height: var(--lh-subhead-3);
}

.type-eyebrow-1 {
    font-size: var(--fz-eyebrow-1);
    font-weight: var(--fw-eyebrow-1);
    letter-spacing: var(--lts-eyebrow-1);
    line-height: var(--lh-eyebrow-1);
    text-transform: var(--tt-eyebrow-1);
}

.type-eyebrow-2 {
    font-size: var(--fz-eyebrow-2);
    font-weight: var(--fw-eyebrow-2);
    letter-spacing: var(--lts-eyebrow-2);
    line-height: var(--lh-eyebrow-2);
    text-transform: var(--tt-eyebrow-2);
}

.type-eyebrow-3 {
    font-size: var(--fz-eyebrow-3);
    font-weight: var(--fw-eyebrow-3);
    letter-spacing: var(--lts-eyebrow-3);
    line-height: var(--lh-eyebrow-3);
    text-transform: var(--tt-eyebrow-3);
}

.type-body-1 {
    font-size: var(--fz-body-1);
    line-height: var(--lh-body-1);
}

.type-body-2 {
    font-size: var(--fz-body-2);
    line-height: var(--lh-body-2);
}

.type-body-3 {
    font-size: var(--fz-body-3);
    line-height: var(--lh-body-3);
}

.type-ui-1 {
    font-size: var(--fz-ui-1);
    line-height: var(--lh-ui-1);
}

.type-ui-2 {
    font-size: var(--fz-ui-2);
    line-height: var(--lh-ui-2);
}

.type-ui-3 {
    font-size: var(--fz-ui-3);
    line-height: var(--lh-ui-3);
}

.type-caption-1 {
    font-size: var(--fz-caption-1);
    line-height: var(--lh-caption-1);
}

.type-caption-2 {
    font-size: var(--fz-caption-2);
    line-height: var(--lh-caption-2);
}

.type-toc {
    font-size: var(--fz-toc);
    line-height: var(--lh-toc);
}

[class*=type-subhead-],[class^=type-subhead-] {
    font-feature-settings: "dlig" on,"ss02" on;
    font-variant-numeric: slashed-zero
}

.tooltip {
    background-color: var(--color-text-soft);
    border-radius: var(--bdrs);
    color: var(--color-text);
    font-size: var(--fz-body-1);
    left: 0;
    line-height: var(--lh-body-1);
    opacity: 0;
    padding: .4rem;
    position: absolute;
    text-wrap: balance;
    top: 0;
    transition: var(--trs);
    visibility: hidden
}

.tooltip.is-visible {
    opacity: 1;
    visibility: visible
}

.heading-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
    gap: var(--space-fixed-2);
    justify-content: flex-end;
    position: relative
}

.heading-anchor {
    color: currentColor;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translate3d(0,-50%,0);
    transition: color var(--trs-time) var(--trs-tfunc)
}

.js .heading-anchor:not(.heading-anchor--copy),.no-js .heading-anchor--copy {
    display: none
}

.js .heading-anchor--copy,.no-js .heading-anchor:not(.heading-anchor--copy) {
    display: block
}

@media(hover: hover) {
    .heading-anchor:hover {
        color:var(--color-text-soft)
    }
}

.btn,[role=button]:where(:not([class])),button:where(:not([class])) {
    align-items: center;
    background-color: var(--color-bg);
    border: none;
    color: var(--color-bg-btn-primary-black);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    line-height: .8;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: var(--trs);
    vertical-align: middle;
    white-space: nowrap
}

@media(max-width: 49.9375em) {
    .btn,[role=button]:where(:not([class])),button:where(:not([class])) {
        background-color:var(--color-bg-btn)
    }
}

.btn[disabled],[role=button]:where(:not([class]))[disabled],button:where(:not([class]))[disabled] {
    color: var(--color-text-btn-disabled);
    cursor: default;
    pointer-events: none
}

.btn--primary {
    color: var(--color-text-btn);
    margin-inline:1.5625em}

.btn-wrapper {
    align-items: center;
    display: flex;
    gap: var(--space-fixed-1);
    position: relative;
    text-align: center;
    width: 100%
}

.btn__icon,.btn__text {
    position: relative;
    z-index: 1
}

.btn__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.btn--icon-right .btn__icon {
    order: 2
}

.btn--primary .btn-wrapper {
    justify-content: center;
    overflow: hidden;
    padding-block:.875em;padding-inline:var(--space-fixed-1)}

.btn--primary .btn__icon {
    color: var(--color-text-btn);
    transition: var(--trs)
}

.btn-wrapper:after,.btn-wrapper:before {
    content: "";
    height: 101%;
    position: absolute;
    top: 0;
    transform: scaleX(1);
    transition: transform .15s ease-in;
    width: 51%
}

.btn-wrapper:before {
    left: 0;
    transform-origin: left
}

.btn-wrapper:after {
    right: -1px;
    transform-origin: right
}

.btn--primary .btn-wrapper:after,.btn--primary .btn-wrapper:before,.btn--primary:after,.btn--primary:before {
    background-color: var(--color-bg-btn)
}

.btn--primary[disabled] .btn-wrapper:after,.btn--primary[disabled] .btn-wrapper:before,.btn--primary[disabled]:after,.btn--primary[disabled]:before {
    background-color: var(--color-bg-btn-disabled)
}

.btn--primary:after,.btn--primary:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1.5625em
}

.btn--primary:before {
    border-radius: 1000px 0 0 1000px;
    left: -1.5625em
}

.btn--primary:after {
    border-radius: 0 1000px 1000px 0;
    right: -1.5625em
}

@media(hover: hover) {
    .btn--primary:hover,[role=button]:where(:not([class])):hover,button:where(:not([class])):hover {
        background-color:transparent;
        color: var(--color-text);
        outline: 0;
        text-decoration: none;
    }

    .btn--primary:hover .btn__icon {
        color: var(--color-text)
    }

    .btn--primary:hover .btn-wrapper:after,.btn--primary:hover .btn-wrapper:before {
        transform: scaleX(0)
    }
}

.btn--secondary {
    align-items: center;
    background-color: var(--color-bg);
    background-color: var(--color-bg-btn-secondary);
    border: none;
    color: var(--color-bg-btn-primary-black);
    color: var(--color-text-btn-secondary);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    line-height: .8;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: var(--trs);
    vertical-align: middle;
    white-space: nowrap
}

.btn--secondary .btn-wrapper {
    gap: var(--space-fixed-2)
}

.btn--secondary[disabled] {
    color: var(--color-text-btn-disabled);
    cursor: default;
    pointer-events: none
}

.btn--secondary .btn__icon {
    background-color: var(--color-bg-btn);
    border-radius: 100%;
    color: var(--color-text-btn);
    height: 2.5rem;
    transition: transform var(--trs-time) var(--trs-tfunc);
    width: 2.5rem
}

.btn--secondary[disabled] .btn__icon {
    background-color: var(--color-bg-btn-disabled);
    color: var(--color-text-btn-disabled)
}

.btn--secondary:hover .btn__icon {
    transform: scale(1.1)
}

.btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-fixed-4)
}

.btn-row>* {
    align-items: stretch;
    flex: 0 0 auto
}

.btn-row--center {
    justify-content: center
}

@media(max-width: 49.9375em) {
    .btn--text {
        background-color:transparent
    }
}

.u-button-reset {
    all: initial;
    cursor: pointer;
    line-height: 1
}

.card {
    --color-bg-btn: #2526b3;
    --color-text-btn: #fff;
    background-color: #fff;
    border-radius: var(--bdrs-m);
    color: #171713;
    container-name: card;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.theme-light .card:not(.theme-blue) {
    box-shadow: 0 0 32px 0 rgba(0,0,0,.1)
}

.theme-dark .card a {
    --color-text-link: currentcolor;
    --color-text-link-hover: #2526b3
}

.theme-light .card a {
    --color-text-link: currentcolor;
    --color-text-link-hover: #ffc83a
}

a.card {
    cursor: pointer
}

a.card .card__media img {
    transition: transform var(--trs-time) var(--trs-tfunc)
}

@media(hover: hover) {
    a.card:hover .btn--secondary .btn__icon,a.card:hover .card__media img {
        transform:scale(1.05)
    }

    a.card.card--no-media:hover .type-subhead-2 {
        text-decoration: underline;
        text-decoration-thickness: 1px
    }
}

a.card:focus-visible {
    box-shadow: 0 0 0 .25rem var(--color-surface-color);
    outline: none
}

.card__content {
    display: grid;
    flex: 1;
      grid-template-rows: min-content;
    padding: var(--space-fixed-3)
}

.card--no-media .card__content {
    display: block
}

.card:not([class*=theme-]) .card__content {
    background-color: #fff
}

.card__content .text {
    margin-top: .125rem
}

@media(min-width: 60em) {
    .card__content .text {
        margin-top:var(--space-fixed-1)
    }
}

.card__content .bottom {
    align-self: end;
    margin-block-start: 1.7777777778em;
}

.card__icon {
    --size: 4.75rem;
    background-color: var(--color-bg-btn);
    border-radius: var(--bdrs-m);
    color: var(--color-text-btn);
    display: grid;
    height: var(--size);
    justify-self: start;
    margin-bottom: var(--space-fixed-3);
    place-items: center;
    width: var(--size)
}

.card__icon-mask {
    background-color: var(--color-text-btn);
    height: var(--size);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    width: var(--size)
}

@container card (min-width: 420px) {
    .card__icon {
        margin-bottom: var(--space-fixed-3)
    }
}

.card__icon svg {
    max-width: 3.125rem
}

.card__media {
    flex-shrink: 0
}

.card__media .frame {
    border-radius: unset
}

.card__tag {
    left: var(--space-fixed-2);
    position: absolute;
    top: var(--space-fixed-2)
}

.card__eyebrow {
    margin-bottom: .75rem
}

.card-subhead {
    color: #545454;
    margin-top: -.5rem
}

.eyebrow {
    align-items: center;
    color: var(--color-bg-btn);
    display: flex;
    gap: var(--space-fixed-1)
}

.eyebrow:before {
    background-color: var(--color-bg-btn);
    content: "";
    display: inline-flex;
    height: 1rem;
    -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20" fill="none" viewBox="0 0 10 20"><path fill="currentColor" d="M.493 0c5.5.256 9.751 4.942 9.496 10.46C9.74 15.809 5.337 20.017 0 20V0z"/></svg>') no-repeat 50% 50%;
    mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20" fill="none" viewBox="0 0 10 20"><path fill="currentColor" d="M.493 0c5.5.256 9.751 4.942 9.496 10.46C9.74 15.809 5.337 20.017 0 20V0z"/></svg>') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: .5rem
}

:root {
    --ratio: "auto"
}

.frame {
    align-items: center;
    aspect-ratio: var(--ratio);
    border-radius: var(--bdrs-m);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.frame img {
    margin-inline:auto}

.text:where(:not(.post-text)) .frame img {
    margin-inline:0}

.frame[class*=frame--] img,.frame[class*=frame--]>picture,.frame[class*=frame--]>video {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover
}

.frame.frame--contain img,.frame.frame--contain>picture,.frame.frame--contain>video {
    object-fit: contain
}

.frame--1-1 {
    --ratio: 1/1
}

.frame--4-5 {
    --ratio: 4/5
}

.frame--16-9 {
    --ratio: 16/9
}

.frame__caption {
    align-self: flex-start
}

.frame__caption>a {
    --color-text-link: var(--color-text-soft)
}

svg:has(use) {
    height: 1.5rem;
    width: 1.5rem
}

svg.icon-medium {
    height: .875rem;
    width: .875rem
}

svg.icon-small {
    height: .75rem;
    width: .75rem
}

.progress-dots {
    --dot-bdrs: 0.0625rem;
    --dot-color: var(--color-text);
    --dot-gap: 0.25rem;
    --dot-size: 0.25rem;
    column-gap: var(--dot-gap);
    display: none
}

.js .progress-dots {
    display: flex
}

.progress-dots__dot {
    background-color: var(--dot-color);
    border-radius: var(--dot-bdrs);
    height: var(--dot-size);
    opacity: .2;
    width: var(--dot-size)
}

.progress-dots__dot:where(.is-selected,[aria-current=true]) {
    opacity: 1
}

:root {
    --search-height: 80px;
    --search-max-height: 55vh
}

.search-is-open {
    overflow: hidden
}

.search {
    background-color: var(--color-bg);
    color: var(--color-text);
    position: relative;
    display: none
}
.search__toggle{
  display: none
}
.search:not(.search--modal) {
    left: 0;
    padding-inline:var(--space-outer);position: fixed;
    top: calc(var(--search-height)*-1);
    transition: top var(--trs-time) var(--trs-tfunc);
    width: 100%;
    z-index: 600
}

.search:not(.search--modal).is-visible {
    top: var(--nav-height)
}

.search__form {
    background-color: var(--color-bg);
    height: var(--search-height)
}

.search__input {
    all: unset;
    background-color: transparent;
    border: none;
    color: var(--color-text);
    font-family: var(--ff-subhead-1);
    font-size: var(--fz-subhead-1);
    height: var(--search-height);
    line-height: var(--lh-subhead-1);
    text-wrap: balance;
    width: 100%
}

.search__input:-moz-placeholder,.search__input:-ms-input-placeholder,.search__input::-moz-placeholder,.search__input::-webkit-input-placeholder,.search__input::placeholder {
    color: var(--color-text-soft);
    font-family: var(--ff-subhead-1);
    font-size: var(--fz-subhead-1);
    line-height: var(--lh-subhead-1);
    text-wrap: balance
}

.search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.search__clear {
    background-color: transparent;
    border: none;
    color: var(--color-text-soft);
    cursor: pointer;
    height: var(--search-height);
    position: absolute;
    right: var(--space-outer);
    top: 0
}

.search__results-more {
    display: none
}

.search__results-message {
    display: none;
    padding-block:var(--space-fixed-2)}

.search__results-message.is-visible {
    display: block
}

.search__results {
    max-height: var(--search-max-height);
    overflow-y: auto;
    overscroll-behavior-y: contain
}

.search__results .container {
    border-top: 1px solid var(--color-divider)
}

.search__results-metas {
    align-items: center;
    display: flex;
    gap: var(--space-fixed-1);
    margin-bottom: var(--space-fixed-1)
}

.search__results-metas .tag {
    border: 1px solid #fff
}

.search__results mark {
    background-color: var(--color-bg);
    color: var(--color-text)
}

.search__results-item {
    border-bottom: 1px solid var(--color-divider);
    padding-block:var(--space-fixed-3)}

.search-result__content {
    color: var(--color-text);
    display: flex;
    gap: var(--space-fixed-2);
    text-decoration: none
}

@media(min-width: 62.5em) {
    .search-result__content .search__results__header {
        max-width:70%
    }
}

.search__results__media {
    flex-basis: 10%;
    flex-shrink: 0
}

.search__results-show-more {
    display: none;
    margin-block:var(--space-fixed-4)}

.search__results-show-more.is-visible {
    display: flex
}

.search--modal .search-result__content .search__results__header {
    max-width: 100%
}

.search--modal .search__input {
    padding-inline:var(--space-fixed-1)}

.search--modal .search__clear {
    right: var(--space-fixed-1)
}

.search--modal .search__results {
    padding-inline:var(--space-fixed-1)}

.tags {
    display: flex;
    gap: var(--space-fixed-1)
}

.tag {
    align-items: center;
    background-color: #171713;
    border: var(--bdw) var(--bds) #171713;
    border-radius: var(--bdrs);
    color: #fff;
    display: inline-flex;
    max-width: 100%;
    padding: .25rem;
    text-align: center;
    text-transform: uppercase;
    transition: var(--trs)
}

.tag--sharp {
    border-radius: 0
}

.tag--rounded {
    border-radius: 1.5rem
}

.tag--link {
    text-decoration: none
}

.tag--link:focus-visible {
    --color-dark: #242424;
    border-color: var(--color-bg);
    outline: 0
}

@media(hover: hover) {
    .tag--link:hover {
        --color-dark:#242424
    }
}

.text {
    --text-spacing: var(--stack-spacing,1.5em)
}

.text>:last-child {
    margin-bottom: 0!important
}

.text>h1 a,.text>h2 a,.text>h3 a,.text>h4 a,.text>h5 a,.text>h6 a {
    text-decoration: none
}

.text>h1[id],.text>h2[id],.text>h3[id] {
    scroll-margin-top: calc(var(--nav-height) + var(--space-3))
}

.text>h2:not([class]) {
    font-family: var(--ff-headline-3);
    font-size: var(--fz-headline-3);
    letter-spacing: var(--lts-headline-3);
    line-height: var(--lh-headline-3);
    text-wrap: balance
}

.text>h3:not([class]) {
    font-family: var(--ff-subhead-1);
    font-size: var(--fz-subhead-1);
    line-height: var(--lh-subhead-1)
}

.text>h3:not([class]),.text>h4:not([class]) {
    font-family: var(--ff-serif);
    font-weight: 400;
    text-wrap: balance
}

.text>h4:not([class]) {
    font-size: var(--fz-subhead-2);
    line-height: var(--lh-subhead-2)
}

.text>h5:not([class]) {
    font-weight: var(--fw-eyebrow-1);
    font-weight: 400;
    font-weight: 700
}

.text>h5:not([class]),.text>h6:not([class]) {
    font-family: var(--ff-serif);
    font-size: var(--fz-eyebrow-1);
    letter-spacing: var(--lts-eyebrow-1);
    line-height: var(--lh-eyebrow-1);
    text-transform: var(--tt-eyebrow-1);
    text-wrap: balance
}

.text>h6:not([class]) {
    font-weight: var(--fw-eyebrow-1);
    font-weight: 400
}

.text>:is(h2,h3,h4,h5,h6):not([class]) {
    margin-block-end:0}

.text>:is(h2,h3,h4,h5,h6):not([class]):not(:first-child) {
    margin-block-start:var(--space-4)}

.text>: is(h2,h3,h4,h5,h6):not([class])+:is(h2,h3,h4,h5,h6):not([class]) {
    margin-block-start:var(--space-1)
}

.text>ul.hs-error-msgs {
    margin: 0
}

.text>ol,.text>ol ol,.text>ol ul,.text>ul,.text>ul ol,.text>ul ul {
    counter-reset: li;
    list-style: none;
    margin-block:var(--space-4);margin-inline-start: 1.25rem
}

.text>ol ol>li,.text>ol ul>li,.text>ol>li,.text>ul ol>li,.text>ul ul>li,.text>ul>li {
    margin-block-start:var(--space-4)}

.text>ol ol>li: where(li:has(>ul)+*),.text>ol ul>li:where(li:has(>ul)+*),.text>ol>li:where(li:has(>ul)+*),.text>ul ol>li:where(li:has(>ul)+*),.text>ul ul>li:where(li:has(>ul)+*),.text>ul>li:where(li:has(>ul)+*) {
    margin-block-start:var(--space-1)
}

.text>ul>li {
    margin-block-start:var(--space-1)}

.text>ol>li: first-child,.text>ul>li:first-child {
    margin-block-start:0
}

.text>ol ul,.text>ul ul {
    margin-block:var(--space-1)}

.text>ol ul li,.text>ul ul li {
    margin-block-start: var(--space-1)
}

.text>ol+*,.text>ul+* {
    margin-block-start:0}

.text>:where(ul,ol) li:last-child>:is(ul,ol) {
    margin-block-end:0}

.text>ol:last-child,.text>ul:last-child {
    margin-block-end:0}

.text>:where(ul,ol) li {
    position: relative
}

.text>:where(ul,ol) li:before {
    position: absolute;
    text-align: right
}

.text>ol ul>li:before,.text>ul ul>li:before,.text>ul>li:before {
    content: "•";
    padding-right: .5em;
    right: 100%
}

.text>ol ol>li,.text>ol>li,.text>ul ol>li {
    counter-increment: li;
    margin-left: var(--space-fixed-5)
}

.text>ol ol>li:before,.text>ol>li:before,.text>ul ol>li:before {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: var(--color-bg-btn);
    border-radius: 100%;
    color: var(--color-text-btn);
    content: counter(li);
    display: flex;
    font-size: var(--fz-eyebrow-2);
    font-weight: var(--fw-eyebrow-2);
    height: 2.5rem;
    justify-content: center;
    left: calc(-2.5rem - var(--space-fixed-3));
    letter-spacing: var(--lts-eyebrow-2);
    line-height: var(--lh-eyebrow-2);
    text-transform: var(--tt-eyebrow-2);
    text-wrap: balance;
    top: -.5rem;
    width: 2.5rem
}

.text>blockquote>:last-child {
    margin-bottom: 0!important
}

.text>table {
    --bd: 0.0625rem solid var(--color-bd);
    --color-bd: #d1d1d1;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.text>td,.text>th {
    padding: var(--space-fixed-2);
    text-align: left
}

.text>tr+tr :where(th,td) {
    border-top: 1px solid var(--color-divider)
}

.text>th {
    color: var(--color-text-soft);
    min-width: 6.25rem
}

.text>th:first-of-type {
    min-width: 12.5rem
}

.text>.text__table {
    grid-column-end: -1;
    max-width: calc(100vw - var(--space-outer));
    overflow-x: auto;
    width: 100%
}

@media(max-width: 59.9375em) {
    .text>.text__table table {
        margin-inline-end:var(--space-outer)
    }
}

.text>.instagram-media-rendered,.text>.lite-video,.text>.multimedia,.text>.tiktok-embed,.text>.twitter-tweet-rendered {
    margin: calc(var(--text-spacing)*2) auto
}

.text .instagram-media-rendered {
    max-width: 100%!important;
    min-width: 0!important;
    width: 326px!important
}

.text>.section {
    margin-block:var(--space-4)}

.text>.headline--embedded .headline__title {
    padding-block-start: 0
}

.text>.heading-wrapper:first-child>:first-child,.text>:first-child {
    margin-block-start:0}

.text>:last-child {
    margin-block-end:0!important}

.text-light {
    color: var(--color-text-soft)
}

.text blockquote:not(.quote__text) {
    border-left: 1px solid var(--color-text);
    font-size: var(--fz-body-1);
    line-height: var(--lh-body-1);
    margin-block:var(--space-5);padding-inline-start: var(--space-fixed-3);
    text-wrap: balance
}

.toc {
    background-color: var(--color-toc-bg);
    border-radius: var(--bdrs-m);
    color: var(--color-toc-text);
    grid-column: 1/-1;
    margin-bottom: var(--space-5);
    padding: var(--space-5)
}

@media(min-width: 80em) {
    .toc {
        grid-column:1/span 8
    }
}

.toc--doc {
    margin-block-start:0}

.toc--doc .toc-wrapper {
    padding-inline:0;position: sticky;
    top: calc(var(--nav-height) + var(--space-fixed-2))
}

.toc--doc .toc-link {
    color: currentcolor
}

.toc__link .btn__icon {
    flex: none;
    height: 1.5rem;
    width: 1.5rem
}

.toc__link .btn__text {
    line-height: var(--lh-toc);
    text-align: left
}

.toc__link {
    text-align: left;
    white-space: inherit
}

.toc__list-item {
    padding-block:var(--space-fixed-2)}

.site-footer {
    background-color: var(--color-bg);
    color: var(--color-text);
    padding-block:4.5rem;padding-inline:var(--space-outer)}

.site-footer a {
    color: currentcolor;
    text-decoration: none;
    transition: var(--trs)
}

.site-footer a:focus-visible {
    background-color: var(--color-text);
    box-shadow: 0 0 0 min(.5em,.25rem) var(--color-text);
    color: var(--color-bg);
    outline: none
}

.footer-credits {
    align-items: center;
    border-top: .0625rem solid var(--color-divider);
    display: flex;
    justify-content: space-between;
    margin-top: 4.5rem;
    padding-block-start:var(--space-fixed-3)}

@media(max-width: 59.9375em) {
    .footer-credits {
        align-items:flex-start;
        flex-direction: column
    }
}

.footer-credits__socials {
    align-items: center;
    display: flex;
    gap: var(--space-fixed-3)
}

@media(max-width: 59.9375em) {
    .footer-credits__socials {
        align-items:flex-start;
        flex-direction: column;
        margin-bottom: var(--space-fixed-2)
    }
}

.site-credits,.social-links {
    display: flex;
    gap: var(--space-fixed-1);
    grid-column: 1/-1
}

@media(min-width: 60em) {
    .site-credits,.social-links {
        grid-column:auto/span 6
    }
}

.site-credits {
    gap: var(--space-fixed-3)
}

.social-links__icon {
    display: block
}

@media(min-width: 60em) {
    .social-links__icon {
        height:var(--space-fixed-2)
    }
}

.social-links__link {
    display: block;
    padding: .25em
}

.site-footer__branding {
    margin-block-end:var(--space-4)}

.site-footer__headline {
    grid-column: 1/-1;
    margin-bottom: var(--space-6)
}

@media(min-width: 60em) {
    .site-footer__headline {
        grid-column:auto/span 9;
        margin-bottom: var(--space-5)
    }
}

.footer-nav {
    grid-column: 1/-1
}
.site-footer__headline h2 {
    text-wrap: balance;
}
.footer-nav__list {
    display: grid;
    grid-column-gap: var(--space-gutter);
    grid-row-gap: var(--space-gutter-v);
    column-gap: var(--space-gutter);
    grid-template-columns: var(--grid);
    row-gap: var(--space-4)
}

.footer-nav__item {
    grid-column: auto/span 2;
    grid-template-columns: subgrid
}

.footer-nav__link,.site-credits-link {
    position: relative
}

.footer-nav__link:after,.site-credits-link:after {
    background: currentcolor;
    bottom: 0;
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .25s ease-out;
    width: 100%
}

@media(hover: hover) {
    .footer-nav__link:hover:after,.site-credits-link:hover:after {
        transform:scaleX(1);
        transform-origin: bottom left
    }
}

.footer-nav__heading {
    color: var(--color-text-soft)
}

.footer-subnav__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-fixed-2)
}

:root {
    --nav-height: 3.25rem;
    --logo-width: 9.0625rem;
    --nav-break: 62.5em;
    --max-nav-media-query: (max-width:62.5em);
    --min-nav-media-query: (min-width:62.5em)
}

@media(min-width: 50em) {
    :root {
        --nav-height:4rem
    }
}

.skipnav {
    bottom: 100%;
    left: var(--space-gutter);
    opacity: 0;
    padding: .35em 1em;
    position: fixed;
    text-decoration: none;
    transform: translateY(0);
    width: auto;
    z-index: 690
}

.skipnav:focus-visible {
    opacity: 1;
    outline: none;
    transform: translateY(100%)
}

@media(hover: hover) {
    .skipnav:hover {
        opacity:1;
        outline: none;
        transform: translateY(100%)
    }
}

.nav {
    background-color: var(--color-bg);
    left: 0;
    padding-inline:var(--space-outer);
    position: sticky;
    top: 0;
    transition: opacity .19s ease-in .35s;
    width: 100%;
    z-index: 690
}

.nav,.nav__container {
    height: var(--nav-height)
}

.nav__container {
    align-items: stretch;
    display: flex;
    gap: var(--space-gutter);
    justify-content: space-between;
    margin-inline:auto;max-width: var(--maw-w);
    position: relative
}

@media(min-width: 62.5em) {
    .nav__container {
        display:grid;
        gap: 0;
        grid-template-columns: min-content minmax(0,1fr) min-content
    }
}

.nav__branding {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-decoration: none;
    transition: opacity var(--trs-time) var(--trs-tfunc);
    z-index: 600
}

.nav__branding__wordmark {
    align-items: center;
    color: var(--color-text);
    display: flex;
    gap: 1ch;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.nav__branding img,.nav__branding svg {
    display: block;
    max-width: var(--logo-width);
    transition: color var(--trs-time) var(--trs-tfunc),opacity var(--trs-time) var(--trs-tfunc);
    width: var(--logo-width)
}

.nav__branding svg {
    height: 100%;
    z-index: 3
}

.nav__branding svg path {
    transition: opacity .3s
}

.nav__branding__text {
    color: var(--color-text);
    font-size: 1.25rem;
    mix-blend-mode: difference;
    position: relative;
    z-index: 3
}

.nav__branding:-webkit-any-link,.nav__branding:visited {
    color: var(--color-text)
}

.nav__branding:active,.nav__branding:focus-visible {
    color: var(--color-accent-bg);
    fill: var(--color-accent-bg);
    opacity: .6;
    outline: none
}

@media(hover: hover) {
    .nav__branding:hover {
        color:var(--color-accent-bg);
        fill: var(--color-accent-bg);
        opacity: .6
    }
}

@media(max-width: 62.4375em) {
    .nav__menu {
        background-color:var(--color-bg);
        bottom: 0;
        display: none;
        height: calc(var(--vp-h) - var(--nav-height));
        left: 0;
        min-height: calc(var(--vp-h) - var(--nav-height));
        opacity: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding: var(--space-3);
        position: fixed;
        top: var(--nav-height);
        transition: opacity var(--trs-time) ease;
        width: 100%;
        z-index: 600
    }
}

@media(min-width: 62.5em) {
    .nav__menu {
        align-items:stretch;
        column-gap: var(--space-fixed-2);
        display: flex;
        flex-wrap: nowrap;
        justify-content: center
    }
}

@media(max-width: 62.4375em) {
    .nav-menu-checkbox:checked~.nav .nav__menu {
        display:block;
        opacity: 1
    }
}

.nav__list {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-3)
}

@media(min-width: 62.5em) {
    .nav__list {
        align-items:center;
        flex-direction: row;
        gap: var(--space-fixed-3);
        justify-content: center;
        margin-bottom: 0;
        padding: 0;
        width: auto
    }
}

.nav__item {
    flex-shrink: 0
}

@media(max-width: 62.4375em) {
    .nav__item {
        padding-block:var(--space-fixed-2)
    }
}

@media(min-width: 62.5em) {
    .nav__item {
        align-items:center;
        display: flex;
        gap: var(--space-fixed-1);
        height: 100%
    }
}

@media(max-width: 62.4375em) {
    .nav__list--primary .nav__item {
        border-bottom:1px solid var(--color-divider)
    }

    .nav__item--cta {
        padding: 0
    }
}

@media(min-width: 62.5em) {
    .nav__item--cta {
        align-items:center
    }
}

@media(max-width: 62.4375em) {
    .nav__item--cta:last-child {
        width:100%
    }
}

.nav__item-link {
    color: currentcolor;
    position: relative;
    text-decoration: none
}

@media(max-width: 62.4375em) {
    .nav__item--cta .btn {
        display:flex;
        justify-content: center
    }
}

.nav__item--cta .btn-wrapper {
    padding-block:.625em}

.nav__item--cta .btn--primary {
    margin-inline:1.25em}

.nav__item--cta .btn--primary:after,.nav__item--cta .btn--primary:before {
    width: 1.25em
}

.nav__item--cta .btn--primary:before {
    border-radius: 1000px 0 0 1000px;
    left: -1.25em
}

.nav__item--cta .btn--primary:after {
    border-radius: 0 1000px 1000px 0;
    right: -1.25em
}

.nav__item__button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: var(--color-text);
    display: flex;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: color var(--trs-time) var(--trs-tfunc)
}

@media(max-width: 62.4375em) {
    .nav__item__button {
        align-items:center;
        justify-content: space-between;
        text-align: left;
        width: 100%
    }
}

@media(min-width: 62.5em) {
    .nav__item__button {
        align-items:center
    }
}

.nav__item__button:before {
    content: none
}

.nav__item__button:focus-visible {
    background-color: var(--color-bg-btn);
    color: var(--color-text-btn);
    outline: 0
}

.nav__list--primary {
    flex: 1
}

@media(min-width: 62.5em) {
    .nav__list--primary .nav__list {
        height:var(--nav-height);
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }
}

.nav__subnav-icon {
    margin-left: var(--space-0);
    pointer-events: none;
    transition: transform var(--trs-time) var(--trs-tfunc)
}

@media(min-width: 62.5em) {
    .nav__subnav-icon {
        display:none
    }
}

.nav__item__button[aria-expanded=true] .nav__subnav-icon {
    transform: rotate(90deg)
}

@media(hover: hover) {
    .nav__item:hover .nav__subnav-icon {
        transform:rotate(180deg)
    }
}

@media(max-width: 62.4375em) {
    .nav__list--secondary {
        align-items:center;
        flex-direction: column-reverse;
        gap: var(--space-fixed-2)
    }
}

@media(min-width: 62.5em) {
    .nav__list--secondary {
        position:relative;
        z-index: 5
    }
}

.nav__list--secondary .nav__item__button {
    padding: var(--space-0) var(--space-outer)
}

@media(min-width: 62.5em) {
    .nav__list--secondary .nav__item__button {
        padding:var(--space-2)
    }
}

@media(max-width: 62.4375em) {
    .nav__list:has(.is-subnav-open) .nav__item:not(.is-subnav-open) .nav__item__button {
        color:var(--color-text-soft)
    }
}

.nav-menu-open {
    overflow: hidden
}

.nav-menu-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nav__menu-mobile-buttons {
    align-items: center;
    display: flex;
    gap: 0
}

@media(min-width: 62.5em) {
    .nav__menu-mobile-buttons {
        display:none
    }
}

.nav__menu-btn {
    background-color: transparent;
    border: none;
    color: var(--color-dark);
    cursor: pointer;
    display: block;
    height: 2.5rem;
    padding: 0;
    width: 2.5rem
}

.nav__menu-btn:before {
    aspect-ratio: 1/1;
    background-color: var(--color-text);
    content: "";
    display: inline-block;
    -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path fill="currentColor" d="M28.333 14.583H11.667v-2.5h16.666zm0 6.667H11.667v-2.5h16.666zm-16.667 6.667h16.667v-2.5H11.667z"/></svg>') no-repeat 50% 50%;
    mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path fill="currentColor" d="M28.333 14.583H11.667v-2.5h16.666zm0 6.667H11.667v-2.5h16.666zm-16.667 6.667h16.667v-2.5H11.667z"/></svg>') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 2.5rem
}

.nav-menu-checkbox:checked~.nav .nav__menu-btn:before {
    content: "";
    -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path fill="currentColor" d="m26.482 15.286-1.768-1.768L20 18.232l-4.714-4.714-1.768 1.768L18.232 20l-4.714 4.714 1.768 1.768L20 21.768l4.714 4.714 1.768-1.768L21.768 20z"/></svg>') no-repeat 50% 50%;
    mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path fill="currentColor" d="m26.482 15.286-1.768-1.768L20 18.232l-4.714-4.714-1.768 1.768L18.232 20l-4.714 4.714 1.768 1.768L20 21.768l4.714 4.714 1.768-1.768L21.768 20z"/></svg>') no-repeat 50% 50%
}

@media(min-width: 62.5em) {
    .nav-menu-checkbox,.nav__menu-btn {
        display:none
    }
}

.nav__menu-btn:active {
    color: var(--color-dark)
}

@media(hover: hover) {
    .nav__menu-btn:hover {
        color:var(--color-dark)
    }
}

.nav__subnav {
    position: relative;
    z-index: 5
}

@media(max-width: 62.4375em) {
    .nav__subnav {
        background-color:var(--color-bg);
        display: none
    }
}

@media(min-width: 62.5em) {
    .nav__subnav {
        background-color:#e7e4db;
        border-radius: var(--bdrs-m);
        opacity: 0;
        overflow: hidden;
        padding-block-start:var(--space-fixed-3);padding-inline: var(--space-fixed-3);
        position: absolute;
        top: var(--nav-height);
        transition: opacity .2s,visibility .2s;
        visibility: hidden;
        width: auto
    }

    .nav__subnav--list {
        padding: var(--space-fixed-2) var(--space-fixed-3)
    }
}

@media(max-width: 49.9375em) {
    .nav-feature__card {
        flex-direction:column;
        width: auto
    }
}

@media(max-width: 59.9375em) {
    .nav-feature__card {
        margin-block-start:var(--space-fixed-2)
    }
}

@media(min-width: 62.5em) {
    .nav__item:not(.nav__item--cta):before {
        background-color:var(--color-bg-btn);
        content: "";
        display: inline-flex;
        height: 1.25rem;
        -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" fill="none" viewBox="0 0 5 11"><path fill="currentColor" d="M5 5.5a5 5 0 0 1-5 5V.5a5 5 0 0 1 5 5"/></svg>') no-repeat 50% 50%;
        mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" fill="none" viewBox="0 0 5 11"><path fill="currentColor" d="M5 5.5a5 5 0 0 1-5 5V.5a5 5 0 0 1 5 5"/></svg>') no-repeat 50% 50%;
        -webkit-mask-size: auto;
        mask-size: auto;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity .2s var(--trs-tfunc),transform .2s var(--trs-tfunc);
        width: .625rem
    }
}

@media(hover: hover) {
    .nav__item.is-subnav-open:before,.nav__item:hover:before {
        opacity:1;
        transform: translateY(0)
    }
}

@media(min-width: 62.5em) {
    .nav__item.is-subnav-open .nav__subnav {
        opacity:1;
        visibility: visible
    }
}

@media(max-width: 62.4375em) {
    .nav__item.is-subnav-open .nav__subnav {
        display:block;
        padding-block-start:var(--space-fixed-2)}
}

.nav__subnav[hidden] {
    opacity: 0;
    overflow: hidden
}

@media(max-width: 62.4375em) {
    .nav__subnav[hidden] {
        height:0
    }
}

@media(min-width: 62.5em) {
    .nav__subnav[hidden] {
        transition:opacity .2s linear,visibility .2s linear
    }
}

.nav__subnav__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-fixed-1);
    width: auto
}

.nav__subnav__link {
    color: var(--color-text);
    display: inline-block;
    padding: var(--space-00) 0;
    position: relative;
    text-decoration: none
}

@media(min-width: 62.5em) {
    .nav__subnav__link {
        color:#171713
    }
}

.nav__item-link:after,.nav__subnav__link:after {
    background: currentcolor;
    bottom: 0;
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .25s ease-out;
    width: 100%
}

.nav__subnav__link:focus-visible {
    background-color: var(--color-bg-btn);
    color: var(--color-text-btn);
    outline: 0
}

@media(hover: hover) {
    .nav__item-link:hover:after,.nav__subnav__link:hover:after {
        transform:scaleX(1);
        transform-origin: bottom left
    }
}

.nav__subnav__eyebrow {
    color: var(--color-bg-btn);
    margin-bottom: var(--space-fixed-1)
}

@media(min-width: 62.5em) {
    .nav__subnav__eyebrow {
        color:#8b8b8b
    }
}

.nav__subnav__feature {
    background: #ffc83a;
    margin-inline:calc(var(--space-fixed-3)*-1);padding-block: var(--space-fixed-3);
    padding-inline:var(--space-fixed-3)}

@media(max-width: 62.4375em) {
    .nav__subnav__feature {
        border-radius:var(--bdrs-m);
        margin-block:var(--space-fixed-4) var(--space-fixed-3);margin-inline: 0;
        padding: var(--space-fixed-2)
    }

    .nav__subnav__feature .nav__subnav__link {
        color: var(--color-text-btn)
    }
}

.nav__subnav__list+.nav__subnav__eyebrow {
    margin-top: var(--space-2)
}

@media(min-width: 62.5em) {
    .nav__subnav__lists {
        display:flex;
        gap: var(--space-5);
        max-width: var(--maw);
        padding-bottom: var(--space-2)
    }
}

@media(max-width: 62.4375em) {
    .nav__subnav__sublist {
        margin-top:var(--space-fixed-3)
    }
}

@media(hover: hover)and (min-width:62.5em) {
    .nav__item:hover .nav__subnav {
        opacity:1;
        visibility: visible
    }
}

@media(hover: hover) {
    .no-js .nav__item:hover .nav__subnav {
        height:auto;
        opacity: 1;
        visibility: visible
    }
}

@media(hover: hover)and (max-width:62.4375em) {
    .no-js .nav__item:hover .nav__subnav {
        padding:var(--space-outer)
    }
}

body.page-no-nav .nav__menu,body.page-no-nav .nav__menu-mobile-buttons {
    display: none
}

body.page-no-nav .nav__branding {
    grid-column: 1/-1;
    justify-content: center
}

body.page-no-nav .nav__branding svg path {
    opacity: 1!important;
    transition: none
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left,auto);
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom,4px);
    height: var(--swiper-scrollbar-size,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left,auto);
    position: absolute;
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    width: var(--swiper-scrollbar-size,4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.container {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--maw-w);
    width: 100%
}

.container-full {
    max-width: 100%
}

.container-x-narrow {
    max-width: var(--maw-xn)
}

.container-narrow {
    max-width: var(--maw-n)
}

.container-wide {
    max-width: var(--maw-w)
}

.section {
    padding-block:var(--space-outer-v);padding-inline: var(--space-outer)
}

.section:where([class*=theme-]) {
    background-color: var(--color-bg);
    color: var(--color-text)
}

.section:first-child:where(:not([class*=theme-])) {
    padding-block-start:0!important}

.section:not(.post__body) .section {
    padding-inline:0}

body .section:not(.hero).theme-beige+.section.theme-beige,body .section:not(.hero).theme-blue+.section.theme-blue,body .section:not(.hero).theme-dark+.section.theme-dark,body .section:not(.hero).theme-light+.section.theme-light,body .section:not(.hero).theme-yellow+.section.theme-yellow {
    padding-block-start:var(--space-section-collapsed,0)}

body.theme-dark .section: not(.hero):is(.theme-default,:not([class*=theme-]),.theme-dark)+:is(.theme-default,:not([class*=theme-]),.theme-dark),body:is(.theme-default,:not([class*=theme-]),.theme-light) .section:not(.hero):is(.theme-default,:not([class*=theme-]),.theme-light)+:is(.theme-default,:not([class*=theme-]),.theme-light) {
    padding-block-start:var(--space-section-collapsed,0)
}

.section--flush {
    padding-block:0}

.section--flush-padding {
    padding-left: 0;
    padding-right: 0
}

.section--flush-top {
    padding-block-start:0}

.section[id] {
    scroll-margin-top: calc(var(--nav-height) + var(--space-3))
}

@media(min-width: 50em) {
    :where([animate-up-children]:not(.hero)) [animate-up-child] {
        opacity:.01;
        transform: translateY(1rem);
        transition: transform .4s,opacity .4s;
        transition-delay: .15s
    }
}

:where([animate-up-children].hero) [animate-up-child] {
    opacity: .01;
    transform: translateY(1rem);
    transition: transform .4s,opacity .4s;
    transition-delay: .15s
}

[animate-up-child].isVisible,[animate-up].isVisible {
    opacity: 1;
    transform: none
}

body:not(.has-scroll-reveal) [animate-up-child],body:not(.has-scroll-reveal) [animate-up] {
    animation: moveIn .4s 1.5s forwards
}

.nav__item.nav__item--cta {
    color: #fff
}
.nav-menu-open header.nav {
    position: fixed;
}


/* Basic styling for the popup */
.header-bar {
    border-bottom: 0.125rem solid var(--color-divider);
    padding-block: 30px;
    padding-inline: var(--space-outer);
    position: relative;
    z-index: 601;

    @media (max-width: 1163px) {
        background-size: contain !important;
    }

    @media (max-width: 768px) {
        background-image: none !important;
    }
}

#popup {
    display: none; /* Initially hidden */
}

#popupHeader {
    position: absolute;
    right: 5px;
    top: 5px;

    @media (min-width: 600px) {
        right: 15px;
        top: 15px;
    }
}

#closePopup {
    background: #f10;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: grid;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    line-height: 15px;
    padding-bottom: 3px;
    place-items: center;
    width: 20px;
}

.header-bar .container {
    place-items: center;
}

.header-bar-logo {
    grid-column: 1 / -1;

    @media (min-width: 600px) {
        grid-column: auto / span 3;
    }
    @media (min-width: 800px) {
        grid-column: auto / span 6;
    }
    @media (min-width: 960px) {
        grid-column: auto / span 4;
    }
    @media (min-width: 1280px) {
        margin-right: 50px;
    }
}

.header-bar__content {
    grid-column: 1 / -1;

    @media (min-width: 600px) {
        grid-column: auto / span 8;
    }
    @media (min-width: 481px) {
        grid-column: 1/-1;
    }
    @media (min-width: 960px) {
        grid-column: auto / span 8;
    }
}

.header-bar__content h1,
.header-bar__content h2,
.header-bar__content h3,
.header-bar__content h4,
.header-bar__content h5 {
    font-family: var(--ff-headline-2);
    font-size: 28px;
    // letter-spacing: var(--lts-headline-2);
    line-height: var(--lh-headline-2);
    margin-bottom: 10px;
}
.header-bar__content a,
.header-bar__content a:hover {
    color: #2526b3 !important;
    text-decoration: underline !important;
}
#closePopup:hover {
    border: none !important;
    color: #fff !important;
}