: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 } @font-face { font-display: swap; font-family: Inter; font-style: normal; font-weight: 100 900; src: url(/static/fonts/inter-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF } @font-face { font-display: swap; font-family: Inter; font-style: normal; font-weight: 100 900; src: url(/static/fonts/inter-latin.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD } @font-face { font-display: swap; font-family: Newsreader; font-style: normal; font-weight: 200 800; src: url(/static/fonts/newsreader.woff2) format("woff2") } :root { --ff-sans: "Inter", system-ui, "Helvetic Neue", "Helvetica", "Arial", sans-serif; --ff-sans-medium: "Inter", system-ui, "Helvetic Neue", "Helvetica", "Arial", sans-serif; --ff-sans-bold: "Inter", system-ui, "Helvetic Neue", "Helvetica", "Arial", sans-serif; --ff-serif: "Newsreader", "Georgia", "Cambria", "Palatino", "Times New Roman", "Times", serif } :root { --grid: repeat(var(--space-columns), minmax(10px, 1fr)) } :root { --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)) ) } :root { --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-4); --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 } @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*=iPhone][data-useragent*=Safari],html[data-useragent*=iPad][data-useragent*=Safari] { --vp-h: -webkit-fill-available } :root { --color-bg-btn-disabled: #D1D1D1; --color-text-btn-disabled: #242424 } :root,.theme-light { --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-border: #C3BFBB; --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: #F5F0E7; --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: #F5F0E7; --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, 0.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: #F5F0E7; --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 } .theme-pink { --color-bg: #C900C8; --color-text: #FFF; --color-text-soft: #D1D1D1; --color-light: #C900C8; --color-dark: #FFF; --color-text-link: #FFF; --color-text-link-hover: ; --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: #C900C8; --color-surface-color: #FFF } .theme-purple { --color-bg: #7E00FF; --color-text: #FFF; --color-text-soft: #D1D1D1; --color-light: #7E00FF; --color-dark: #FFF; --color-text-link: #FFF; --color-text-link-hover: #DA8DFA; --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: #7E00FF; --color-surface-color: #FFF } .theme-green { --color-bg: #05A126; --color-text: #FFF; --color-text-soft: #D1D1D1; --color-light: #05A126; --color-dark: #FFF; --color-text-link: #FFF; --color-text-link-hover: #61C15E; --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: #05A126; --color-surface-color: #FFF } .theme-pastel-yellow { --color-bg: #FFF4BC; --color-text: #171713; --color-text-soft: #545454; --color-light: #171713; --color-dark: #FFF4BC; --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: #FFF4BC; --color-surface-color: #171713 } .theme-pastel-blue { --color-bg: #B3DCFF; --color-text: #171713; --color-text-soft: #545454; --color-light: #171713; --color-dark: #B3DCFF; --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: #B3DCFF; --color-surface-color: #171713 } .theme-pastel-green { --color-bg: #A7FFA1; --color-text: #171713; --color-text-soft: #545454; --color-light: #171713; --color-dark: #A7FFA1; --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: #A7FFA1; --color-surface-color: #171713 } .theme-pastel-purple { --color-bg: #CFA2FF; --color-text: #171713; --color-text-soft: #545454; --color-light: #171713; --color-dark: #CFA2FF; --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: #CFA2FF; --color-surface-color: #171713 } .theme-pastel-pink { --color-bg: #FFC5FF; --color-text: #171713; --color-text-soft: #545454; --color-light: #171713; --color-dark: #FFC5FF; --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: #FFC5FF; --color-surface-color: #171713 } ::placeholder { color: #545454; opacity: 1 } ::-webkit-input-placeholder { color: #545454 } :-moz-placeholder { color: #545454; opacity: 1 } :-ms-input-placeholder { color: #545454 } :root { --trs-prop: all; --trs-time: 0.3s; --trs-tfunc: ease-in-out; --trs: var(--trs-prop) var(--trs-time) var(--trs-tfunc) } :root { --fz-body-1: clamp(0.875rem, 0.7857142857rem + 0.2380952381vw, 1rem); --lh-body-1: 180%; --ff-headline-1: var(--ff-serif); --fz-headline-1: clamp(2.25rem, 1.8482142857rem + 1.0714285714vw, 2.8125rem); --lh-headline-1: 115%; --ff-headline-2: var(--ff-serif); --fz-headline-2: clamp(1.75rem, 1.4375rem + 0.8333333333vw, 2.1875rem); --lh-headline-2: 130%; --ff-headline-3: var(--ff-serif); --fz-headline-3: clamp(1.25rem, 1.0267857143rem + 0.5952380952vw, 1.5625rem); --lh-headline-3: 130%; --ff-headline-4: var(--ff-serif); --fz-headline-4: clamp(1.125rem, 0.9910714286rem + 0.3571428571vw, 1.3125rem); --lh-headline-4: 120%; --ff-headline-5: var(--ff-serif); --fz-headline-5: clamp(1rem, 0.9107142857rem + 0.2380952381vw, 1.125rem); --lh-headline-5: 120%; --ff-headline-6: var(--ff-serif); --fz-headline-6: rem(16); --lh-headline-6: 120%; --ff-subhead-1: var(--ff-serif); --fz-subhead-1: clamp(1.125rem, 0.5rem + 1.6666666667vw, 2rem); --lh-subhead-1: 120%; --ff-subhead-2: var(--ff-serif); --fz-subhead-2: clamp(1.125rem, 0.7678571429rem + 0.9523809524vw, 1.625rem); --lh-subhead-2: 120%; --fz-eyebrow-1: clamp(0.75rem, 0.6607142857rem + 0.2380952381vw, 0.875rem); --lh-eyebrow-1: 180%; --fw-eyebrow-1: 600; --fz-eyebrow-2: clamp(0.6875rem, 0.6428571429rem + 0.119047619vw, 0.75rem); --lh-eyebrow-2: auto; --fw-eyebrow-2: 700; --fz-eyebrow-3: clamp(0.5625rem, 0.5178571429rem + 0.119047619vw, 0.625rem); --lh-eyebrow-3: auto; --fw-eyebrow-3: 700; --fz-caption-1: 0.875rem; --lh-caption-1: 130%; --fz-caption-2: 0.8125rem; --lh-caption-2: 130%; --fz-toc: clamp(1rem, 0.8214285714rem + 0.4761904762vw, 1.25rem); --lh-toc: 130%; --ff-stats: var(--ff-serif); --fz-stats: clamp(3.125rem, 0.8928571429rem + 5.9523809524vw, 6.25rem); --lh-stats: 110%; --fw-stats: 300 } @viewport { width: device-width } *,*::before,*::after { box-sizing: border-box } ul,ol { padding: 0 } body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd { margin: 0 } html { scroll-behavior: smooth } body { line-height: 1.5; min-height: 100vh; text-rendering: optimizeSpeed } ul[class],ol[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]):hover,a:not([class]):focus-visible { color: var(--color-text-link-hover) } a,button,input,select,textarea,label,summary { touch-action: manipulation } img,video { display: block; height: auto; max-width: 100% } video { width: 100% } input,button,textarea,select,h1,h2,h3,h4,h5,h6 { 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 { background: var(--color-bg); font-size: 1em; min-height: 100% } body { font-family: var(--ff-sans); font-weight: normal; /* background: var(--color-bg); */ color: #171713; font-kerning: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 1.5; margin: 0; min-height: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; text-wrap: pretty } em,i { font-style: normal !important } .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--m>*+* { margin-block-start:var(--space-1)} .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+.section,.stack>.section+.video-container,.stack>.section+* { margin-block-start:0 !important} .u-link-reset { color: var(--color-text); text-decoration: none } :root { --grid-width: calc(100vw - 2 * var(--space-outer)); --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: 37.5625em) { .grid--3up { --grid: repeat(2, 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--5up { --grid: repeat(1, minmax(10px, 1fr)) } @media(min-width: 37.5625em) { .grid--5up { --grid: repeat(2, minmax(10px, 1fr)) } } @media(min-width: 60em) { .grid--5up { --grid: repeat(4, minmax(10px, 1fr)) } } @media(min-width: 80em) { .grid--5up { --grid: repeat(5, minmax(10px, 1fr)) } } .grid--6up { --grid: repeat(1, minmax(10px, 1fr)) } @media(min-width: 50em) { .grid--6up { --grid: repeat(2, minmax(10px, 1fr)) } } @media(min-width: 60em) { .grid--6up { --grid: repeat(3, minmax(10px, 1fr)) } } @media(min-width: 80em) { .grid--6up { --grid: repeat(3, 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: normal } .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-family: var(--ff-serif); font-weight: normal } .f-serif-bold { font-family: var(--ff-serif); font-weight: bold } .type-headline-1 { font-size: var(--fz-headline-1); line-height: var(--lh-headline-1); font-family: var(--ff-headline-1) } .type-headline-2 { font-size: var(--fz-headline-2); line-height: var(--lh-headline-2); font-family: var(--ff-headline-2) } .type-headline-3 { font-size: var(--fz-headline-3); line-height: var(--lh-headline-3); font-family: var(--ff-headline-3) } .type-headline-4 { font-size: var(--fz-headline-4); line-height: var(--lh-headline-4); font-family: var(--ff-headline-4) } .type-headline-5 { font-size: var(--fz-headline-5); line-height: var(--lh-headline-5); font-family: var(--ff-headline-5) } .type-headline-6 { font-size: var(--fz-headline-6); line-height: var(--lh-headline-6); font-family: var(--ff-headline-6) } .type-subhead-1 { font-size: var(--fz-subhead-1); line-height: var(--lh-subhead-1); font-family: var(--ff-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); font-family: var(--ff-subhead-3) } .type-subhead-4 { font-size: var(--fz-subhead-4); line-height: var(--lh-subhead-4); font-family: var(--ff-subhead-4) } .type-eyebrow-1 { font-size: var(--fz-eyebrow-1); line-height: var(--lh-eyebrow-1); font-weight: var(--fw-eyebrow-1); text-transform: capitalize; } .type-eyebrow-2 { font-size: var(--fz-eyebrow-2); line-height: var(--lh-eyebrow-2); font-weight: var(--fw-eyebrow-2); text-transform: var(--tt-eyebrow-2) } .type-eyebrow-3 { font-size: var(--fz-eyebrow-3); line-height: var(--lh-eyebrow-3); font-weight: var(--fw-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-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) } .type-stats { font-size: var(--fz-stats); line-height: var(--lh-stats); font-family: var(--ff-stats); font-weight: var(--fw-stats) } *[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); left: 0; opacity: 0; padding: .4rem; position: absolute; top: 0; transition: var(--trs); visibility: hidden; font-size: var(--fz-body-1); line-height: var(--lh-body-1) } .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 } .no-js .heading-anchor:not(.heading-anchor--copy),.js .heading-anchor--copy { display: block } @media(hover: hover) { .heading-anchor:hover { color:var(--color-text-soft) } } button:where(:not([class])),[role=button]:where(:not([class])),.btn { align-items: center; background-color: var(--color-bg); border: none; color: var(--color-bg-btn-primary-black); cursor: pointer; display: inline-flex; font-size: clamp(0.75rem, 0.6607142857rem + 0.2380952381vw, 0.875rem); font-weight: 600; 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: 425px) { button:where(:not([class])),[role=button]:where(:not([class])),.btn { line-height:1.2; white-space: normal } } @media(max-width: 49.9375em) { button:where(:not([class])),[role=button]:where(:not([class])),.btn { background-color:var(--color-bg-btn) } } button:where(:not([class]))[disabled],[role=button]:where(:not([class]))[disabled],.btn[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); margin-inline:-1px;position: relative; text-align: center } .btn__text,.btn__icon { 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::before,.btn-wrapper::after { 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::before,.btn--primary::after,.btn--primary .btn-wrapper::before,.btn--primary .btn-wrapper::after { background-color: var(--color-bg-btn) } .btn--primary[disabled]::before,.btn--primary[disabled]::after,.btn--primary[disabled] .btn-wrapper::before,.btn--primary[disabled] .btn-wrapper::after { background-color: var(--color-bg-btn-disabled) } .btn--primary::before,.btn--primary::after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 1.5625em } @media(max-width: 425px) { .btn--primary::before,.btn--primary::after { width:4.375em } } .btn--primary::before { border-radius: 1000px 0 0 1000px; left: -1.5625em } @media(max-width: 425px) { .btn--primary::before { left:-1.6875em } } .btn--primary::after { border-radius: 0 1000px 1000px 0; right: -1.5625em } @media(max-width: 425px) { .btn--primary::after { right:-1.6875em } } @media(hover: hover) { button:where(:not([class])):hover,[role=button]:where(:not([class])):hover,.btn--primary:hover { background-color:rgba(0,0,0,0); color: var(--color-text); outline: 0 } .btn--primary:hover .btn__icon { color: var(--color-text) } .btn--primary:hover .btn-wrapper::before,.btn--primary:hover .btn-wrapper::after { transform: scaleX(0) } } .btn--secondary { align-items: center; background-color: var(--color-bg); border: none; color: var(--color-bg-btn-primary-black); cursor: pointer; display: inline-flex; font-size: clamp(0.75rem, 0.6607142857rem + 0.2380952381vw, 0.875rem); font-weight: 600; 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; background-color: var(--color-bg-btn-secondary); color: var(--color-text-btn-secondary); line-height: 130%; white-space: normal } .btn--secondary .btn-wrapper { gap: var(--space-fixed-1); text-align: left } .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); flex-shrink: 0; height: 1.25rem; transition: transform var(--trs-time) var(--trs-tfunc); width: 1.25rem } .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-3) } .btn-row>* { align-items: stretch; flex: 0 0 auto } .btn-row--center { justify-content: center } @media(max-width: 49.9375em) { .btn--text { background-color:rgba(0,0,0,0) } } .u-button-reset { all: initial; cursor: pointer; line-height: 1 } .card { border-radius: var(--bdrs-l); container-name: card; container-type: inline-size; display: flex; flex-direction: column; min-height: 100%; overflow: hidden; position: relative; width: 100% } .card:not([class*=theme-]):not(.multicard--transparent *) { --color-bg-btn: #2526B3; --color-text-btn: #FFF; background-color: #fff; color: #171713 } .theme-light .card:not(.theme-blue) { box-shadow: 0 0 32px 0 rgba(0,0,0,.1) } .theme-light .multicard--transparent .card,.theme-light .multicard--border-box .card,.theme-light .multicard--colored .card,.multicard--text-reveal .card.card,.multicard--carousel .card.card,.timeline .card.card { box-shadow: none } .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 .card__media img,a.card:hover .btn--secondary .btn__icon { 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 } .multicard--transparent:has(.card__icon) .card__content { padding: 0 0 .125rem .125rem } .multicard--transparent:has(.card__media) .card__content { padding: var(--space-fixed-3) 0 .125rem .125rem } .card__content .bottom { align-self: flex-end; margin-block-start:1.7777777778em} .card--large .card__title { font-size: 1.25rem } @media(min-width: 60em) { .card--large .card__title { font-size:1.625rem } } @media(min-width: 90.0625em) { .card--large .card__title { font-size:2rem } } .card__body,.card-subhead { font-size: 0.875rem } @media(min-width: 60em) { .card__body,.card-subhead { font-size:1rem } } .card__body { margin-block-start:1.125em} .card__eyebrow { font-size: 0.875rem; margin-block-end:.8571428571em} .card .bottom,.card .bottom .btn { font-size: 0.875rem } .card__icon { --size: 1.875rem; background-color: rgba(0,0,0,0); display: grid; height: var(--size); justify-self: start; margin-block-end:var(--space-fixed-1);place-items: center; position: relative; width: var(--size) } .card__icon-wrap { align-items: center; display: flex; height: 100%; justify-content: center; transition: opacity var(--trs-time) var(--trs-tfunc); width: 100% } .card__icon-wrap--secondary { inset: 0; opacity: 0; position: absolute } @media(hover: hover) { .card:hover .card__icon--has-secondary .card__icon-wrap--primary { opacity:0 } .card:hover .card__icon--has-secondary .card__icon-wrap--secondary { opacity: 1 } } .card__icon-mask { background-color: var(--color-bg-btn); height: var(--size); mask-position: center; mask-repeat: no-repeat; mask-size: 100%; width: var(--size) } .card__icon svg { max-width: 3.125rem } .card__icon .frame,.card__icon-img { height: 100%; width: 100% } .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) } article[data-micromodal-trigger] { cursor: pointer } .multicard--bio .card__media { border-radius: 100%; max-width: 300px; overflow: hidden; place-self: center } .multicard--bio .head { text-align: center } .multicard--bio .bottom { margin-inline:auto} .bio-modal__image { grid-column: 1/-1 } @media(min-width: 50em) { .bio-modal__image { grid-column:1/2 } } @media(min-width: 80em) { .bio-modal__image { grid-column:1/3 } } .bio-modal__content { grid-column: 1/-1 } @media(min-width: 50em) { .bio-modal__content { grid-column:2/-1 } } @media(min-width: 80em) { .bio-modal__content { grid-column:3/-1 } } .eyebrow { color: var(--color-bg-btn) } .eyebrow:not(.eyebrow-noicon)::before { background-color: var(--color-bg-btn); content: ""; display: inline-block; height: .75rem; margin-inline-end:calc(var(--space-fixed-1) - 0.25rem);mask: url('data:image/svg+xml;utf-8,') no-repeat 50% 50%; mask-size: cover; transform: translateY(-0.125em); vertical-align: middle; width: .375rem } :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--]>picture,.frame[class*=frame--] img,.frame[class*=frame--]>video { block-size: 100%; inline-size: 100%; object-fit: cover } .frame.frame--contain>picture,.frame.frame--contain img,.frame.frame--contain>video { object-fit: contain } .frame--1-1 { --ratio: 1/1 } .frame--4-3 { --ratio: 4/3 } .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: 1rem; width: 1rem } 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 { opacity: .2; background-color: var(--dot-color); border-radius: var(--dot-bdrs); height: var(--dot-size); 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 } .search:not(.search--modal) { left: 0; padding-inline:var(--space-outer);position: fixed; top: calc(var(--search-height)*-2); transition: top var(--trs-time) var(--trs-tfunc); width: 100%; z-index: 600 } .search:not(.search--modal).is-visible { top: var(--total-nav-height); transition: top .3s ease } .search:not(.search--modal).is-visible.scrolled { top: var(--nav-height) } .search__form { background-color: var(--color-bg); height: var(--search-height) } .search__input { all: unset; background-color: rgba(0,0,0,0); border: none; color: var(--color-text); height: var(--search-height); width: 100%; font-size: var(--fz-subhead-1); line-height: var(--lh-subhead-1); font-family: var(--ff-subhead-1) } .search__input::-webkit-input-placeholder,.search__input::-moz-placeholder,.search__input:-ms-input-placeholder,.search__input:-moz-placeholder,.search__input::placeholder { color: var(--color-text-soft); font-size: var(--fz-subhead-1); line-height: var(--lh-subhead-1); font-family: var(--ff-subhead-1) } .search__input::-webkit-search-cancel-button { appearance: none } .search__clear { background-color: rgba(0,0,0,0); border: none; color: var(--color-text-soft); cursor: pointer; height: var(--search-height); position: absolute; right: var(--space-outer); top: 0; z-index: 99 } .search__clear::before { background: var(--color-bg); background: linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 30%, transparent) 0%, var(--color-bg) 45%); content: ""; height: 100%; max-width: 130px; position: absolute; right: 0; top: 0; width: 350%; z-index: -1 } .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);margin-inline-start: 2px } .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-size: var(--fz-headline-2); line-height: var(--lh-headline-2); font-family: var(--ff-headline-2) } .text>h3:not([class]) { font-size: var(--fz-headline-3); line-height: var(--lh-headline-3); font-family: var(--ff-headline-3) } .text>h4:not([class]) { font-size: var(--fz-headline-4); line-height: var(--lh-headline-4); font-family: var(--ff-headline-4); font-family: var(--ff-serif); font-weight: normal } .text>h5:not([class]) { font-size: var(--fz-headline-5); line-height: var(--lh-headline-5); font-family: var(--ff-headline-5); font-family: var(--ff-serif); font-weight: normal; font-weight: bold } .text>h6:not([class]) { font-size: var(--fz-headline-6); line-height: var(--lh-headline-6); font-family: var(--ff-headline-6); font-family: var(--ff-serif); font-weight: normal } .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>ul,.text>ol,.text>ul ul,.text>ul ol,.text>ol ul,.text>ol ol { counter-reset: li; list-style: none; margin-block:var(--space-2);margin-inline-start: 1.25rem } .text>ul>li,.text>ol>li,.text>ul ul>li,.text>ul ol>li,.text>ol ul>li,.text>ol ol>li { margin-block-start:var(--space-2)} .text>ul>li: where(li:has(>ul)+*),.text>ol>li:where(li:has(>ul)+*),.text>ul ul>li:where(li:has(>ul)+*),.text>ul ol>li:where(li:has(>ul)+*),.text>ol ul>li:where(li:has(>ul)+*),.text>ol ol>li:where(li:has(>ul)+*) { margin-block-start:var(--space-1) } .text>ul>li { margin-block-start:var(--space-1)} .text>ul>li: first-child,.text>ol>li:first-child { margin-block-start:0 } .text>ul ul,.text>ol ul { margin-block:var(--space-1)} .text>ul ul li,.text>ol ul li { margin-block-start: var(--space-1) } .text>ul+*,.text>ol+* { margin-block-start:0} .text>:where(ul,ol) li:last-child>:is(ul,ol) { margin-block-end:0} .text>ul:last-child,.text>ol: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>ul>li::before,.text>ul ul>li::before,.text>ol ul>li::before { content: "•"; padding-right: .5em; right: 100% } .text>ol>li,.text>ol ol>li,.text>ul ol>li { counter-increment: li; margin-left: var(--space-fixed-5) } .text>ol>li::before,.text>ol 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; height: 2.5rem; justify-content: center; left: calc(-2.5rem - var(--space-fixed-3)); top: -0.5rem; width: 2.5rem; font-size: var(--fz-eyebrow-2); line-height: var(--lh-eyebrow-2); font-weight: var(--fw-eyebrow-2); text-transform: var(--tt-eyebrow-2) } .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 th,.text td { 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>.multimedia,.text>.lite-video,.text>.twitter-tweet-rendered,.text>.instagram-media-rendered,.text>.tiktok-embed { 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>.section+.section { margin-block-start: 0 } .text>.section:has(+.section) { margin-block-end:0} .text>.headline--embedded .headline__title { padding-block-start:0} .text>:first-child,.text>.heading-wrapper:first-child>: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) { font-size: var(--fz-body-1); line-height: var(--lh-body-1); border-left: 1px solid var(--color-text); margin-block:var(--space-5);padding-inline-start: var(--space-fixed-3) } .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 { display: none; padding-block:var(--space-fixed-2)} .toc__list-item: has(a) { display:block } .site-footer { background-color: var(--color-bg); color: var(--color-text); padding-block:4.5rem;padding-inline:var(--space-outer);position: relative } .site-footer__form .hubspotForm__form form { display: contents } .page-no-footer .site-footer { display: none } .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: 37.5em) { .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: 37.5em) { .footer-credits__socials { align-items:flex-start; flex-direction: column; margin-bottom: var(--space-fixed-2) } } .social-links,.site-credits { display: flex; gap: var(--space-fixed-1); grid-column: 1/-1 } @media(min-width: 60em) { .social-links,.site-credits { 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)} @media(min-width: 60em) { .site-footer__headline { grid-column:auto/span 9 } } .footer-nav { grid-column: 1/-1 } @media(min-width: 60em) { .footer-nav { display:contents } } .footer-nav__list { display: grid; grid-column-gap: var(--space-gutter); grid-row-gap: var(--space-gutter-v); grid-template-columns: var(--grid); column-gap: var(--space-gutter); row-gap: var(--space-4) } @media(min-width: 60em) { .footer-nav__list { display:contents } } .footer-nav__item { grid-column: auto/span 2 } @media(min-width: 60em) { .footer-nav__item { grid-column:auto/span 3 } } @media(min-width: 80em) { .footer-nav__item { grid-column:auto/span 2 } } .site-credits-link,.footer-nav__link { position: relative } .site-credits-link::after,.footer-nav__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) { .site-credits-link:hover::after,.footer-nav__link:hover::after { transform:scaleX(1); transform-origin: bottom left } } .footer-nav__heading { font-weight: 700; margin-bottom: var(--space-1) } .footer-subnav__list { display: flex; flex-direction: column; gap: var(--space-fixed-1) } .site-footer__main-content { row-gap: var(--space-6) } @media(min-width: 60em) { .site-footer__main-content { row-gap:var(--space-5) } } .site-footer__form { max-width: 25rem; place-content: center } @media(min-width: 80em) { .site-footer__form { grid-row:2; place-content: start } } .site-footer__brand-block,.site-footer__form { grid-column: 1/-1 } @media(min-width: 60em) { .site-footer__brand-block,.site-footer__form { grid-column:auto/span 6 } } @media(min-width: 80em) { .site-footer__brand-block,.site-footer__form { grid-column:auto/span 4; max-width: 80% } } @media(min-width: 60em) { .site-footer__brand-block--no-form { grid-column:1/-1 } } @media(min-width: 80em) { .site-footer__brand-block--no-form { grid-column:auto/span 4; grid-row: span 2 } } .site-footer__form-heading { margin-block-end:var(--space-2)} .site-footer__form .hs-form .hs-form-field { grid-column: 1/-1 !important } .site-footer__form .hubspotForm .actions { justify-content: left !important; margin-top: var(--space-1) !important } .site-footer .hubspotForm input[type=email] { background: var(--color-bg); border-color: var(--color-text) !important; border-radius: 0; border-width: 0 0 1px; color: var(--color-text); padding: 5px 0 15px !important; font-size: var(--fz-body-1); line-height: var(--lh-body-1) } .site-footer .hubspotForm input:focus-visible { box-shadow: none } .site-footer .footer-form__hubspotForm .submitted-message { font-size: var(--fz-body-1); line-height: var(--lh-body-1); text-align: left } .site-footer .footer-form__hubspotForm .hs-input::placeholder { color: var(--color-text); opacity: 1 } .site-footer .footer-form__hubspotForm .hs-input::-webkit-input-placeholder { color: var(--color-text) } .site-footer .footer-form__hubspotForm .hs-input::-moz-placeholder { color: var(--color-text); opacity: 1 } .site-footer .footer-form__hubspotForm .hs-input:-ms-input-placeholder { color: var(--color-text) } .site-footer .footer-form__hubspotForm .hs-input:-webkit-autofill,.site-footer .footer-form__hubspotForm .hs-input:-webkit-autofill:hover,.site-footer .footer-form__hubspotForm .hs-input:-webkit-autofill:focus,.site-footer .footer-form__hubspotForm .hs-input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--color-bg) inset; caret-color: var(--color-text); -webkit-text-fill-color: var(--color-text) } :root { --nav-height: 3.25rem; --total-nav-height: calc(var(--dynamic-header-height) + var(--dynamic-dropdown-height)); --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); height: var(--nav-height); left: 0; padding-inline:var(--space-outer);position: sticky; top: 0; transition: opacity .19s ease-in .35s,background-color .1s ease-in .1s; width: 100%; z-index: 690 } .nav.is-overlapping { background-color: rgba(0,0,0,0) } .nav-menu-open .nav { position: fixed; top: 0 } .nav__container { align-items: stretch; display: flex; gap: var(--space-gutter); height: var(--nav-height); 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 svg,.nav__branding img { 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:visited,.nav__branding:-webkit-any-link { color: var(--color-text) } .nav__branding:focus-visible,.nav__branding:active { 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-1); 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: calc(var(--space-fixed-1) - 0.25rem); height: 100% } } @media(max-width: 62.4375em) { .nav__list--primary .nav__item { border-bottom:1px solid var(--color-divider) } } @media(max-width: 62.4375em) { .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::before,.nav__item--cta .btn--primary::after { 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: rgba(0,0,0,0); 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; font-size: 14px } } .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); justify-content: flex-start; margin-left: var(--space-2); width: 100% } } .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-1) } } @media(min-width: 62.5em) { .nav__list--secondary { font-size:.875rem; gap: var(--space-fixed-3); position: relative; z-index: 5 } } .nav__list--secondary .nav__item__button { padding: var(--space-0) var(--space-outer) } @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: rgba(0,0,0,0); 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; mask: url('data:image/svg+xml,') no-repeat 50% 50%; mask-size: cover; width: 2.5rem } .nav-menu-checkbox:checked~.nav .nav__menu-btn::before { content: ""; mask: url('data:image/svg+xml,') no-repeat 50% 50% } .nav-menu-checkbox:checked~.nav .nav__menu-btn::after { background: var(--color-bg); content: ""; height: var(--total-nav-height); left: 0; position: fixed; top: 0; width: 100vw; z-index: -1 } @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:var(--color-bg); 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 } } @media(min-width: 62.5em) { .nav__subnav--list { box-shadow:0 32px 32px rgba(0,0,0,.1); 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: 80em) { .nav__item:not(.nav__item--cta)::before { background-color:var(--color-bg-btn); content: ""; display: inline-flex; height: 1.25rem; mask: url('data:image/svg+xml;utf-8,') no-repeat 50% 50%; 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:hover::before,.nav__item.is-subnav-open::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,.nav__subnav__highlighted-link { color: var(--color-text); display: inline-block; padding: var(--space-00) 0; position: relative; text-decoration: none } .nav__item-link::after,.nav__subnav__link::after,.nav__subnav__highlighted-link::after { background: var(--color-bg-btn); bottom: -0.125rem; content: ""; height: .125rem; left: 0; position: absolute; transform: scaleX(0); transform-origin: bottom right; transition: transform .25s ease-out; width: 100% } .nav__subnav__link:focus-visible,.nav__subnav__highlighted-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,.nav__subnav__highlighted-link:hover::after { transform:scaleX(1); transform-origin: bottom left } } .nav__subnav__eyebrow { color: var(--color-bg-btn); margin-bottom: var(--space-fixed-2) } .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) } } .nav__subnav__lists:has(.nav__subnav__sublist:nth-child(4)) { justify-content: center; max-width: 100%; width: 100% } @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-mobile-buttons,body.page-no-nav .nav__menu { 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 } .header-bar { border-bottom: .125rem solid var(--color-divider); padding-block:1.875rem;padding-inline:var(--space-outer);position: relative; z-index: 601 } @media(max-width: 1163px) { .header-bar { background-size:contain !important } } @media(max-width: 768px) { .header-bar { background-image:none !important } } #popup { display: none } #popupHeader { position: absolute; right: 5px; top: 5px } @media(min-width: 37.5625em) { #popupHeader { 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: 37.5625em) { .header-bar-logo { grid-column:auto/span 3 } } @media(min-width: 50em) { .header-bar-logo { grid-column:auto/span 6 } } @media(min-width: 60em) { .header-bar-logo { grid-column:auto/span 4 } } @media(min-width: 80em) { .header-bar-logo { margin-right:50px } } .header-bar__content { grid-column: 1/-1 } @media(min-width: 37.5625em) { .header-bar__content { grid-column:auto/span 8 } } @media(min-width: 30.0625em) { .header-bar__content { grid-column:1/-1 } } @media(min-width: 60em) { .header-bar__content { 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-text-l); font-size: 28px; line-height: var(--lh-text-l); margin-bottom: 10px } .global-banner.global-banner { padding-block:var(--space-1);position: relative } .global-banner .container { display: flex; flex-direction: column; gap: 10px; justify-content: center } @media(min-width: 60em) { .global-banner .container { flex-direction:row } } .global-banner__close { background: rgba(0,0,0,0); position: absolute; right: 10px; top: 10px } @media(min-width: 60em) { .global-banner__close { right:15px; scale: 1.25; top: 50%; transform: translateY(-50%) } } body:has(.nav.is-overlapping) main { margin-top: calc(-1*var(--dynamic-header-height)) } .nav.is-scrolled { background-color: var(--color-bg); box-shadow: 0 2px 10px rgba(0,0,0,.1) } .search-is-open .nav { background-color: var(--color-bg) } body .nav:hover { background-color: var(--color-bg) } @media(min-width: 62.5em) { .nav__subnav:has(.nav__subnav__wrappers) { border-radius:0; box-shadow: 0 32px 32px 0 rgba(0,0,0,.1); left: 0; padding-block:var(--space-fixed-5);padding-inline: var(--space-outer); transform: translateX(calc(var(--space-outer) * -1)); width: calc(100% + var(--space-outer)*2) } .nav__subnav__layout:has(.nav__subnav__spotlights) { column-gap: var(--space-4); display: grid; grid-template-columns: 2fr 1fr } } .nav__subnav__wrappers { display: flex } @media(max-width: 62.4375em) { .nav__subnav__wrappers { flex-direction:column } } .nav__subnav__wrapper { flex: 1 1 100%; max-width: 100%; width: 100% } @media(min-width: 62.5em) { .nav__subnav__wrapper:not(:last-child) { border-right:1px solid var(--color-text); padding-right: var(--space-5) } .nav__subnav__wrapper:not(:first-child) { padding-left: var(--space-5) } } @media(max-width: 62.4375em) { .nav__subnav__wrapper:not(:last-child) { border-bottom:1px solid var(--color-text); margin-bottom: var(--space-3); padding-bottom: var(--space-3) } } .nav__subnav__wrapper-title { margin-bottom: var(--space-fixed-2) } .nav__subnav__spotlights { display: flex; flex-direction: column; gap: var(--space-1); margin-top: var(--space-fixed-4) } @media(min-width: 62.5em) { .nav__subnav__spotlights { margin-top:0 } } .nav__subnav__spotlights .card { background: var(--color-bg); border: none; box-shadow: none !important; margin-bottom: 0; min-height: auto; padding: var(--space-fixed-3) } .nav__subnav__spotlights .card__content { column-gap: var(--space-fixed-2); display: grid; grid-template-columns: min-content 1fr; padding: 0 } .nav__subnav__spotlights .card__content-group { display: contents } .nav__subnav__spotlights .head { grid-column: 2 } .nav__subnav__spotlights .card__body,.nav__subnav__spotlights .bottom { grid-column: 1/-1 } .nav__subnav__spotlights .card__icon { grid-column: 1; height: 2rem; margin-bottom: 0; width: 2rem } .nav__subnav__spotlights img { margin-left: 0 } .nav__subnav__spotlights .card__body,.nav__subnav__spotlights .card-subhead { font-size: .875rem } .nav__subnav__wrapper .nav__subnav__link.type-eyebrow-1 { color: var(--color-bg-btn) } @media(hover: hover) { .nav__subnav__spotlights a.card:hover .card__media img { transform:scale(1) } } @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: translate3d(0, 0, 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-slide,.swiper-3d .swiper-cube-shadow { 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-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom { 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(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-lazy-preloader { border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: rgba(0,0,0,0); 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:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #FFF } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .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-prev,.swiper-button-next { 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-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none } .swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none } .swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next { display: none !important } .swiper-button-prev svg,.swiper-button-next svg { height: 100%; object-fit: contain; transform-origin: center; width: 100% } .swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg { transform: rotate(180deg) } .swiper-button-prev,.swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .swiper-button-next,.swiper-rtl .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset, 10px) } .swiper-button-lock { display: none } .swiper-button-prev::after,.swiper-button-next::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: initial; 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: translate3d(0, 0, 0); transition: 300ms opacity; z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal { 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(0.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.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, 0.2); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)) } button.swiper-pagination-bullet { 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-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets { left: var(--swiper-pagination-left, auto); right: var(--swiper-pagination-right, 8px); top: 50%; transform: translate3d(0, -50%, 0) } .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0 } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform,200ms top } .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: 200ms transform,200ms left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform,200ms right } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 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-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; width: 100% } .swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { 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, 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% - 2*var(--swiper-scrollbar-sides-offset, 1%)); z-index: 50 } .swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical { height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%)); 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, 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>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas { 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 { pointer-events: auto } .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-top,.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 { 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-top,.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 { 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 { content-visibility: auto; padding-block:var(--space-outer-v);padding-inline: var(--space-outer); position: relative; z-index: 1 } .section:where([class*=theme-]) { background-color: var(--color-bg); color: var(--color-text) } .section:has(+.section--curve-top),.section:has(+.section--curve-both) { padding-block-end:calc(var(--space-outer-v) + var(--bdrs-l))} .section--curve-bottom+.section,.section--curve-both+.section,main: has(>.section:nth-last-child(2).section--curve-bottom)+.site-footer,main:has(>.section:nth-last-child(2).section--curve-both)+.site-footer { padding-block-start:calc(var(--space-outer-v) + var(--bdrs-l)) } .section:has(.card) { content-visibility: visible } .section:where([class*=theme-])>.section:first-child:where(:not([class*=theme-])) { padding-block-start:0 !important} .section:where([class*=theme-])>.section:last-child:where(:not([class*=theme-])) { padding-block-end:0 !important} .section:not(.post__body) .section { padding-inline:0} body .section:not(.hero).theme-light+.section.theme-light { padding-block-start:var(--space-section-collapsed, 0)} body .section: not(.hero).theme-dark+.section.theme-dark { padding-block-start:var(--space-section-collapsed, 0) } body .section:not(.hero).theme-beige+.section.theme-beige { padding-block-start:var(--space-section-collapsed, 0)} body .section: not(.hero).theme-yellow+.section.theme-yellow { padding-block-start:var(--space-section-collapsed, 0) } body .section:not(.hero).theme-blue+.section.theme-blue { padding-block-start:var(--space-section-collapsed, 0)} body .section: not(.hero).theme-pink+.section.theme-pink { padding-block-start:var(--space-section-collapsed, 0) } body .section:not(.hero).theme-purple+.section.theme-purple { padding-block-start:var(--space-section-collapsed, 0)} body .section: not(.hero).theme-green+.section.theme-green { padding-block-start:var(--space-section-collapsed, 0) } body .section:not(.hero).theme-pastel-yellow+.section.theme-pastel-yellow { padding-block-start:var(--space-section-collapsed, 0)} body .section: not(.hero).theme-pastel-blue+.section.theme-pastel-blue { padding-block-start:var(--space-section-collapsed, 0) } body .section:not(.hero).theme-pastel-green+.section.theme-pastel-green { padding-block-start:var(--space-section-collapsed, 0)} body .section: not(.hero).theme-pastel-purple+.section.theme-pastel-purple { padding-block-start:var(--space-section-collapsed, 0) } body .section:not(.hero).theme-pastel-pink+.section.theme-pastel-pink { padding-block-start:var(--space-section-collapsed, 0)} body: is(.theme-default,:not([class*=theme-]),.theme-light):not(:has(.post.theme-dark)) .section:not(.hero):is(.theme-default,:not([class*=theme-]),.theme-light)+:is(.theme-default,:not([class*=theme-]),.theme-light),body.theme-dark:not(:has(.post.theme-light)) .section:not(.hero):is(.theme-default,:not([class*=theme-]),.theme-dark)+:is(.theme-default,:not([class*=theme-]),.theme-dark),.post: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),.post.theme-dark .section:not(.hero):is(.theme-default,:not([class*=theme-]),.theme-dark)+:is(.theme-default,:not([class*=theme-]),.theme-dark) { 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--flush-bottom { padding-block-end: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].isVisible,[animate-up-child].isVisible { opacity: 1; transform: none } body:not(.has-scroll-reveal) [animate-up],body:not(.has-scroll-reveal) [animate-up-child] { animation: moveIn .4s 1.5s forwards } .section--curve-top,.section--curve-both,.section--curve-bottom { background-color: var(--color-bg) } .section--curve-top { border-radius: var(--bdrs-l) var(--bdrs-l) 0 0; margin-top: calc(-1*var(--bdrs-l)) } .section--curve-bottom { border-radius: 0 0 var(--bdrs-l) var(--bdrs-l); margin-bottom: calc(-1*var(--bdrs-l)); z-index: 2 } .section--curve-both { border-radius: var(--bdrs-l); margin-block:calc(-1*var(--bdrs-l));z-index: 2 } @media(min-width: 80em) { .is-parallax { align-content:center; clip-path: inset(0); content-visibility: visible; min-height: calc(100vh + var(--nav-height)); position: relative; z-index: 0 } } @media(min-width: 80em) { .is-parallax>.parallax-container { align-content:center; display: grid; inset: var(--nav-height) 0 0 0; max-width: 100%; padding-block:var(--space-outer-v);padding-inline: var(--space-outer); position: fixed !important; z-index: 0 } } @media(min-width: 80em) { .is-parallax.is-scrollable .parallax-container { padding:0; position: relative !important } }