/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: #fff0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: Mercury;
    src: url(/_resources/ux25/public/Mercury-DisplayRegular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Mercury;
    src: url(/_resources/ux25/public/Mercury-DisplayBold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Mercury;
    src: url(/_resources/ux25/public/Mercury-DisplayBoldItalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: TradeGothic;
    src: url(/_resources/ux25/public/TradeGothic-BoldCond.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: TradeGothic;
    src: url(/_resources/ux25/public/TradeGothic-BoldCondItalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: ProximaNova;
    src: url(/_resources/ux25/public/ProximaNova-Light.woff2) format("woff2");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(/_resources/ux25/public/ProximaNova-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(/_resources/ux25/public/ProximaNova-Semibold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

.wysiwyg {
    font-size: clamp(1rem, 0.83378rem + 0.5319148936cqw, 1.3125rem);
    line-height: 1.5238095238
}

.wysiwyg a {
    color: #006a52;
    font-weight: 700;
    text-decoration: underline;
    transition: color 0.25s
}

.wysiwyg a:hover,
.wysiwyg a:focus {
    color: #000
}

.wysiwyg p {
    margin-block: 20px 0
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    margin-block: 40px 20px
}

.wysiwyg h1 {
    font-family: TradeGothic, sans-serif;
    font-size: clamp(2.75rem, 0.28989rem + 7.8723404255cqw, 7.375rem);
    font-weight: 700;
    letter-spacing: -.0625rem;
    line-height: .8em;
    margin-top: .2em;
    padding-top: .2em
}

.wysiwyg h2 {
    font-family: Mercury, serif;
    font-size: clamp(2.25rem, 1.38564rem + 2.7659574468cqw, 3.875rem);
    line-height: 1.0967741935
}

.wysiwyg h3 {
    font-family: Mercury, serif;
    font-size: clamp(1.75rem, 0.95213rem + 2.5531914894cqw, 3.25rem);
    line-height: 1.1153846154
}

.wysiwyg h4 {
    font-family: Mercury, serif;
    font-size: clamp(1.5rem, 0.9016rem + 1.914893617cqw, 2.625rem);
    line-height: 1.1904761905
}

.wysiwyg h5 {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875
}

.wysiwyg h6 {
    font-family: Mercury, serif;
    font-size: clamp(1.125rem, 1.02527rem + 0.3191489362cqw, 1.3125rem);
    letter-spacing: .03125rem;
    line-height: 1.5238095238
}

.wysiwyg .intro {
    font-size: clamp(1.125rem, 0.79255rem + 1.0638297872cqw, 1.75rem);
    line-height: 1.2222222222
}

.wysiwyg .caption {
    font-size: 1rem;
    line-height: 1.5
}

.wysiwyg blockquote {
    font-family: Mercury, serif;
    color: #000;
    font-size: clamp(1.3125rem, 0.81383rem + 1.5957446809cqw, 2.25rem);
    font-weight: 700;
    line-height: 1.2222222222;
    margin-block: clamp(20px, 9.3617021277px + 2.1276595745cqw, 40px);
    margin-inline: 0
}

.wysiwyg blockquote cite {
    font-family: ProximaNova, sans-serif;
    display: block;
    position: relative;
    font-size: clamp(0.875rem, 0.74202rem + 0.4255319149cqw, 1.125rem);
    font-style: normal;
    font-weight: 400;
    margin-block: clamp(10px, 5.7446808511px + 0.8510638298cqw, 18px) 0
}

.wysiwyg ul,
.wysiwyg ol {
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    list-style-position: inside;
    padding-inline: 0
}

.wysiwyg ul li::marker,
.wysiwyg ol li::marker {
    color: #006a52
}

.wysiwyg ol li::marker {
    font-weight: 600
}

.wysiwyg table {
    width: 100%;
    border-collapse: collapse;
    border: none
}

.wysiwyg table tr:nth-child(2n) {
    background-color: #dbe2e9
}

.wysiwyg table th,
.wysiwyg table td {
    border: none;
    padding: 10px 20px;
    vertical-align: top
}

.wysiwyg table th,
.wysiwyg table thead td {
    font-family: Mercury, serif;
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #006a52;
    border: none;
    color: #fff;
    font-size: clamp(0.875rem, 0.74202rem + 0.4255319149cqw, 1.125rem);
    text-align: left
}

.wysiwyg table td {
    font-size: clamp(0.875rem, 0.74202rem + 0.4255319149cqw, 1.125rem);
    line-height: 1.5
}

.wysiwyg .table-container {
    position: relative;
    margin-block: clamp(20px, -1.2765957447px + 4.2553191489cqw, 60px)
}

.wysiwyg .table-container-inner {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.wysiwyg .table-container-overflow {
    position: relative
}

.wysiwyg .table-container-overflow:before {
    width: 20px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(to right, transparent, rgb(0 0 0 / .2));
    content: ""
}

.wysiwyg div[id^="form_"]:has(form) {
    width: 100%;
    max-width: 100%
}

.wysiwyg div[id^="form_"]:has(form) form {
    margin-block: clamp(20px, -1.2765957447px + 4.2553191489cqw, 60px)
}

.wysiwyg div[id^="form_"]:has(form) * {
    width: 100%;
    clear: unset !important
}

.wysiwyg div[id^="form_"]:has(form) div.form_container,
.wysiwyg div[id^="form_"]:has(form) fieldset,
.wysiwyg div[id^="form_"]:has(form) label {
    all: unset;
    display: block
}

.wysiwyg div[id^="form_"]:has(form) .form_page {
    display: grid;
    gap: 15px
}

@container (min-width:980px) {
    .wysiwyg div[id^="form_"]:has(form) .form_page {
        gap: 20px
    }
}

.wysiwyg div[id^="form_"]:has(form) .form_header:not(:first-child) {
    margin-top: 20px
}

.wysiwyg div[id^="form_"]:has(form) .form_header .form_label {
    background: #006a52 !important;
    color: #fff;
    padding: 10px
}

.wysiwyg div[id^="form_"]:has(form) select {
    width: auto;
    background: #dbe2e9;
    border: none;
    border-radius: 8px;
    color: #000;
    font-size: 1rem;
    padding: 14px 10px
}

.wysiwyg div[id^="form_"]:has(form) input[type="radio"],
.wysiwyg div[id^="form_"]:has(form) input[type="checkbox"] {
    width: auto;
    display: inline-block
}

.wysiwyg div[id^="form_"]:has(form) input[type="email"],
.wysiwyg div[id^="form_"]:has(form) input[type="text"] {
    background: #dbe2e9;
    border-radius: 8px;
    border: none;
    font-size: 1rem;
    padding: 14px 10px
}

.wysiwyg div[id^="form_"]:has(form) .form_question {
    margin: 0;
    padding: 0 !important
}

.wysiwyg div[id^="form_"]:has(form) .form_question[data-type="address"] fieldset {
    display: grid;
    gap: 15px
}

@container (min-width:980px) {
    .wysiwyg div[id^="form_"]:has(form) .form_question[data-type="address"] fieldset {
        gap: 20px
    }
}

.wysiwyg div[id^="form_"]:has(form) .form_question[data-type="address"] fieldset>.form_label {
    background: #006a52 !important;
    color: #fff;
    padding: 10px;
    margin-block: 20px 0
}

.wysiwyg div[id^="form_"]:has(form) .form_responses {
    margin-block: 6px 0
}

.wysiwyg div[id^="form_"]:has(form) .form_response {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px
}

.wysiwyg div[id^="form_"]:has(form) .form_response label {
    font-size: 1rem
}

.wysiwyg div[id^="form_"]:has(form) .form_label {
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.2
}

.wysiwyg div[id^="form_"]:has(form) .form_action {
    margin-block: 20px 0
}

@container (min-width:740px) {
    .wysiwyg div[id^="form_"]:has(form) .form_action {
        max-width: 150px
    }
}

.wysiwyg div[id^="form_"]:has(form) .form_button_submit {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: #006a52;
    border-radius: 4px;
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    transition: background-color 0.25s, color 0.25s;
    border: none;
    cursor: pointer
}

.wysiwyg div[id^="form_"]:has(form) .form_button_submit:focus-visible {
    background: #ffd100;
    color: #000
}

@media (hover:hover) {
    .wysiwyg div[id^="form_"]:has(form) .form_button_submit:hover {
        background: #ffd100;
        color: #000
    }
}

.icon {
    display: block;
    fill: currentColor;
    pointer-events: none;
    transition: fill 0.25s
}

.icon-arrow-right {
    width: 20px;
    height: 20px
}

.icon-chat {
    width: 25px;
    height: 24px
}

.icon-chevron-down {
    width: 20px;
    height: 20px
}

.icon-close {
    width: 24px;
    height: 24px
}

.icon-divider {
    width: 4px;
    height: 7px
}

.icon-logo,
.icon-logo_white {
    width: 189px;
    height: 29px
}

.icon-menu {
    width: 24px;
    height: 24px
}

.icon-pause {
    width: 12px;
    height: 14px
}

.icon-play,
.icon-plus {
    width: 20px;
    height: 20px
}

.icon-plus-alt {
    width: 21px;
    height: 21px
}

[data-theme="blue"] {
    --background: blue
}

[data-theme="green"] {
    --background: green
}

:root {
    --column-count: 12;
    --column-gap: 32px;
    --column-width: calc((100% - (var(--column-count) - 1) * var(--column-gap)) / var(--column-count))
}

html {
    font-family: ProximaNova, sans-serif;
    background-color: #000
}

body.scroll-lock {
    overflow: hidden
}

main {
    background-color: #fff
}

.page.preview,
.page-main {
    container-type: inline-size
}

body.home .page.preview,
body.home .page-main {
    container-type: unset
}

.page-title {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.page-components {
    background-color: #f0f3f5
}

body.home .page-components {
    position: relative;
    container-type: inline-size;
    z-index: 500
}

.page-intro+.page-components>*:first-child {
    padding-block-start: 0
}

.page-components>.padded:not([data-theme])+.padded:not([data-theme]) {
    padding-block-start: 0
}

.page-components>.padded:not([data-theme])+.padded[data-theme="gray"] {
    padding-block-start: 0
}

.page-components>.padded[data-theme="gray"]+.padded:not([data-theme]) {
    padding-block-start: 0
}

.page-components>.padded[data-theme="white"]+.padded[data-theme="white"] {
    padding-block-start: 0
}

.page-components>.padded[data-theme="gray"]+.padded[data-theme="gray"] {
    padding-block-start: 0
}

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

.embla {
    overflow: hidden
}

.embla__container {
    display: flex
}

.embla__slide {
    min-width: 0;
    flex: 0 0 100%
}

.icon {
    display: block;
    fill: currentColor;
    pointer-events: none;
    stroke: inherit
}

.image {
    display: block
}

.link {
    display: inline-block
}

.link:has(svg) {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.link.nowrap {
    text-wrap: balance
}

.accordion {
    background-color: #f0f3f5;
    color: #000;
    padding-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px)
}

.accordion[data-theme="green"] {
    background-color: #006a52
}

.accordion-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

@container (min-width:980px) {
    .accordion-inner {
        display: grid;
        gap: 32px;
        grid-template-columns: 5fr 7fr
    }

    .accordion-inner.accordion-single {
        display: block;
    }
}

.accordion[data-theme="green"] .accordion-header {
    color: #fff
}

@container (min-width:980px) {
    .accordion-header {
        padding-inline-end: 32px
    }
}

.accordion-title {
    font-family: Mercury, serif;
    font-size: clamp(2.25rem, 1.38564rem + 2.7659574468cqw, 3.875rem);
    line-height: 1.0967741935;
    margin-block: 0
}

.accordion-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 500px;
    display: block;
    color: #48494a;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    line-height: 1.5;
    margin-block: clamp(10px, 4.6808510638px + 1.0638297872cqw, 20px) 0
}

.accordion[data-theme="green"] .accordion-description {
    color: #fff
}

.accordion-list {
    display: grid;
    gap: 9px;
    margin-block: clamp(25px, 17.0212765957px + 1.5957446809cqw, 40px) 0
}

@container (min-width:980px) {
    .accordion-list {
        margin-block: 0
    }
}

.accordion-item {
    background-color: #fff;
    border-radius: 4px
}

.accordion-item-heading {
    font-size: clamp(1rem, 0.83378rem + 0.5319148936cqw, 1.3125rem);
    line-height: 1.5238095238;
    margin-block: 0
}

.accordion-item-toggle {
    width: 100%;
    display: flex;
    align-items: flex-start;
    appearance: none;
    background-color: #fff0;
    border: none;
    cursor: pointer;
    padding-block: clamp(20px, 14.6808510638px + 1.0638297872cqw, 30px);
    padding-inline: clamp(20px, 6.7021276596px + 2.6595744681cqw, 45px);
    text-align: left
}

.accordion-item.toggle-active .accordion-item-toggle {
    padding-block: clamp(20px, 14.6808510638px + 1.0638297872cqw, 30px) clamp(10px, 2.0212765957px + 1.5957446809cqw, 25px)
}

.accordion-item.toggle-active .accordion-item-toggle .accordion-item-toggle-icon {
    background-color: #006a52;
    color: #fff
}

.accordion-item.toggle-active .accordion-item-toggle .accordion-item-toggle-icon .icon {
    fill: currentColor;
    rotate: 135deg
}

.accordion-item-toggle .accordion-item-toggle-icon {
    width: clamp(36px, 27.6666666667px + 1.6666666667cqw, 44px);
    height: clamp(36px, 27.6666666667px + 1.6666666667cqw, 44px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #dbe2e9;
    border-radius: 50%;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s
}

.accordion-item-toggle .accordion-item-toggle-icon .icon {
    width: clamp(16px, 10.7916666667px + 1.0416666667cqw, 21px);
    fill: #006a52;
    transition: rotate 0.5s
}

.accordion-item-toggle:focus-visible .accordion-item-toggle-icon {
    background-color: #006a52;
    border-color: #006a52;
    color: #fff
}

.accordion-item-toggle:focus-visible .accordion-item-toggle-icon .icon {
    fill: currentColor
}

@media (hover:hover) {
    .accordion-item-toggle:hover .accordion-item-toggle-icon {
        background-color: #006a52;
        border-color: #006a52;
        color: #fff
    }

    .accordion-item-toggle:hover .accordion-item-toggle-icon .icon {
        fill: currentColor
    }
}

.accordion-item-title {
    flex-grow: 1;
    color: #000;
    font-size: clamp(1.125rem, 1.02527rem + 0.3191489362cqw, 1.3125rem);
    font-weight: 600;
    padding-block: clamp(8px, 5.9166666667px + 0.4166666667cqw, 10px) 0;
    padding-inline: 0 clamp(10px, -0.6382978723px + 2.1276595745cqw, 30px);
    transition: color 0.25s
}

.accordion-item.toggle-active .accordion-item-title {
    color: #006a52
}

.accordion-item-content {
    max-height: 0;
    opacity: 0;
    margin-block: 0;
    overflow: hidden;
    padding-block: 0;
    padding-inline: clamp(20px, 6.7021276596px + 2.6595744681cqw, 45px);
    translate: 0 20px;
    visibility: hidden;
    transition: max-height 0.5s, margin-block 0.5s, opacity 0.5s 0.15s, translate 0.5s, visibility 0.5s
}

.accordion-item.toggle-active .accordion-item-content {
    max-height: min-content;
    opacity: 1;
    translate: 0 0;
    padding-block: 0 clamp(20px, 11.4893617021px + 1.7021276596cqw, 36px);
    visibility: visible
}

.accordion-item-content>*:first-child {
    margin-block-start: 0
}

.accordion-item-content>*:last-child {
    margin-block-end: 0
}

.accordion-item-content.wysiwyg p,
.accordion-item-content.wysiwyg a {
    font-size: clamp(0.9375rem, 0.83777rem + 0.3191489362cqw, 1.125rem)
}

.card-collection {
    background-color: #f0f3f5;
    color: #000;
    padding-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px)
}
/* DS 244443 */
.card-collection[data-theme="green"] {
    background-color: #006a52;
}

.card-collection[data-theme="green"] .card-collection-title,
.card-collection[data-theme="green"] .card-collection-description,
.card-collection[data-theme="green"] .card-collection-item-content > * {
    color: #ffffff !important;
}

.card-collection[data-theme="white"] {
    background-color: #ffffff;
}
/* End DS 244443 */

.card-collection-header {
    margin-block: 0 clamp(20px, 13.6170212766px + 1.2765957447cqw, 32px)
}

.card-collection-header-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

.card-collection-title {
    font-family: Mercury, serif;
    font-size: clamp(2.25rem, 1.38564rem + 2.7659574468cqw, 3.875rem);
    line-height: 1.0967741935;
    margin-block: 0
}

.card-collection-description {
    font-size: clamp(1rem, 0.83378rem + 0.5319148936cqw, 1.3125rem);
    line-height: 1.5238095238;
    color: #48494a;
    margin-block: clamp(10px, 8.9361702128px + 0.2127659574cqw, 12px) 0
}

@container (min-width:740px) {
    .card-collection-description {
        max-width: calc(10 * var(--column-width) + 9 * var(--column-gap))
    }
}

@container (min-width:1200px) {
    .card-collection-description {
        max-width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}

.card-collection-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

.card-collection-grid .card-collection-items {
    display: grid;
    gap: 32px
}

@container (min-width:740px) {
    .card-collection-grid .card-collection-items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@container (min-width:980px) {
    .card-collection-grid .card-collection-items {
        grid-template-columns: repeat(3, 1fr)
    }
}

.card-collection-carousel .card-collection-items {
    padding-right: 15%;
}
@container (min-width:980px) {
    .card-collection-carousel .card-collection-items {
        padding-right: 0%;
    }
}

.card-collection-item {
    position: relative
}

.card-collection-carousel .card-collection-item {
    width: 100%;
    margin-right: 20px
}

.card-collection-carousel .card-collection-item:last-child {
    margin-right: 0
}

@container (min-width:740px) {
    .card-collection-carousel .card-collection-item {
        flex: 0 0 calc(50% - 10px)
    }
}

@container (min-width:980px) {
    .card-collection-carousel .card-collection-item {
        flex: 0 0 calc(33.3% - 13px)
    }
}

.card-collection-item:has(.link):focus-visible .card-collection-item-title {
    color: #006a52
}

.card-collection-item:has(.link):focus-visible .card-collection-item-image {
    filter: brightness(.8);
    transform: scale(1.05)
}

.card-collection-item:has(.link):focus-within .card-collection-item-title {
    color: #006a52
}

.card-collection-item:has(.link):focus-within .card-collection-item-image {
    filter: brightness(.8);
    transform: scale(1.05)
}

@media (hover:hover) {
    .card-collection-item:has(.link):hover .card-collection-item-title {
        color: #006a52
    }

    .card-collection-item:has(.link):hover .card-collection-item-image {
        filter: brightness(.8);
        transform: scale(1.05)
    }
}

.card-collection-item-figure {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.card-collection-item-image {
    width: 100%;
    height: auto
}

.card-collection-item:has(.link) .card-collection-item-image {
    filter: brightness(1);
    transition: filter 0.5s, transform 1s;
    will-change: transform
}

.card-collection-item-content {
    margin-block: 16px 0
}

.card-collection-item-title {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875;
    margin-block: 0;
    transition: color 0.25s
}

.card-collection-item-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #48494a;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    line-height: 1.5;
    margin-block: clamp(3px, 1.4042553191px + 0.3191489362cqw, 6px) 0
}

.card-collection-item-link {
    color: #006a52;
    font-weight: 600;
    margin-block: clamp(7px, 4.3404255319px + 0.5319148936cqw, 12px) 0;
    text-decoration: none;
    transition: color 0.25s
}

.card-collection-item-link .icon {
    fill: #44d62c;
    transition: fill 0.25s, translate 0.25s
}

.card-collection-item-link:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}

.card-collection-item-link:focus-visible {
    color: #22372b
}

.card-collection-item-link:focus-visible .icon {
    fill: #006a52;
    translate: 5px 0
}

@media (hover:hover) {
    .card-collection-item-link:hover {
        color: #22372b
    }

    .card-collection-item-link:hover .icon {
        fill: #006a52;
        translate: 5px 0
    }
}

.contact-info {
    background: #22372b;
    color: #fff;
    padding-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px);
	font-size: larger
}

.contact-info a {
    color: #fff;
}

.contact-info-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

.contact-info-title {
    font-family: Mercury, serif;
    font-size: clamp(2.25rem, 1.38564rem + 2.7659574468cqw, 3.875rem);
    line-height: 1.0967741935;
    margin-block: 0
}
<!--
.contact-info-body {
    display: grid;
    gap: clamp(24px, 19.7446808511px + 0.8510638298cqw, 32px);
    margin-block: clamp(28px, 13.1063829787px + 2.9787234043cqw, 56px) 0
}-->

.contact-info-body {
    display: grid;
	align-items: stretch;
	grid-auto-rows: repeat(auto-fill, 1fr);
    gap: clamp(34px, 19.7446808511px + 0.8510638298cqw, 32px);
    margin-block: clamp(28px, 13.1063829787px + 2.9787234043cqw, 56px) 0
}

@container (min-width:740px) {
    .contact-info-body {
        align-items: start;
        grid-template-columns: repeat(2, 1fr)
    }
}

@container (min-width:980px) {
    .contact-info-body {
        grid-template-columns: repeat(4, 1fr)
    }
}
<!--
@container (min-width: 1240px) {
    .contact-info-body {
        grid-template-columns: repeat(4, 1fr);
    }
}-->
<!--
.contact-info-group {
    display: grid;
    gap: clamp(0px, -2.6595744681px + 0.5319148936cqw, 5px)
}-->

/* For 2 columns */
@media (min-width: 740px) and (max-width: 979px) {
    .contact-info-group {
        gap: 20px; /* or any value that looks good */
    }
}

/* For 3 columns */
@media (min-width: 980px) and (max-width: 1239px) {
    .contact-info-group {
        gap: 25px;
    }
}

/* For 4 columns and wider screens */
@media (min-width: 1240px) {
    .contact-info-group {
        gap: 30px; /* or adjust as needed for larger screens */
    }
}

.contact-info-group-label {
    font-size: 1rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    display: block;
    color: #ffd100
}

.contact-info-link {
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    margin-block: clamp(7px, 4.3404255319px + 0.5319148936cqw, 12px) 0;
    text-decoration: none;
    transition: color 0.25s
}

.contact-info-link .icon {
    fill: #44d62c;
    transition: fill 0.25s, translate 0.25s
}

.contact-info-link:focus-visible .icon {
    fill: #fff;
    translate: 5px 0
}

@media (hover:hover) {
    .contact-info-link:hover .icon {
        fill: #fff;
        translate: 5px 0
    }
}

.text-cta {
    background-color: var(--background, #006a52);
    background-image: url(/_resources/images/pattern.png);
    background-size: cover;
    background-position: center;
    color: var(--title, #fff);
    padding-block: clamp(60px, 6.8085106383px + 10.6382978723cqw, 160px)
}

.text-cta[data-theme="green"] {
    --background: #006a52;
    --title: #44d62c;
    --description: #fff;
    --link: #44d62c;
    --link-text: #000;
    --link-hover: #fff;
    --link-hover-text: #000
}

.text-cta[data-theme="yellow"] {
    --background: #ffd100;
    --title: #006a52;
    --description: #000;
    --link: #006a52;
    --link-text: #fff;
    --link-hover: #fff;
    --link-hover-text: #000
}

.text-cta[data-theme="gray"] {
    --background: #f0f3f5;
    --title: #006a52;
    --description: #000;
    --link: #006a52;
    --link-text: #fff;
    --link-hover: #22372b;
    --link-hover-text: #fff
}

.text-cta-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    text-align: center
}

@container (min-width:980px) {
    .text-cta-inner {
        width: calc(10 * var(--column-width) + 9 * var(--column-gap))
    }
}

.text-cta-title {
    font-family: TradeGothic, sans-serif;
    font-size: clamp(2.75rem, 0.28989rem + 7.8723404255cqw, 7.375rem);
    font-weight: 700;
    letter-spacing: -.0625rem;
    line-height: .8em;
    margin-top: .2em;
    padding-top: .2em;
    font-size: clamp(2.75rem, -0.44149rem + 10.2127659574cqw, 8.75rem);
    margin-block: 0;
    text-transform: uppercase
}

.text-cta-description {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875;
    color: var(--description, #fff);
    margin-block: clamp(10px, 15.3191489362px - 1.0638297872cqw, 0px) 0
}

@container (min-width:1440px) {
    .text-cta-description {
        width: calc(10 * var(--column-width) + 9 * var(--column-gap));
        margin-inline: auto
    }
}

@container (min-width:1600px) {
    .text-cta-description {
        width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}

.text-cta-link {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: var(--link, #fff);
    border-radius: 4px;
    color: var(--link-text, #000);
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    transition: background-color 0.25s, color 0.25s;
    margin-block: 16px 0
}

.text-cta-link:focus-visible {
    background-color: var(--link-hover, #000);
    color: var(--link-hover-text, #fff)
}

@media (hover:hover) {
    .text-cta-link:hover {
        background-color: var(--link-hover, #000);
        color: var(--link-hover-text, #fff)
    }
}

.topic-section {
    background-color: #f0f3f5;
    padding-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px)
}

.topic-section[data-theme="white"] {
    background-color: #fff
}

.topic-section-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

@container (min-width:980px) {
    .topic-section-inner {
        display: flex;
        align-items: center;
        gap: 32px
    }

    .image-right .topic-section-inner {
        flex-direction: row-reverse
    }
}

@container (min-width:980px) {
    .topic-section-media {
        width: calc(6 * var(--column-width) + 5 * var(--column-gap))
    }
}

@container (min-width:1200px) {
    .topic-section-media {
        width: calc(7 * var(--column-width) + 6 * var(--column-gap))
    }
}

.topic-section-figure {
    margin: 0
}

.topic-section-image {
    width: 100%;
    height: auto
}

.topic-section-content {
    margin-block: clamp(24px, 20.8085106383px + 0.6382978723cqw, 30px) 0
}

@container (min-width:980px) {
    .topic-section-content {
        width: calc(6 * var(--column-width) + 5 * var(--column-gap));
        margin-block: 0;
        padding-inline: 0 40px
    }

    .image-left .topic-section-content {
        padding-inline: 40px 0
    }
}

@container (min-width:1200px) {
    .topic-section-content {
        width: calc(5 * var(--column-width) + 4 * var(--column-gap))
    }
}

.topic-section-heading {
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    display: block;
    margin-block: 0 10px
}

.topic-section-title {
    font-family: Mercury, serif;
    font-size: clamp(2.25rem, 1.38564rem + 2.7659574468cqw, 3.875rem);
    line-height: 1.0967741935;
    margin-block: 0
}

.topic-section-description {
    font-size: clamp(1rem, 0.83378rem + 0.5319148936cqw, 1.3125rem);
    line-height: 1.5238095238;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #48494a;
    margin-block: 8px 0
}

.topic-section-description a {
    color: #006a52;
    font-weight: 700;
    text-decoration: underline;
    transition: color 0.25s;
}

.topic-section-description a:hover,
.topic-section-description a:focus {
    color: #000;
}

.topic-section-link {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: #006a52;
    border-radius: 4px;
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    transition: background-color 0.25s, color 0.25s;
    margin-block: 15px 0
}

.topic-section-link:focus-visible {
    background-color: #ffd100;
    color: #000
}

@media (hover:hover) {
    .topic-section-link:hover {
        background-color: #ffd100;
        color: #000
    }
}

.visual-cta {
    position: relative;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    padding-block: clamp(44px, 20.5957446809px + 4.6808510638cqw, 88px) clamp(40px, 18.7234042553px + 4.2553191489cqw, 80px)
}

.visual-cta-media {
    position: absolute;
    inset: 0
}

.visual-cta-media:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    background-color: #000;
    content: "";
    opacity: var(--overlay-opacity, .5);
    z-index: 1
}

.visual-cta-media:after {
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #0009, #0000);
    content: "";
    z-index: 1
}

.visual-cta-figure {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: 0
}

.visual-cta-image {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    transition: opacity 0.25s
}

@container (min-width:980px) {
    .visual-cta-media:has(.visual-cta-video.ready) .visual-cta-image {
        opacity: 0
    }
}

.visual-cta-video {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0;
    aspect-ratio: 16/9
}

@container (min-width:980px) {
    .visual-cta-video {
        display: block
    }
}

.visual-cta-video-toggle {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: clamp(40px, 18.7234042553px + 4.2553191489cqw, 80px);
    left: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    background-color: #ffd100;
    border: none;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    padding: 0;
    transition: left 0.25s, background-color 0.25s;
    z-index: 1
}

.visual-cta-video-toggle:focus-visible {
    background-color: #fff
}

@media (hover:hover) {
    .visual-cta-video-toggle:hover {
        background-color: #fff
    }
}

@container (min-width:1440px) {
    .visual-cta-video-toggle {
        left: 80px
    }
}

.visual-cta-video-toggle .icon-play {
    width: 14px;
    display: block;
    translate: 1px 0
}

.visual-cta-video.playing .visual-cta-video-toggle .icon-play,
.visual-cta-video-toggle .icon-pause {
    display: none
}

.visual-cta-video.playing .visual-cta-video-toggle .icon-pause {
    display: block
}

.visual-cta-video-toggle-label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.visual-cta-video-target {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s
}

.visual-cta-video.ready .visual-cta-video-target {
    opacity: 1;
    visibility: visible
}

.visual-cta-video-target iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%
}

.visual-cta-content {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    position: relative;
    z-index: 2;
    pointer-events: none
}

.visual-cta-content-inner {
    min-height: clamp(400px, 187.2340425532px + 42.5531914894cqw, 800px);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.visual-cta-content-group {
    margin-top: auto
}

@container (min-width:980px) {
    .visual-cta-content-group {
        max-width: calc(6 * var(--column-width) + 5 * var(--column-gap));
        margin-left: auto
    }
}

.visual-cta-title {
    font-family: TradeGothic, sans-serif;
    font-size: clamp(2.75rem, 0.28989rem + 7.8723404255cqw, 7.375rem);
    font-weight: 700;
    letter-spacing: -.0625rem;
    line-height: .8em;
    margin-top: .2em;
    padding-top: .2em;
    color: #ffd100;
    font-size: clamp(3.75rem, 0.95745rem + 8.9361702128cqw, 9rem);
    margin-block: 0;
    pointer-events: auto;
    text-transform: uppercase
}

@container (min-width:980px) {
    .visual-cta-title {
        max-width: calc(6 * var(--column-width) + 5 * var(--column-gap))
    }
}

@container (min-width:1200px) {
    .visual-cta-title {
        max-width: calc(6.5 * var(--column-width) + 5.5 * var(--column-gap))
    }
}

.visual-cta-description {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875;
    display: block;
    margin-block: clamp(16px, 11.7446808511px + 0.8510638298cqw, 24px) 0;
    pointer-events: auto
}

.visual-cta-link {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: #006a52;
    border-radius: 4px;
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    margin-block: clamp(16px, 11.7446808511px + 0.8510638298cqw, 24px) 0;
    pointer-events: auto;
    transition: background-color 0.25s, color 0.25s
}

.visual-cta-link:focus-visible {
    background-color: #fff;
    color: #000
}

@media (hover:hover) {
    .visual-cta-link:hover {
        background-color: #fff;
        color: #000
    }
}

.wysiwyg-block {
    background: #f0f3f5;
    padding-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px)
}

.wysiwyg-container {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

@container (min-width:1200px) {
    .wysiwyg-container {
        max-width: calc(10 * var(--column-width) + 9 * var(--column-gap))
    }
}

@container (min-width:1600px) {
    .wysiwyg-container {
        max-width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}

.wysiwyg-inner>*:first-child {
    margin-block-start: 0
}

.wysiwyg-inner>*:last-child {
    margin-block-end: 0
}

.hero-panel {
    width: 100%;
    height: calc(100dvh - 88px);
    position: fixed;
    left: 0;
    top: 88px;
    z-index: 400;
    color: #fff;
    pointer-events: none
}

@media (max-width:979px) {
    .hero-panel {
        max-width: 2036px;
        margin-inline: auto;
        padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
    }
}

@media (min-width:980px) {
    .hero-panel {
        width: 0;
        max-width: 1245px;
        height: 100vh;
        display: flex;
        top: 0;
        background-color: #22372b;
        background-image: url(/_resources/images/ellipse.png);
        background-repeat: no-repeat;
        background-size: 1109px 507px;
        background-position: top left;
        overflow: hidden;
        pointer-events: auto;
        transition: width 0.5s;
        transition-delay: 1.5s;
        will-change: width
    }

    .page-outer.panel-active .hero-panel {
        width: 110px;
        transition-delay: 0s
    }

    .page-outer.panel-active.panel-push .hero-panel {
        width: 0
    }

    .page-outer.prompts-open .hero-panel {
        width: 245px
    }

    .page-outer.panel-open .hero-panel {
        width: calc(100vw - clamp(40px, -300.8695652174px + 34.7826086957cqw, 200px))
    }
}

@media screen and (min-width:1800px) {
    .page-outer.panel-open .hero-panel {
        transition: width 1.2s
    }
}

.hero-panel-prompts {
    display: none
}

@media (min-width:980px) {
    .hero-panel-prompts {
        width: 245px;
        height: 100%;
        display: grid;
        align-items: center;
        flex-basis: 245px;
        flex-shrink: 0;
        border-right: 1px solid #fff0;
        transition: border-color 0.5s
    }

    .hero-panel-prompts:after {
        width: 40px;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: calc(100% - 40px);
        background-image: linear-gradient(270deg, #22372b, #22372b00);
        content: "";
        pointer-events: none;
        transition: opacity 0.25s
    }

    .page-outer.panel-open .hero-panel-prompts {
        border-color: #ffffff1a
    }

    .page-outer.panel-open .hero-panel-prompts:after {
        opacity: 0
    }
}

.hero-panel-skip-link {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 100;
    opacity: 0;
    translate: -50% -250%;
    transition: opacity 0.25s, translate 0.25s;
    background-color: #fff;
    border-radius: 8px;
    color: #006a52;
    padding: 10px 20px;
    text-decoration: none;
    width: 196px;
    display: block;
    text-align: center
}

.hero-panel-skip-link:focus,
.hero-panel-skip-link:active {
    outline: 3px solid #00b74f;
    opacity: 1;
    translate: -50% 26px
}

.hero-panel-prompts-inner {
    padding-inline: 24px
}

.hero-panel-icon {
    fill: #44d62c;
    margin-block: 0 20px
}

.hero-panel-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-block: 0 20px
}

.hero-panel-prompts-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 20px
}

.hero-panel-prompt-button {
    font-family: Mercury, serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3333333333;
    padding: 0;
    margin: 0;
    text-align: left;
    transition: color 0.25s
}

.hero-panel-prompt-button:focus-visible {
    color: #44d62c
}

@media (hover:hover) {
    .hero-panel-prompt-button:hover {
        color: #44d62c
    }
}

.hero-panel-content {
    color: #000;
    pointer-events: none
}

@media (max-width:979px) {
    .hero-panel-content {
        height: calc(100dvh - 88px);
        border-radius: 24px 24px 0 0;
        translate: 0 calc(100dvh + 20px);
        transition: translate 0.5s;
        transition-delay: 0s
    }

    .page-outer.panel-open .hero-panel-content {
        pointer-events: auto;
        translate: 0 0;
        transition: translate 0.7s;
        transition-delay: 0.325s
    }
}

@media (min-width:980px) {
    .hero-panel-content {
        width: calc(100vw - 245px - clamp(40px, -300.8695652174px + 34.7826086957cqw, 200px));
        max-width: 1000px;
        height: unset;
        flex-basis: calc(100vw - 245px - clamp(40px, -300.8695652174px + 34.7826086957cqw, 200px));
        flex-shrink: 0;
        color: #fff;
        margin-inline: unset;
        overflow: scroll;
        padding-block: 0 100px;
        padding-inline: clamp(40px, -23.9130434783px + 6.5217391304cqw, 70px) 0;
        pointer-events: auto
    }

    .hero-panel-content:focus {
        outline: none
    }
}

.hero-panel-content-inner {
    min-height: calc(100vh - 88px);
    background: #fff;
    border-radius: 24px 24px 0 0;
    padding-block: 100px 0
}

@media (min-width:980px) {
    .hero-panel-content-inner {
        min-height: unset;
        background: #fff0;
        border-radius: 0;
        padding-block: 0;
        padding-inline: 0
    }
}

@media (max-width:979px) {
    .hero-panel-content-inner-wrapper {
        height: calc(100dvh - 188px);
        overflow: scroll;
        padding-inline: 26px;
        padding-block: 0 50px
    }
}

.hero-panel-content-item {
    border-bottom: 1px solid #dbe2e9;
    padding-block: 0;
    transition: padding-block 0.25s
}

.hero-panel-content-item:first-child {
    border-top: 1px solid #dbe2e9
}

@media (max-width:979px) {
    .hero-panel-content-item.toggle-active {
        padding-block: 0 40px
    }
}

@media (min-width:980px) {
    .hero-panel-content-item {
        border-bottom: 1px solid rgb(255 255 255 / .1);
        padding-block: clamp(50px, -9.652173913px + 6.0869565217cqw, 78px) clamp(50px, -13.9130434783px + 6.5217391304cqw, 80px);
        padding-inline: clamp(20px, -43.9130434783px + 6.5217391304cqw, 50px) clamp(32px, -6.347826087px + 3.9130434783cqw, 50px);
        opacity: 0;
        translate: 0 25px;
        transition: opacity 0.5s, translate 0.5s
    }

    .hero-panel-content-item:nth-child(1) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(2) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(3) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(4) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(5) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(6) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(7) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(8) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(9) {
        transition-delay: 0s
    }

    .hero-panel-content-item:nth-child(10) {
        transition-delay: 0s
    }

    .hero-panel-content-item:first-child {
        border-top: none;
        padding-block-start: 94px
    }

    .page-outer.panel-open .hero-panel-content-item {
        opacity: 1;
        translate: 0 0;
        transition-delay: 0.5s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(1) {
        transition-delay: 0.65s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(2) {
        transition-delay: 0.8s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(3) {
        transition-delay: 0.95s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(4) {
        transition-delay: 1.1s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(5) {
        transition-delay: 1.25s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(6) {
        transition-delay: 1.4s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(7) {
        transition-delay: 1.55s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(8) {
        transition-delay: 1.7s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(9) {
        transition-delay: 1.85s
    }

    .page-outer.panel-open .hero-panel-content-item:nth-child(10) {
        transition-delay: 2s
    }

    .hero-panel-content-item:focus-visible {
        outline: 1px solid #44d62c;
        outline-offset: -1px
    }
}

@keyframes slide-notif {
    0% {
        color: currentColor;
        translate: 0 0
    }

    50% {
        color: #ffd100;
        translate: 10px 0
    }

    to {
        color: currentColor;
        translate: 0 0
    }
}

.hero-panel-content-item-title {
    font-family: Mercury, serif;
    font-size: clamp(1.125rem, 0.5266rem + 1.914893617cqw, 2.25rem);
    line-height: 1.3125;
    margin-block: 0
}

@media (min-width:980px) {
    .hero-panel-content-item-title {
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-name: none
    }

    .hero-panel-content-item-title.slide {
        animation-name: slide-notif
    }
}

.hero-panel-content-item-button {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    appearance: none;
    background: none;
    border: none;
    color: currentColor;
    padding: 0;
    text-align: left;
    cursor: pointer
}

.hero-panel-content-item-button:focus-visible .hero-panel-content-item-button-icon {
    background: #006a52;
    border-color: #006a52;
    color: #fff
}

@media (hover:hover) {
    .hero-panel-content-item-button:hover .hero-panel-content-item-button-icon {
        background: #006a52;
        border-color: #006a52;
        color: #fff
    }
}

@media (max-width:979px) {
    .hero-panel-content-item-button {
        padding-block: 20px
    }
}

@media (min-width:980px) {
    .hero-panel-content-item-button {
        cursor: text
    }
}

@media (max-width:979px) {
    .hero-panel-content-item-button-label {
        opacity: .7;
        transition: opacity 0.25s
    }

    .hero-panel-content-item.toggle-active .hero-panel-content-item-button-label {
        opacity: 1
    }
}

.hero-panel-content-item-button-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    border: 1px solid #dbe2e9;
    border-radius: 50%;
    color: #006a52;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s
}

.hero-panel-content-item.toggle-active .hero-panel-content-item-button-icon {
    background: #006a52;
    border-color: #006a52;
    color: #fff
}

.hero-panel-content-item.toggle-active .hero-panel-content-item-button-icon .icon {
    rotate: 135deg
}

.hero-panel-content-item-button-icon .icon {
    width: 18px;
    fill: currentColor;
    transition: fill 0.25s, rotate 0.5s
}

@media (min-width:980px) {
    .hero-panel-content-item-button-icon {
        display: none
    }
}

.hero-panel-content-item-content-wrapper {
    height: 0;
    overflow: hidden;
    margin-block: 0;
    transition: padding-block 0.7s
}

.hero-panel-content-item.toggle-active .hero-panel-content-item-content-wrapper {
    height: auto
}

@media (min-width:980px) {
    .hero-panel-content-item.toggle-active .hero-panel-content-item-content-wrapper {
        height: unset;
        margin-block: clamp(15px, 10.1515151515px + 1.5151515152cqw, 25px) 0;
        overflow: unset
    }
}

@media (min-width:980px) {
    .hero-panel-content-item-content-wrapper {
        height: unset;
        overflow: unset;
        margin-block: clamp(15px, 10.1515151515px + 1.5151515152cqw, 25px) 0
    }
}

.hero-panel-content-item-content img {
    width: 100%
}

.hero-panel-content-item-content p,
.hero-panel-content-item-content span {
    color: #000c;
    line-height: 1.5;
    font-weight: 300
}

@media (min-width:980px) {

    .hero-panel-content-item-content p,
    .hero-panel-content-item-content span {
        color: #fffc;
        font-weight: 400
    }
}

.hero-panel-content-item-content *:first-child {
    margin-block-start: 0
}

.hero-panel-content-item-content *:last-child {
    margin-block-end: 0
}

.hero-panel-content-item-link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
    margin-block: 20px 0
}

@media (min-width:980px) {
    .hero-panel-content-item-link-list {
        margin-block: clamp(50px, -1.1304347826px + 5.2173913043cqw, 74px) 0
    }
}

.hero-panel-content-item-link {
    color: #006a52;
    font-weight: 600;
    padding-block: 2px;
    text-decoration: none;
    transition: color 0.25s
}

.hero-panel-content-item-link .icon {
    fill: #00b74f;
    transition: fill 0.25s, translate 0.25s
}

.hero-panel-content-item-link:focus-visible {
    color: #22372b
}

.hero-panel-content-item-link:focus-visible .icon {
    fill: #006a52;
    translate: 5px 0
}

@media (min-width:980px) {
    .hero-panel-content-item-link:focus-visible {
        color: #ffffffb3
    }

    .hero-panel-content-item-link:focus-visible .icon {
        fill: #44d62c
    }
}

@media (hover:hover) {
    .hero-panel-content-item-link:hover {
        color: #22372b
    }

    .hero-panel-content-item-link:hover .icon {
        fill: #006a52;
        translate: 5px 0
    }
}

@media (hover:hover) and (min-width:980px) {
    .hero-panel-content-item-link:hover {
        color: #ffffffb3
    }

    .hero-panel-content-item-link:hover .icon {
        fill: #44d62c
    }
}

@media (min-width:980px) {
    .hero-panel-content-item-link {
        color: #fff
    }
}

.hero-panel-close {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 26px 20px 0 0;
    pointer-events: none;
    transition: opacity 0.25s;
    transition-delay: 0s
}

@media (min-width:980px) {
    .hero-panel-close {
        max-width: unset;
        padding: 20px 20px 0 0
    }
}

.page-outer.panel-open .hero-panel-close {
    opacity: 1;
    transition-delay: 0.5s
}

.hero-panel-close-button {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffd100;
    border: none;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.25s, color 0.25s
}

.page-outer.panel-open .hero-panel-close-button {
    pointer-events: auto
}

.hero-panel-close-button:focus-visible {
    background: #000;
    color: #fff
}

@media (min-width:980px) {
    .hero-panel-close-button:focus-visible {
        background: #fff;
        color: #000
    }
}

@media (hover:hover) {
    .hero-panel-close-button:hover {
        background: #000;
        color: #fff
    }
}

@media (hover:hover) and (min-width:980px) {
    .hero-panel-close-button:hover {
        background: #fff;
        color: #000
    }
}

.hero-panel-close-label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.hero {
    position: relative;
    overflow: hidden
}

.hero-intro {
    width: 100%;
    height: 100lvh;
    position: fixed;
    top: 0
}

@media (min-width:980px) {
    .hero-intro {
        height: 100lvh;
        transition: translate 0.5s, filter 0.5s
    }

    .page-outer.prompts-open .hero-intro,
    .page-outer.panel-open .hero-intro {
        translate: 135px 0
    }
}

.hero-intro-media {
    width: 100%;
    height: calc(100lvh + 20px);
    background-color: #000;
    overflow-x: hidden
}

.hero-intro-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
    scale: 1.15;
    transition: opacity 0.5s, filter 1s
}

.hero-intro.darken .hero-intro-image {
    opacity: .35;
    filter: blur(10px)
}

.page-outer.panel-open .hero-intro-image {
    filter: blur(4px) brightness(.5)
}

.hero-intro-content-container {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    width: 100%;
    height: 100lvh;
    container-type: inline-size
}

.hero-intro-content {
    height: 100svh;
    display: grid;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-block-start: -100lvh;
    transition: filter 0.5s
}

@media (min-width:980px) {
    .hero-intro-content {
        transition: filter 0.5s, padding-inline-start 0.5s
    }

    .page-outer.panel-active .hero-intro-content {
        padding-inline-start: 110px
    }

    .page-outer.panel-active.panel-push .hero-intro-content {
        padding-inline-start: 0
    }
}

.page-outer.panel-open .hero-intro-content {
    filter: blur(4px) brightness(.5)
}

.hero-ctas {
    display: none
}

@media (min-width:980px) {
    .hero-ctas {
        display: grid;
        justify-content: center;
        position: relative;
        gap: 0;
        opacity: 1;
        transform: none
    }

    .hero-intro.darken .hero-ctas {
        opacity: 0
    }
}

.hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 32px;
    opacity: 1;
    overflow: hidden;
    transform: none
}

.hero-cta.hero-cta-creative {
    opacity: var(--opacity, 1);
    transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(var(--scale, 1))
}

.hero-cta.hero-cta-thought {
    flex-direction: row-reverse;
    margin-right: auto;
    opacity: var(--opacity, 1);
    transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(var(--scale, 1))
}

.hero-cta.hero-cta-matters {
    opacity: var(--opacity, 1);
    translate: clamp(0px, -79.7872340426px + 15.9574468085cqw, 150px) 0;
    transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(var(--scale, 1))
}

.hero-cta-button {
    display: block;
    position: relative;
    appearance: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: TradeGothic, sans-serif;
    font-size: clamp(9.0625rem, -5.71739rem + 24.1304347826cqw, 16rem);
    font-weight: 700;
    line-height: .74;
    opacity: 1;
    overflow: hidden;
    padding-block-start: clamp(30px, 8.6956521739px + 2.1739130435cqw, 40px);
    text-decoration: none;
    text-transform: uppercase;
    transition: background-position 0.25s;
    will-change: opacity;
    background: linear-gradient(to bottom, #fff, #fff 50%, #ffd100 50%);
    background-size: 100% 200%;
    background-position: 100% 0%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    text-fill-color: #fff0
}

.hero-cta-button:focus {
    outline: none
}

.hero-cta-button:focus-visible {
    background-position: 0 100%;
    transition: background-position 0.4s
}

@media (hover:hover) {
    .hero-cta-button:hover {
        background-position: 0 100%;
        transition: background-position 0.4s
    }
}

.page-outer:not(.panel-active) .hero-cta-button,
.page-outer.panel-open .hero-cta-button,
.hero-ctas.animating .hero-cta-button {
    pointer-events: none
}

.hero-cta-button-label {
    display: block
}

.hero-cta-description {
    display: none
}

@media (min-width:980px) {
    .hero-cta-description {
        font-family: Mercury, serif;
        width: clamp(210px, -24.347826087px + 23.9130434783cqw, 320px);
        display: inline-block;
        flex-shrink: 0;
        color: #fff;
        font-size: clamp(1.1875rem, -0.01087rem + 1.9565217391cqw, 1.75rem);
        opacity: 0;
        text-align: left;
        translate: 0 20px;
        transition: opacity 0.5s, translate 0.5s
    }

    .hero-cta-thought .hero-cta-description {
        translate: 15px 20px
    }

    .hero-cta-button:hover+.hero-cta-description,
    .hero-cta-button:focus+.hero-cta-description {
        opacity: 1;
        translate: 0 0
    }

    .hero-cta-thought .hero-cta-button:hover+.hero-cta-description,
    .hero-cta-thought .hero-cta-button:focus+.hero-cta-description {
        translate: 15px 0
    }
}

.hero-ctas.animating .hero-cta-description {
    visibility: hidden
}

.hero-heading {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.hero-panel-mobile-toggle {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    width: 100%;
    padding-inline: 0;
    padding-block: 0 60px;
    pointer-events: none;
    transition: opacity 0.5s;
    transition-delay: 0.825s
}

.hero-panel-mobile-toggle.hide {
    opacity: 0;
    transition-delay: 0s
}

@media (min-width:980px) {
    .hero-panel-mobile-toggle {
        display: none
    }
}

.hero-panel-mobile-toggle-button {
    width: 100%;
    background: #22372b;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    border: none;
    font-weight: 600;
    opacity: 0;
    padding-block: 16px 20px;
    padding-inline: 16px;
    pointer-events: auto;
    translate: 0 20px;
    transition: opacity 0.5s, translate 0.5s;
    transition-delay: 1.875s
}

body.loaded .hero-panel-mobile-toggle-button {
    opacity: 1;
    translate: 0 0
}

@media only screen and (min-device-width:360px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .hero-panel-mobile-toggle-button {
        padding-block: 10px 14px
    }
}

.hero-panel-mobile-toggle-button-title {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center
}

.hero-panel-mobile-toggle-button-title .icon {
    fill: #00b74f
}

.hero-panel-mobile-toggle-button-description {
    display: block;
    color: #ffffffb3;
    font-size: .875rem;
    font-weight: 300;
    margin-block: 6px 0
}

.hero-description {
    font-family: Mercury, serif;
    font-size: clamp(1.75rem, 0.95213rem + 2.5531914894cqw, 3.25rem);
    line-height: 1.1153846154;
    color: #fff;
    margin-block: 0 92px;
    margin-inline: auto;
    text-align: center
}

@container (min-width:980px) {
    .hero-description {
        width: calc(12 * var(--column-width) + 11 * var(--column-gap));
        position: relative;
        opacity: 0;
        margin-block: 0 25svh
    }

    .hero-description:before {
        width: 1px;
        height: 0;
        position: absolute;
        left: 50%;
        top: calc(100% + 50px);
        background: #fff;
        content: "";
        transition: height 0.5s
    }

    .hero-description.in-view:before {
        height: 12vh
    }

    .hero-ctas:not(.animating)+.hero-description {
        pointer-events: none
    }
}

@container (min-width:1200px) {
    .hero-description {
        width: calc(10 * var(--column-width) + 9 * var(--column-gap))
    }
}

@container (min-width:1440px) {
    .hero-description {
        width: calc(9 * var(--column-width) + 8 * var(--column-gap))
    }
}

.hero-main {
    position: relative;
    container-type: inline-size;
    transition: filter 0.5s
}

.page-outer.panel-open .hero-main {
    filter: blur(4px) brightness(.5)
}

@media (min-width:980px) {
    .hero-main {
        margin-block-start: 120svh;
        transition: translate 0.5s, filter 0.5s
    }

    .page-outer.prompts-open .hero-main,
    .page-outer.panel-open .hero-main {
        translate: 135px 0
    }
}

.hero-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

@media (min-width:980px) {
    .hero-inner {
        padding-inline: 174px 64px
    }
}

.hero-mobile-ctas {
    width: 100%;
    height: calc(100svh - 107px);
    display: grid;
    align-content: center;
    justify-content: center;
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    gap: 6px;
    grid-template-columns: 100%;
    transition: translate 1s
}

.hero-mobile-ctas.animating {
    translate: 0 50px
}

@media (min-width:980px) {
    .hero-mobile-ctas {
        display: none
    }
}

@media only screen and (min-device-width:360px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .hero-mobile-ctas {
        width: 250px;
        height: calc(100svh - 95px);
        gap: 2px;
        margin-inline: auto
    }
}

.hero-mobile-cta {
    width: 100%;
    overflow: hidden;
    text-align: left;
    translate: 0 5vh
}

.hero-mobile-ctas.animating .hero-mobile-cta {
    overflow: visible
}

.hero-mobile-cta:nth-child(1) .hero-mobile-cta-button {
    transition-delay: 0.125s
}

.hero-mobile-cta:nth-child(2) .hero-mobile-cta-button {
    transition-delay: 0.25s
}

.hero-mobile-cta:nth-child(3) .hero-mobile-cta-button {
    transition-delay: 0.375s
}

.hero-mobile-cta.thought {
    padding-inline-start: clamp(100px, 1.2903225806px + 27.4193548387cqw, 270px)
}

@media only screen and (min-device-width:360px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .hero-mobile-cta.thought {
        padding-inline-start: 68px
    }
}

.hero-mobile-cta.matters {
    padding-inline-start: clamp(40px, -6.4516129032px + 12.9032258065cqw, 120px)
}

@media only screen and (min-device-width:360px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .hero-mobile-cta.matters {
        padding-inline-start: 32px
    }
}

@media only screen and (min-device-width:360px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .hero-mobile-cta {
        translate: 0 8vh
    }
}

.hero-mobile-cta-button {
    text-align: center;
    background-color: #fff0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: TradeGothic, sans-serif;
    font-size: clamp(4rem, 0.15323rem + 17.0967741935cqw, 10.625rem);
    font-weight: 700;
    line-height: .5;
    opacity: 1;
    overflow: hidden;
    padding-inline: 0;
    padding-block-start: clamp(17px, -7.9677419355px + 6.935483871cqw, 60px);
    text-transform: uppercase;
    transition: color 0.25s, translate 0.5s, opacity 0s;
    will-change: translate
}

.hero-mobile-cta-button:focus {
    color: #ffd100;
    outline: none
}

.hero-mobile-cta-button span {
    display: block;
    translate: 0 200px
}

.hero-mobile-ctas.animating .hero-mobile-cta-button {
    opacity: 0;
    pointer-events: none;
    translate: 0 calc(100% + 20px);
    transition: color 0.25s, translate 0.5s 0.325s, opacity 0.325s
}

@media only screen and (min-device-width:360px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .hero-mobile-cta-button {
        font-size: 3.4375rem;
        padding-block-start: 15px
    }
}

.hero-section {
    width: 100%;
    color: #fff;
    padding-block: 0 clamp(70px, 54.0425531915px + 3.1914893617cqw, 100px)
}

@container (min-width:980px) {
    .hero-section {
        padding-block: 0
    }
}

@container (max-width:979px) {
    .hero-section:last-child {
        padding-block: 0 clamp(50px, 23.4042553191px + 5.3191489362cqw, 100px)
    }
}

.hero-section:focus {
    outline: none
}

.hero-section-inner {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, -1.7021276596px + 2.3404255319cqw, 32px)
}

@container (min-width:980px) {
    .hero-section-inner {
        flex-direction: row;
        position: sticky;
        top: 88px;
        margin-block: 0 100px
    }
}

@container (min-width:980px) {
    .hero-section-header {
        width: calc(5 * var(--column-width) + 4 * var(--column-gap))
    }
}

@container (min-width:1440px) {
    .hero-section-header {
        width: calc(4 * var(--column-width) + 3 * var(--column-gap))
    }
}

.hero-section-title {
    color: #00b74f;
    font-family: TradeGothic, sans-serif;
    font-size: clamp(3.375rem, 2.7766rem + 1.914893617cqw, 4.5rem);
    font-weight: 700;
    line-height: 1;
    margin-block: 0;
    text-transform: uppercase
}

@container (min-width:980px) {
    .hero-section-title {
        font-size: clamp(2.5rem, 1.43617rem + 3.4042553191cqw, 4.5rem);
        opacity: 0;
        translate: 0 40px;
        transition: opacity 0.5s, translate 0.5s
    }

    .hero-section.ready .hero-section-title {
        opacity: 1;
        translate: 0 0
    }
}

.hero-section-description {
    font-size: clamp(1.125rem, 0.79255rem + 1.0638297872cqw, 1.75rem);
    line-height: 1.2222222222;
    font-family: Mercury, serif;
    display: block
}

@container (min-width:980px) {
    .hero-section-description {
        max-width: 500px;
        opacity: 0;
        padding-inline-end: 25px;
        translate: 0 40px;
        transition: opacity 0.5s, translate 0.5s;
        transition-delay: 0s
    }

    .hero-section.ready .hero-section-description {
        opacity: 1;
        translate: 0 0;
        transition-delay: 0.2s
    }
}

.hero-section-links-wrapper {
    margin-block: 30px 0
}

@container (min-width:980px) {
    .hero-section-links-wrapper {
        opacity: 0;
        pointer-events: none;
        translate: 0 40px;
        transition: opacity 0.5s, translate 0.5s;
        transition-delay: 0s
    }

    .hero-section.ready .hero-section-links-wrapper {
        opacity: 1;
        pointer-events: auto;
        translate: 0 0;
        transition-delay: 0.2s
    }
}

.hero-section-links-title {
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    font-weight: 200;
    margin-block: 0 14px;
    opacity: .6
}

.hero-section-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px
}

.hero-section-link {
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: color 0.25s
}

.page-outer.panel-open .hero-section-link {
    pointer-events: none
}

.hero-section-link .icon {
    width: 14px;
    fill: #44d62c;
    transition: fill 0.25s, translate 0.25s
}

.hero-section-link:focus-visible .icon {
    fill: #00b74f;
    translate: 5px 0
}

@media (hover:hover) {
    .hero-section-link:hover .icon {
        fill: #00b74f;
        translate: 5px 0
    }
}

.hero-section-article {
    position: relative;
    margin-block: 20px 0
}

@container (min-width:980px) {
    .hero-section-article {
        width: calc(7 * var(--column-width) + 6 * var(--column-gap));
        opacity: 0;
        margin-block: 0;
        margin-inline-start: auto
    }
}

@container (min-width:1440px) {
    .hero-section-article {
        width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}

.hero-section-article-body {
    margin-block: clamp(20px, 17.8723404255px + 0.4255319149cqw, 24px) 0
}

.hero-section-article-figure {
    position: relative;
    margin: 0;
    overflow: hidden
}

.hero-section-article-image {
    width: 100%;
    transition: filter 0.5s, scale 1s
}

.hero-section-article:focus-within .hero-section-article-image,
.hero-section-article:hover .hero-section-article-image {
    filter: brightness(.8);
    scale: 1.025 !important
}

.hero-section-article-icon {
    display: none
}

@media (min-width:980px) {
    .hero-section-article-icon {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 20px;
        bottom: 20px;
        background: #fff;
        border-radius: 50%;
        opacity: 0;
        transition: opacity 0.5s
    }

    .hero-section-article:focus-within .hero-section-article-icon,
    .hero-section-article:hover .hero-section-article-icon {
        opacity: 1
    }

    .hero-section-article-icon .icon {
        width: 16px;
        fill: #006a52
    }
}

.hero-section-article-title {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875;
    margin-block: 0;
    transition: color 0.25s
}

.hero-section-article:focus-within .hero-section-article-title,
.hero-section-article:hover .hero-section-article-title {
    color: #00b74f
}

.hero-section-article-description {
    display: block;
    margin-block: 12px 0
}

.hero-section-article-link {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: #006a52;
    border-radius: 4px;
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    transition: background-color 0.25s, color 0.25s;
    margin-block: clamp(16px, 12.8085106383px + 0.6382978723cqw, 22px) 0
}

.page-outer.panel-open .hero-section-article-link {
    pointer-events: none
}

@container (min-width:980px) {
    .hero-section-article-link:before {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: ""
    }
}

.hero-section-article-link:focus-visible {
    background-color: #005a46
}

@media (hover:hover) {
    .hero-section-article-link:hover {
        background-color: #005a46
    }
}

.link-list {
    background-color: #f0f3f5;
    padding-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px)
}

.link-list-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

.link-list-title {
    font-family: Mercury, serif;
    font-size: clamp(2.25rem, 1.38564rem + 2.7659574468cqw, 3.875rem);
    line-height: 1.0967741935;
    color: #000;
    margin-block: 0
}

.link-list-description {
    color: #48494a;
    font-size: clamp(1.125rem, 0.92553rem + 0.6382978723cqw, 1.5rem);
    line-height: 1.4444444444;
    margin-block: clamp(10px, 8.9361702128px + 0.2127659574cqw, 12px) 0
}

@container (min-width:980px) {
    .link-list-description {
        max-width: calc(9 * var(--column-width) + 8 * var(--column-gap))
    }
}

@container (min-width:1200px) {
    .link-list-description {
        max-width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}

@container (min-width:1440px) {
    .link-list-description {
        max-width: calc(7 * var(--column-width) + 6 * var(--column-gap))
    }
}

.link-list-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    margin-block: clamp(10px, 1.4893617021px + 1.7021276596cqw, 26px) 0
}

@container (min-width:740px) {
    .link-list-links {
        gap: 0 40px;
        align-items: end;
        grid-template-columns: repeat(2, 1fr)
    }
}

.link-list-links-item {
    border-bottom: 1px solid #dbe2e9;
    padding-block: clamp(16px, 13.3404255319px + 0.5319148936cqw, 21px)
}

.link-list-item-link {
    color: #006a52;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.link-list-item-link .link-list-item-link-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #44d62c;
    margin-inline-start: 8px;
    translate: 0 4px;
    transition: color 0.25s, translate 0.25s
}

.link-list-item-link .link-list-item-link-icon .icon {
    display: inline;
    fill: currentColor;
    transition: fill 0.25s
}

.link-list-item-link:focus-visible {
    color: #22372b
}

.link-list-item-link:focus-visible .link-list-item-link-icon {
    color: #006a52;
    translate: 5px 4px
}

@media (hover:hover) {
    .link-list-item-link:hover {
        color: #22372b
    }

    .link-list-item-link:hover .link-list-item-link-icon {
        color: #006a52;
        translate: 5px 4px
    }
}

.simple-nav-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.simple-nav-link {
    display: block;
    padding-block: 8px;
    text-decoration: underline;
    transition: color 0.25s
}

.simple-nav-link:focus-visible {
    color: #000
}

@media (hover:hover) {
    .simple-nav-link:hover {
        color: #000
    }
}

.footer {
    background-color: #006a52;
    border-top: 1px solid rgb(34 55 43 / .15);
    color: #fff;
    padding-block: clamp(40px, 14.4680851064px + 5.1063829787cqw, 88px) 36px;
    container-type: inline-size
}

body.home .footer {
    position: relative;
    z-index: 400
}

.footer-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    display: grid;
    gap: 10px
}

@container (min-width:980px) {
    .footer-inner {
        grid-template-columns: clamp(380px, 124.347826087px + 26.0869565217cqw, 500px) 1fr
    }
}

@container (min-width:1200px) {
    .footer-inner {
        grid-template-columns: 320px 1fr
    }
}

@container (min-width:1440px) {
    .footer-inner {
        grid-template-columns: clamp(500px, -271.4285714286px + 53.5714285714cqw, 800px) 1fr
    }
}

.footer-group.footer-navs {
    display: grid;
    gap: 20px;
    margin-block: 24px 0
}

@container (min-width:500px) {
    .footer-group.footer-navs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@container (min-width:740px) {
    .footer-group.footer-navs {
        margin-block: -5px 0
    }
}

@container (min-width:980px) {
    .footer-group.footer-navs {
        grid-template-columns: repeat(2, 170px);
        justify-content: space-between;
        margin-block: -5px 0
    }
}

@container (min-width:1200px) {
    .footer-group.footer-navs {
        grid-template-columns: repeat(4, 130px)
    }
}

@container (min-width:1440px) {
    .footer-group.footer-navs {
        grid-template-columns: repeat(4, 170px)
    }
}

.footer-meta {
    color: #f0f3f5
}

.footer-meta-address {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    color: #cce1dc;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    line-height: 1.4444444444;
    margin-block: 38px 0;
    text-decoration: none;
    transition: color 0.25s
}

.footer-meta-address:focus-visible {
    color: #fff
}

@media (hover:hover) {
    .footer-meta-address:hover {
        color: #fff
    }
}

.footer-meta-address-street {
    display: block
}

.footer-meta-phone {
    display: grid;
    gap: 6px;
    margin-block: 3px 0
}

.footer-meta-phone-number {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cce1dc;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    text-decoration: none;
    transition: color 0.25s
}

.footer-meta-phone-number:focus-visible {
    color: #fff
}

@media (hover:hover) {
    .footer-meta-phone-number:hover {
        color: #fff
    }
}

@container (min-width:500px) {
    .footer-nav {
        flex-basis: calc(50% - 10px)
    }
}

@container (min-width:980px) {
    .footer-nav {
        flex-basis: 170px
    }
}

.footer-nav .simple-nav-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    flex: 0 0 auto;
    margin-block: 0 clamp(5px, 3.4042553191px + 0.3191489362cqw, 8px)
}

.footer-nav .simple-nav-list {
    display: inline-grid;
    align-items: start;
    flex: 0 0 auto
}

.footer-nav .simple-nav-link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cce1dc;
    padding-block: clamp(8px, 5.8723404255px + 0.4255319149cqw, 12px);
    text-decoration: none;
    transition: color 0.25s
}

.footer-nav .simple-nav-link:focus-visible {
    color: #fff
}

@media (hover:hover) {
    .footer-nav .simple-nav-link:hover {
        color: #fff
    }
}

.footer-utility {
    display: flex;
    flex-direction: column;
    gap: 9px;
    border-top: 1px solid rgb(255 255 255 / .12);
    margin-block: clamp(40px, 14.4680851064px + 5.1063829787cqw, 88px) 0;
    padding-block: clamp(28px, 23.7446808511px + 0.8510638298cqw, 36px) 0
}

@container (min-width:740px) {
    .footer-utility {
        flex-direction: row;
        align-items: center;
        grid-column: span 2;
        justify-content: space-between
    }
}

.footer-utility .footer-nav {
    flex: 0 0 auto
}

.footer-utility .footer-nav .simple-nav-title {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.footer-utility .footer-nav .simple-nav-list {
    display: flex;
    flex-direction: column
}

@container (min-width:740px) {
    .footer-utility .footer-nav .simple-nav-list {
        align-items: center;
        gap: 20px;
        flex-direction: row
    }
}

.footer-utility-copyright {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cce1dc
}

.footer-utility-copyright a {
    color: #cce1dc;
    text-decoration: none
}

.footer-utility-copyright a:visited {
    color: #cce1dc;
    text-decoration: none
}

@media print {
    .compact-nav {
        display: none
    }
}

.compact-nav-list {
    display: flex;
    gap: 32px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.compact-nav-item.has-children:last-child {
    padding-right: 32px
}

.compact-nav-item-inner {
    position: relative;
    padding-block: 16px
}

.compact-nav-item-link {
    display: block
}

.compact-nav-toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: -22px;
    background-color: #fff0;
    border: none;
    border-radius: 3px;
    color: currentColor;
    cursor: pointer;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    translate: 0 -50%;
    transition: opacity 0.25s
}

.compact-nav-toggle:focus-visible {
    opacity: 1;
    outline: 1px solid #fff
}

.compact-nav-toggle svg {
    fill: currentColor
}

.compact-nav-sublist {
    position: absolute;
    background-color: #f0f3f5;
    color: #000;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s
}

.compact-nav-item:hover .compact-nav-sublist,
.compact-nav-item:focus-visible .compact-nav-sublist,
.compact-nav-item.toggle-active .compact-nav-sublist {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.compact-nav-subitem-link {
    display: block;
    padding: 10px 20px
}

.header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    z-index: 550;
    container-type: inline-size
}

body.home .page-outer.panel-active.panel-push .header {
    z-index: 550
}

body.home .header {
    position: fixed;
    overflow: hidden
}

@media (min-width:980px) {
    body.home .header {
        z-index: 300
    }
}

body.home .header:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #00000080, #0000);
    content: "";
    translate: 0 var(--header-mobile-y, 0);
    opacity: var(--header-mobile-opacity, 1);
    pointer-events: none;
    will-change: transform
}

@media (min-width:980px) {
    body.home .header:before {
        translate: 0 var(--header-desktop-y, 0);
        opacity: var(--header-desktop-opacity, 1)
    }
}

.header-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

body.home .header-inner {
    position: relative;
    transition: translate 0.5s, filter 0.5s
}

@container (min-width:980px) {
    body.home .header-inner {
        padding-inline: 64px
    }
}

body.home .page-outer.panel-active .header-inner {
    transition: translate 0.5s, filter 0.5s, padding-inline 0.5s
}

@container (min-width:980px) {
    body.home .page-outer.panel-active .header-inner {
        padding-inline: 174px 64px
    }
}

@container (min-width:980px) {
    body.home .page-outer.panel-active.panel-push .header-inner {
        padding-inline: 64px
    }
}

@media (min-width:980px) {

    .page-outer.prompts-open .header-inner,
    .page-outer.panel-open .header-inner {
        translate: 135px 0
    }
}

.page-outer.panel-open .header-inner {
    filter: blur(4px)
}

.skip-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 100;
    opacity: 0;
    translate: -50% -250%;
    transition: opacity 0.25s, translate 0.25s;
    background-color: #fff;
    border-radius: 8px;
    color: #006a52;
    padding: 10px 20px;
    text-decoration: none
}

.skip-nav:focus,
.skip-nav:active {
    outline: 3px solid #00b74f;
    opacity: 1;
    translate: -50% 26px
}

.header-inner-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-block: 20px
}

body:not(.home) .header-inner-group {
    border-bottom: 1px solid rgb(255 255 255 / .2)
}

.header-logo-link {
    translate: 0 var(--header-mobile-y, 0);
    opacity: var(--header-mobile-opacity, 1)
}

@media (min-width:980px) {
    .header-logo-link {
        translate: 0 var(--header-desktop-y, 0);
        opacity: var(--header-desktop-opacity, 1)
    }
}

.header-group {
    display: flex;
    align-items: center;
    gap: 32px
}

.header-title {
    margin-block: 0
}

.header-mobile-controls {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px
}

body.page:not(.home) .header-mobile-controls {
    position: fixed;
    right: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

@container (min-width:2036px) {
    body.page:not(.home) .header-mobile-controls {
        right: calc((100cqw - 1796px) / 2)
    }
}

.menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    background-color: #ffd100;
    border: none;
    border-radius: 22px;
    box-shadow: 0 0 10px #0000001a;
    cursor: pointer;
    color: #000;
    font-size: .875rem;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
    transition: background-color 0.25s, box-shadow 0.25s
}

@container (min-width:740px) {
    .menu-toggle {
        padding: 10px 16px
    }
}

.page-outer.panel-open .menu-toggle {
    pointer-events: none
}

@media (min-width:740px) {
    body.page .menu-toggle {
        padding: 10px 16px
    }
}

.menu-toggle:focus-visible {
    background: #fff;
    box-shadow: 0 0 10px #0003
}

@media (hover:hover) {
    .menu-toggle:hover {
        background: #fff;
        box-shadow: 0 0 10px #0003
    }
}

.menu-toggle svg {
    pointer-events: none
}

@container (min-width:740px) {
    .menu-toggle svg {
        translate: 0 -.06125rem
    }
}

@media (min-width:740px) {
    body.page .menu-toggle svg {
        translate: 0 -.06125rem
    }
}

.menu-toggle-label {
    display: none;
    letter-spacing: .0625rem
}

@container (min-width:740px) {
    .library-main .menu-toggle-label {
        display: block
    }
}

@media (min-width:740px) {
    body.page .menu-toggle-label {
        display: block
    }
}

.quick-nav {
    display: none
}

@container (min-width:740px) {
    .quick-nav {
        display: block;
        translate: 0 var(--header-mobile-y, 0);
        opacity: var(--header-mobile-opacity, 1)
    }

    @media (min-width:980px) {
        .quick-nav {
            translate: 0 var(--header-desktop-y, 0);
            opacity: var(--header-desktop-opacity, 1)
        }
    }

    body.page:not(.home) .quick-nav {
        padding-inline: 0 136px
    }
}

.quick-nav .compact-nav-title {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.quick-nav .compact-nav-item-link {
    color: #fff;
    font-size: .875rem;
    letter-spacing: .09375rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s
}

.page-outer.panel-open .quick-nav .compact-nav-item-link {
    pointer-events: none
}

.quick-nav .compact-nav-item-link:focus-visible {
    color: #ffd100
}

@media (hover:hover) {
    .quick-nav .compact-nav-item-link:hover {
        color: #ffd100
    }
}

.expand-nav-title {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.expand-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px
}

.expand-nav-item-inner {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 44px
}

.expand-nav-item-link {
    display: flex;
    align-items: center;
    padding-block: 16px
}

.expand-nav-toggle {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    border: 1px solid #dbe2e9;
    border-radius: 50%;
    color: #006a52;
    cursor: pointer
}

.expand-nav-sublist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none
}

.expand-nav-item.toggle-active .expand-nav-sublist {
    display: block
}

.expand-nav-subitem-link {
    display: block;
    padding-block: 10px;
    text-decoration: none;
    transition: color 0.25s
}

.expand-nav-subitem-link:focus-visible {
    color: #000
}

@media (hover:hover) {
    .expand-nav-subitem-link:hover {
        color: #000
    }
}

.menu:not(.icon) {
    width: 100%;
    height: 0;
    max-height: 100dvh;
    position: fixed;
    inset: 0;
    z-index: 600;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    overflow-y: auto;
    overflow-behavior: contain;
    padding-block: 0 50px;
    transition: opacity 0.25s, visibility 0.25s, height 0.6s;
    container-type: inline-size
}

.menu:not(.icon).toggle-active {
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.library-frame-content:not(:has(.page-outer)) .menu:not(.icon),
.page.preview .menu:not(.icon) {
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.menu-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

.menu-header {
    opacity: 0;
    translate: 0 30px;
    transition: opacity 0s, translate 0s;
    transition-delay: 0s
}

.menu.toggle-active .menu-header,
.library-frame-content:not(:has(.page-outer)) .menu-header {
    opacity: 1;
    translate: 0 0;
    transition: opacity 0.7s, translate 0.7s;
    transition-delay: 0.2s
}

.menu-header .menu-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-block: 20px 0
}

@container (min-width:740px) {
    .menu-header .menu-inner {
        flex-direction: row;
        align-items: center;
        gap: 0;
        justify-content: space-between;
        padding-block: 28px;
        padding-inline-end: clamp(159px, 105.8085106383px + 10.6382978723cqw, 259px)
    }
}

@container (min-width:980px) {
    .menu-header+.menu-inner {
        display: grid;
        gap: 50px;
        grid-template-columns: 1fr 250px;
        margin-block: clamp(34px, -8.6086956522px + 4.347826087cqw, 54px)
    }
}

@container (min-width:1200px) {
    .menu-header+.menu-inner {
        gap: 50px;
        grid-template-columns: 1fr 320px;
        justify-content: space-between
    }
}

@container (min-width:2036px) {
    .menu-header+.menu-inner {
        position: relative
    }
}

@container (min-width:740px) {
    .menu-header {
        border-bottom: 1px solid #dbe2e9
    }
}

.menu-group {
    opacity: 0;
    translate: 0 50px;
    transition: opacity 0s, translate 0s;
    transition-delay: 0s
}

.menu.toggle-active .menu-group,
.library-frame-content:not(:has(.page-outer)) .menu-group {
    opacity: 1;
    translate: 0 0;
    transition: opacity 0.7s, translate 0.7s;
    transition-delay: 0.4s
}

.menu-group.desktop-main {
    max-width: 980px;
    margin-block: clamp(20px, 14.6808510638px + 1.0638297872cqw, 30px)
}

@container (min-width:980px) {
    .menu-group.desktop-main {
        margin-block: 0
    }
}

@container (min-width:980px) {
    .menu-group.desktop-aside {
        margin-block: clamp(21px, -19.4782608696px + 4.1304347826cqw, 40px)
    }
}

.menu-close {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 12px;
    right: 0;
    pointer-events: none;
    opacity: 0;
    translate: 0 30px;
    transition: opacity 0s, translate 0s;
    transition-delay: 0s
}

.menu.toggle-active .menu-close {
    opacity: 1;
    translate: 0 0;
    transition: opacity 0.7s, translate 0.7s;
    transition-delay: 0.2s
}

@container (min-width:740px) {
    .menu-close {
        top: 22px
    }
}

@container (min-width:2036px) {
    .menu-close {
        top: -121px
    }
}

.menu-toggle-close {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    background-color: #ffd100;
    border: none;
    border-radius: 22px;
    color: #000;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
    transition: background-color 0.25s, color 0.25s;
    pointer-events: auto
}

@container (min-width:740px) {
    .menu-toggle-close {
        padding: 10px 16px
    }
}

.menu-toggle-close .icon {
    fill: currentColor;
    flex-shrink: 0;
    pointer-events: none;
    transition: fill 0.25s
}

.menu-toggle-close:focus-visible {
    background-color: #000;
    color: #fff
}

@media (hover:hover) {
    .menu-toggle-close:hover {
        background-color: #000;
        color: #fff
    }
}

.menu-toggle-close-label {
    display: none;
    letter-spacing: .0625rem
}

@container (min-width:740px) {
    .library-main .menu-toggle-close-label {
        display: block
    }
}

@media (min-width:740px) {
    body.page .menu-toggle-close-label {
        display: block
    }
}

.google-search-form {
    display: block;
    position: relative;
    padding-block: 28px 0
}

.google-search-form:after {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    right: 18px;
    bottom: 32px;
    translate: 0 50%;
    background-image: url(data:image/svg+xml;base64,\ PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjMwMTMgMTguNDY5NEwxNC42MDczIDEzLjc3NjNDMTUuOTY3OCAxMi4xNDI5IDE2LjY0NjIgMTAuMDQ3OCAxNi41MDE0IDcuOTI2OTRDMTYuMzU2NiA1LjgwNjA3IDE1LjM5OTggMy44MjI2OCAxMy44Mjk5IDIuMzg5MzVDMTIuMjYgMC45NTYwMiAxMC4xOTc5IDAuMTgzMTEzIDguMDcyNjMgMC4yMzE0MTNDNS45NDczOCAwLjI3OTcxMyAzLjkyMjU2IDEuMTQ1NSAyLjQxOTM5IDIuNjQ4NjdDMC45MTYyMjIgNC4xNTE4NCAwLjA1MDQzNDYgNi4xNzY2NiAwLjAwMjEzNDcgOC4zMDE5MUMtMC4wNDYxNjUyIDEwLjQyNzIgMC43MjY3NDEgMTIuNDg5MiAyLjE2MDA3IDE0LjA1OTFDMy41OTM0IDE1LjYyOSA1LjU3NjggMTYuNTg1OSA3LjY5NzY2IDE2LjczMDdDOS44MTg1MyAxNi44NzU1IDExLjkxMzYgMTYuMTk3MSAxMy41NDcgMTQuODM2NkwxOC4yNDAxIDE5LjUzMDZDMTguMzA5OCAxOS42MDAzIDE4LjM5MjUgMTkuNjU1NiAxOC40ODM2IDE5LjY5MzNDMTguNTc0NiAxOS43MzEgMTguNjcyMiAxOS43NTA0IDE4Ljc3MDcgMTkuNzUwNEMxOC44NjkzIDE5Ljc1MDQgMTguOTY2OSAxOS43MzEgMTkuMDU3OSAxOS42OTMzQzE5LjE0ODkgMTkuNjU1NiAxOS4yMzE3IDE5LjYwMDMgMTkuMzAxMyAxOS41MzA2QzE5LjM3MSAxOS40NjA5IDE5LjQyNjMgMTkuMzc4MiAxOS40NjQgMTkuMjg3MkMxOS41MDE3IDE5LjE5NjEgMTkuNTIxMSAxOS4wOTg1IDE5LjUyMTEgMTlDMTkuNTIxMSAxOC45MDE1IDE5LjUwMTcgMTguODAzOSAxOS40NjQgMTguNzEyOEMxOS40MjYzIDE4LjYyMTggMTkuMzcxIDE4LjUzOTEgMTkuMzAxMyAxOC40Njk0Wk0xLjUyMDcyIDguNUMxLjUyMDcyIDcuMTY0OTggMS45MTY2IDUuODU5OTMgMi42NTgzIDQuNzQ5OUMzLjQgMy42Mzk4NyA0LjQ1NDIxIDIuNzc0NzEgNS42ODc2MSAyLjI2MzgxQzYuOTIxMDEgMS43NTI5MiA4LjI3ODIxIDEuNjE5MjUgOS41ODc1OCAxLjg3OTdDMTAuODk3IDIuMTQwMTUgMTIuMDk5NyAyLjc4MzAzIDEzLjA0MzcgMy43MjcwM0MxMy45ODc3IDQuNjcxMDMgMTQuNjMwNiA1Ljg3Mzc3IDE0Ljg5MSA3LjE4MzE0QzE1LjE1MTUgOC40OTI1MSAxNS4wMTc4IDkuODQ5NzEgMTQuNTA2OSAxMS4wODMxQzEzLjk5NiAxMi4zMTY1IDEzLjEzMDkgMTMuMzcwNyAxMi4wMjA4IDE0LjExMjRDMTAuOTEwOCAxNC44NTQxIDkuNjA1NzUgMTUuMjUgOC4yNzA3MiAxNS4yNUM2LjQ4MTEyIDE1LjI0OCA0Ljc2NTM4IDE0LjUzNjIgMy40OTk5NCAxMy4yNzA4QzIuMjM0NSAxMi4wMDUzIDEuNTIyNzEgMTAuMjg5NiAxLjUyMDcyIDguNVoiIGZpbGw9IiMwMDZBNTIiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    content: "";
    pointer-events: none
}

.google-search-label {
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    position: absolute;
    left: 0;
    top: 0
}

.google-search-input {
    width: 100%;
    display: block;
    background-color: #f0f3f5;
    border: none;
    border-radius: 8px;
    color: #000;
    font-size: 1rem;
    padding-block: 22px 23px;
    padding-inline: 18px;
    padding-inline-end: 55px
}

.google-search-submit {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 18px;
    bottom: 32px;
    translate: 0 50%;
    background-color: #fff0;
    border: none;
    cursor: pointer;
    padding: 0;
    text-indent: -9999px
}

.menu-main-nav .expand-nav-item {
    transition: padding-block 0.25s
}

.menu-main-nav .expand-nav-item.toggle-active {
    padding-block: 0 clamp(10px, 2.5531914894px + 1.4893617021cqw, 24px)
}

.menu-main-nav .expand-nav-item:not(:first-child) {
    border-top: 1px solid #dbe2e9
}

.menu-main-nav .expand-nav-item-link {
    font-family: Mercury, serif;
    color: #006a52;
    font-size: clamp(1.5rem, 0.13697rem + 4.3617021277cqw, 4.0625rem);
    text-decoration: none;
    transition: color 0.25s
}

.menu-main-nav .expand-nav-item-link:focus-visible {
    color: #22372b
}

@media (hover:hover) {
    .menu-main-nav .expand-nav-item-link:hover {
        color: #22372b
    }
}

@container (min-width:980px) {
    .menu-main-nav .expand-nav-item-link {
        font-size: clamp(2.625rem, -1.36957rem + 6.5217391304cqw, 4.5rem)
    }
}

@container (min-width:1200px) {
    .menu-main-nav .expand-nav-item-link {
        font-size: clamp(2.875rem, -4rem + 9.1666666667cqw, 4.25rem)
    }
}

.menu-main-nav .expand-nav-toggle {
    width: clamp(36px, 27.6666666667px + 1.6666666667cqw, 44px);
    height: clamp(36px, 27.6666666667px + 1.6666666667cqw, 44px);
    translate: 0 clamp(12px, 5.6170212766px + 1.2765957447cqw, 24px);
    transition: background-color 0.25s, border-color 0.25s, color 0.25s
}

@container (min-width:980px) {
    .menu-main-nav .expand-nav-toggle {
        translate: 0 clamp(20px, -22.6086956522px + 4.347826087cqw, 40px)
    }
}

@container (min-width:1200px) {
    .menu-main-nav .expand-nav-toggle {
        translate: 0 clamp(23px, -52px + 6.25cqw, 38px)
    }
}

.menu-main-nav .expand-nav-toggle .icon {
    width: clamp(16px, 10.7916666667px + 1.0416666667cqw, 21px);
    flex-shrink: 0;
    transition: rotate 0.5s
}

.menu-main-nav .expand-nav-toggle.toggle-active {
    background-color: #006a52;
    border-color: #006a52;
    color: #fff
}

.menu-main-nav .expand-nav-toggle.toggle-active .icon {
    rotate: 135deg
}

.menu-main-nav .expand-nav-toggle:focus-visible {
    background-color: #006a52;
    border-color: #006a52;
    color: #fff
}

@media (hover:hover) {
    .menu-main-nav .expand-nav-toggle:hover {
        background-color: #006a52;
        border-color: #006a52;
        color: #fff
    }
}

.menu-main-nav .expand-nav-sublist {
    border-left: 1px solid #44d62c;
    padding-inline: clamp(12px, 5.6170212766px + 1.2765957447cqw, 24px) 0
}

.menu-main-nav .expand-nav-subitem-link {
    color: #006a52;
    padding-block: clamp(6px, 4.9361702128px + 0.2127659574cqw, 8px);
    transition: color 0.25s
}

.menu-main-nav .expand-nav-subitem-link:focus-visible {
    color: #22372b
}

@media (hover:hover) {
    .menu-main-nav .expand-nav-subitem-link:hover {
        color: #22372b
    }
}

.menu-utility-nav {
    border-top: 1px solid #dbe2e9;
    padding-block: 18px 0
}

@container (min-width:740px) {
    .menu-utility-nav {
        border-top: none;
        padding-block: 0
    }
}

.menu-utility-nav .simple-nav-title {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.menu-utility-nav .simple-nav-list {
    display: flex;
    align-items: center;
    gap: 32px;
    margin: 0;
    padding: 0
}

.menu-utility-nav .simple-nav-link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #006a52;
    font-size: .875rem;
    letter-spacing: .09375rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s
}

.menu-utility-nav .simple-nav-link:focus-visible {
    color: #000
}

@media (hover:hover) {
    .menu-utility-nav .simple-nav-link:hover {
        color: #000
    }
}

.menu-audience-nav {
    border-top: 1px solid #dbe2e9;
    margin-block: 32px 0;
    padding-block: 28px 0
}

.menu-audience-nav .simple-nav-title {
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-block: 0
}

.menu-audience-nav .simple-nav-list {
    display: grid;
    margin-block: 10px 0
}

.menu-audience-nav .simple-nav-link {
    display: block;
    color: #006a52;
    font-weight: 600;
    padding-block: 7px;
    text-decoration: none;
    transition: color 0.25s
}

.menu-audience-nav .simple-nav-link:focus-visible {
    color: #000
}

@media (hover:hover) {
    .menu-audience-nav .simple-nav-link:hover {
        color: #000
    }
}

.menu-quick-nav {
    border-top: 1px solid #dbe2e9;
    margin-block: 22px 0;
    padding-block: 28px 0
}

.menu-quick-nav .simple-nav-title {
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-block: 0
}

.menu-quick-nav .simple-nav-list {
    display: grid;
    margin-block: 10px 0
}

.menu-quick-nav .simple-nav-link {
    display: block;
    color: #006a52;
    font-weight: 600;
    padding-block: 7px;
    text-decoration: none;
    transition: color 0.25s
}

.menu-quick-nav .simple-nav-link:focus-visible {
    color: #000
}

@media (hover:hover) {
    .menu-quick-nav .simple-nav-link:hover {
        color: #000
    }
}

.sub-nav-wrapper {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #dbe2e9
}

@container (min-width:980px) {
    .sub-nav-wrapper {
        margin-block: 0;
        padding-block: 37px 24px
    }
}

.skip-sub-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 100;
    opacity: 0;
    translate: -50% -250%;
    transition: opacity 0.25s, translate 0.25s;
    background-color: #fff;
    border-radius: 8px;
    color: #006a52;
    padding: 10px 20px;
    text-decoration: none
}

.skip-sub-nav:focus,
.skip-sub-nav:active {
    outline: 3px solid #00b74f;
    opacity: 1;
    translate: -50% 26px
}

.sub-nav-toggle {
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: none;
    color: #006a52;
    cursor: pointer;
    padding: 16px 0
}

@container (min-width:980px) {
    .sub-nav-toggle {
        display: none
    }
}

.sub-nav-toggle:focus-visible .sub-nav-toggle-icon {
    background-color: #006a52;
    border-color: #006a52;
    color: #fff
}

@media (hover:hover) {
    .sub-nav-toggle:hover .sub-nav-toggle-icon {
        background-color: #006a52;
        border-color: #006a52;
        color: #fff
    }
}

.sub-nav-toggle.toggle-active .sub-nav-toggle-icon {
    background-color: #006a52;
    border-color: #006a52;
    color: #fff
}

.sub-nav-toggle.toggle-active .sub-nav-toggle-icon .icon {
    rotate: 135deg
}

.sub-nav-toggle-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe2e9;
    color: #006a52;
    border-radius: 50%;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s
}

.sub-nav-toggle-icon .icon {
    width: 16px;
    fill: currentColor;
    transition: fill 0.25s, rotate 0.25s
}

.sub-nav {
    --desktop-nav: "false";
    width: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

.sub-nav-wrapper.toggle-active .sub-nav {
    opacity: 1;
    visibility: visible
}

.sub-nav-wrapper.toggle-active .sub-nav .sub-nav-inner {
    border-bottom: 1px solid #dbe2e9
}

@container (min-width:980px) {
    .sub-nav-wrapper.toggle-active .sub-nav .sub-nav-inner {
        border-bottom: none
    }
}

@container (min-width:980px) {
    .sub-nav {
        --desktop-nav: "true";
        position: relative;
        opacity: 1;
        visibility: visible
    }
}

.sub-nav-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

.sub-nav-title {
    font-size: .875rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    color: #48494a;
    font-weight: 200;
    letter-spacing: 0;
    margin-block: 0
}

@container (max-width:979px) {
    .sub-nav-title {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
}

.sub-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    border: none;
    padding-block: 0 10px
}

@container (max-width:979px) {
    .sub-nav-list {
        opacity: 0;
        translate: 0 10px;
        transition: opacity 0.5s 0s, padding-block 0.3s, translate 0.5s 0s
    }

    .sub-nav-wrapper.toggle-active .sub-nav-list {
        opacity: 1;
        translate: 0 0;
        padding-block: 0 32px;
        transition: opacity 0.5s 0.25s, padding-block 0.3s, translate 0.5s 0.25s
    }
}

@container (min-width:980px) {
    .sub-nav-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 clamp(30px, -12.6086956522px + 4.347826087cqw, 50px);
        background: #fff0;
        border: none;
        padding-block: 0
    }
}

.sub-nav-item {
    border-left: 1px solid #44d62c;
    padding-inline: 20px 0
}

@container (min-width:980px) {
    .sub-nav-item {
        border-left: none;
        padding-inline: 0
    }
}

.sub-nav-link {
    display: block;
    padding-block: 10px;
    color: currentColor;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    text-decoration: none;
    text-decoration-color: #fff0;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    transition: color 0.25s, text-underline-offset 0.3s, text-decoration-color 0.3s, text-decoration-thickness 0.3s
}

.sub-nav-link:focus-visible {
    color: #006a52;
    text-decoration: underline;
    text-decoration-color: #00b74f;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px
}

@media (hover:hover) {
    .sub-nav-link:hover {
        color: #006a52;
        text-decoration: underline;
        text-decoration-color: #00b74f;
        text-decoration-thickness: 2px;
        text-underline-offset: 6px
    }
}

@container (min-width:980px) {
    .sub-nav-link {
        padding: 11px 0
    }
}

.breadcrumb-title {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.breadcrumb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .875rem
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffd100
}

.breadcrumb-list:has(.breadcrumb-item-current) .breadcrumb-item:nth-last-child(2) .breadcrumb-divider {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.breadcrumb-item-current {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.breadcrumb-divider {
    color: #fff;
    translate: 0 -1px
}

.breadcrumb-item-link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: currentColor;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s
}

.breadcrumb-item-link:focus-visible {
    color: #fff
}

@media (hover:hover) {
    .breadcrumb-item-link:hover {
        color: #fff
    }
}

.page-header {
    position: relative;
    background-color: #006a52
}

.page-header:has(.page-header-media) {
    background-color: #000
}

@container (min-width:980px) {
    .page-header:has(.page-header-media) {
        display: flex;
        flex-direction: column;
        min-height: clamp(750px, 166.2608695652px + 59.5652173913cqw, 1024px)
    }
}

.page-header-wrapper {
    position: relative;
    overflow: hidden
}

.page-header-wrapper:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    background-image: url(/_resources/images/pattern.png);
    background-size: cover;
    background-position: center;
    content: "";
    pointer-events: none;
    scale: 1.1;
    transition: scale 1s
}

body.loaded .page-header-wrapper:before {
    scale: 1
}

.page-header:has(.page-header-media) .page-header-wrapper:before {
    display: none
}

@container (min-width:980px) {
    .page-header:has(.page-header-media) .page-header-wrapper {
        display: flex;
        flex: 1
    }
}

.page-header-media {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    inset: 0
}

.page-header-media:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    background-color: #000;
    content: "";
    opacity: var(--overlay-opacity, .5);
    z-index: 1
}

.page-header-media:after {
    width: 100%;
    height: 25%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #0009, #0000);
    content: "";
    z-index: 1
}

.page-header-figure {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.page-header-media-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

/* DS 243196 */
.page-header-video {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    aspect-ratio: 16/9
}

@container (max-width:980px) {
    .page-header-video button.page-header-video-toggle {
        right: 15px;
        left: unset;
    }

    .page-header-body {
        max-width: 80%;
    }
}

@container (max-width:500px) {
    .page-header-body {
        max-width: 50%;
    }
}

/* END DS 243196 */

.page-header-video-toggle {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: clamp(40px, 18.7234042553px + 4.2553191489cqw, 80px);
    left: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    background-color: #ffd100;
    border: none;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    padding: 0;
    transition: left 0.25s, background-color 0.25s;
    z-index: 1
}

.page-header-video-toggle:focus-visible {
    background-color: #fff
}

@media (hover:hover) {
    .page-header-video-toggle:hover {
        background-color: #fff
    }
}

@container (min-width:1440px) {
    .page-header-video-toggle {
        left: 80px
    }
}

.page-header-video-toggle .icon-play {
    width: 14px;
    display: block;
    translate: 1px 0
}

.page-header-video.playing .page-header-video-toggle .icon-play,
.page-header-video-toggle .icon-pause {
    display: none
}

.page-header-video.playing .page-header-video-toggle .icon-pause {
    display: block
}

.page-header-video-toggle-label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.page-header-video-target {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s
}

.page-header-video.ready .page-header-video-target {
    opacity: 1;
    visibility: visible
}

.page-header-video-target iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%
}

.page-header-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    position: relative;
    z-index: 1;
    padding-block: clamp(105px, 94.3617021277px + 2.1276595745cqw, 125px) clamp(40px, 29.3617021277px + 2.1276595745cqw, 60px);
    pointer-events: none
}

.page-header:not(:has(.page-header-body-group)) .page-header-inner {
    padding-block: clamp(105px, 94.3617021277px + 2.1276595745cqw, 125px) clamp(40px, 24.0425531915px + 3.1914893617cqw, 70px)
}

@container (min-width:980px) {
    .page-header:not(:has(.page-header-description)) .page-header-inner {
        width: 100%;
    }
}

.page-header-breadcrumb {
    position: relative;
    margin-block: 0 clamp(10px, 7.3404255319px + 0.5319148936cqw, 15px);
    pointer-events: auto
}

.page-header-body {
    position: relative
}

@container (min-width:980px) {
    .page-header:has(.page-header-media) .page-header-body {
        height: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        min-height: min-content
    }
}

.page-header-title {
    font-family: TradeGothic, sans-serif;
    font-size: clamp(2.75rem, 0.28989rem + 7.8723404255cqw, 7.375rem);
    font-weight: 700;
    letter-spacing: -.0625rem;
    line-height: .8em;
    margin-top: .2em;
    padding-top: .2em;
    color: #fff;
    margin-block: 0;
    pointer-events: auto;
    text-transform: uppercase
}

.page-header-title br {
    display: none
}

.page-header:has(.page-header-media) .page-header-title {
    font-size: clamp(2.75rem, -0.57447rem + 10.6382978723cqw, 9rem);
    letter-spacing: clamp(-0.125rem, 0.04122rem - 0.5319148936cqw, -0.4375rem)
}

@container (min-width:980px) {
    .page-header:has(.page-header-media) .page-header-title {
        max-width: calc(7 * var(--column-width) + 6 * var(--column-gap));
        padding-inline-end: 32px
    }
}

@container (min-width:1200px) {
    .page-header:has(.page-header-media) .page-header-title {
        max-width: calc(6.5 * var(--column-width) + 5.5 * var(--column-gap))
    }
}

@container (min-width:1440px) {
    .page-header:has(.page-header-media) .page-header-title {
        max-width: calc(6.8 * var(--column-width) + 5.8 * var(--column-gap))
    }
}

.page-header:has(.page-header-media) .page-header-title br {
    display: block
}

.page-header-body-group {
    margin-block: clamp(32px, -36.085106383px + 13.6170212766cqw, 160px) 0
}

@container (min-width:740px) {
    .page-header-body-group {
        max-width: 640px
    }
}

@container (min-width:980px) {
    .page-header:has(.page-header-media) .page-header-body-group {
        max-width: calc(6 * var(--column-width) + 5 * var(--column-gap));
        position: sticky;
        bottom: 50px;
        margin-left: auto;
        margin-block: clamp(120px, 77.3913043478px + 4.347826087cqw, 140px) 60px
    }
}

.page-header-description {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875;
    color: #fff;
    font-size: clamp(1.25rem, 0.85106rem + 1.2765957447cqw, 2rem);
    pointer-events: auto
}

.page-header-links {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 12px;
    margin-block: clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px) 0;
    pointer-events: auto
}

@container (min-width:500px) {
    .page-header-links {
        flex-direction: row
    }
}

.page-header-link {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    transition: background-color 0.25s, color 0.25s;
    text-align: center
}

.page-header:has(.page-header-media) .page-header-link {
    font-family: ProximaNova, sans-serif;
    display: inline-block;
    background-color: #006a52;
    border-radius: 4px;
    color: #fff;
    font-size: clamp(1rem, 0.93351rem + 0.2127659574cqw, 1.125rem);
    font-weight: 600;
    padding: clamp(12px, 11.4680851064px + 0.1063829787cqw, 13px) clamp(20px, 17.3404255319px + 0.5319148936cqw, 25px);
    text-decoration: none;
    transition: background-color 0.25s, color 0.25s
}

.page-header:has(.page-header-media) .page-header-link:focus-visible {
    background-color: #fff;
    color: #000
}

@media (hover:hover) {
    .page-header:has(.page-header-media) .page-header-link:hover {
        background-color: #fff;
        color: #000
    }
}

.page-header-link:focus-visible {
    background-color: #ffd100;
    color: #000
}

@media (hover:hover) {
    .page-header-link:hover {
        background-color: #ffd100;
        color: #000
    }
}

.wysiwyg-demo {
    margin-block: clamp(40px, 8.085106383px + 6.3829787234cqw, 100px) clamp(40px, 40px + 0cqw, 40px)
}

.wysiwyg-demo .wysiwyg-inner {
    display: grid;
    gap: clamp(20px, 4.0425531915px + 3.1914893617cqw, 50px)
}

.wysiwyg-demo .wysiwyg-container {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px)
}

@container (min-width:1200px) {
    .wysiwyg-demo .wysiwyg-container {
        max-width: calc(10 * var(--column-width) + 9 * var(--column-gap))
    }
}

@container (min-width:1600px) {
    .wysiwyg-demo .wysiwyg-container {
        max-width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}

.wysiwyg-demo .wysiwyg-demo-heading {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875;
    font-family: ProximaNova, sans-serif;
    display: block;
    border-bottom: 1px solid rgb(0 0 0 / .25);
    margin-block: 0;
    padding-block: 0;
    text-transform: uppercase
}

.picture-img {
    display: block
}

.page-outer {
    min-height: 100lvh;
    display: flex;
    flex-direction: column
}

.page-main {
    flex: 1
}

.page-intro {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: clamp(10px, -21.914893617px + 6.3829787234cqw, 70px) clamp(30px, -7.2340425532px + 7.4468085106cqw, 100px);
    background-color: #f0f3f5;
    color: #48494a
}

.page-intro.wysiwyg .intro {
    font-family: Mercury, serif;
    font-size: clamp(1.3125rem, 0.94681rem + 1.170212766cqw, 2rem);
    line-height: 1.1875
}

.page-intro-inner {
    max-width: 2036px;
    margin-inline: auto;
    padding-inline: clamp(20px, -33.1914893617px + 10.6382978723cqw, 120px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@container (min-width:1200px) {
    .page-intro-inner {
        max-width: calc(10 * var(--column-width) + 9 * var(--column-gap))
    }
}

@container (min-width:1600px) {
    .page-intro-inner {
        max-width: calc(8 * var(--column-width) + 7 * var(--column-gap))
    }
}