.d-hidden {
    display: hidden !important
}

.d-none {
    display: none !important
}

.assistive-text {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.list-none {
    list-style: none !important;
    margin: 0;
    padding: 0
}

.is-disabled {
    pointer-events: none
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container,
.global-footer,
.masthead,
.mod,
.nav-global,
.nav-global__search,
.nav-quicklinks {
    --max-w: 1120px;
    --margins: var(--g-grid-mar);
    grid-column-gap: 0;
    display: grid;
    grid-template-columns: minmax(var(--margins), 1fr) repeat(1, minmax(0, calc((var(--max-w) - (0px*(1 - 1)))/1))) minmax(var(--margins), 1fr)
}

.container__inner,
.global-footer__inner,
.masthead__content,
.mod__inner,
.mod__title,
.nav-global__inner,
.nav-quicklinks__inner {
    grid-column: 2/-2
}

input.ui-toggle {
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    top: 0;
    width: 0
}

.ui-toggle {
    position: relative
}

.ui-toggle input[type=checkbox] {
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0
}

.ui-toggle__draw {
    height: fit-content;
    max-height: 0;
    opacity: 0;
    transition: max-height .3s ease, opacity .3s ease;
    width: 100%
}

.ui-toggle>input[type=checkbox]:checked~.ui-toggle__draw {
    max-height: 400vw;
    opacity: 1
}

@media(min-width:1025px) {
    .ui-toggle__draw--mob {
        max-height: 100vw;
        opacity: 1
    }
}

@media(max-width:1024px) {
    .ui-toggle__draw--desk {
        max-height: 100vw;
        opacity: 1
    }
}

:root {
    --g-grid-mar: 20px;
    --g-grid-gap: 14px;
    --nav-bar-height: 88px;
    --g-col-link: #f8981d;
    --col-bkg-blue: #f1f9ff;
    --col-bkg-blue-accent: #fff;
    --col-bkg-orange: #e8f9fe;
    --col-bkg-orange-accent: #ffffff;
    --col-bkg-grey: #f5f5f5;
    --col-bkg-grey-accent: #f8981d;
    --col-bkg-white: #fff;
    --col-bkg-white-accent: #f8981d;
    --col-map-land: #fff;
    --col-map-sea-deep: #e6f0f7;
    --col-map-sea-shallow: #e6f0f7
}

@media(min-width:768px) {
    :root {
        --g-grid-mar: 40px;
        --g-grid-gap: 20px
    }
}

@media(min-width:1025px) {
    :root {
        --g-grid-mar: 40px;
        --g-grid-gap: 14px;
        --nav-bar-height: 90px
    }
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

td,
th {
    padding: 0
}

html {
    height: -webkit-fill-available
}

body,
html {
    height: 100%
}

body {
    min-height: 100%;
    min-height: -webkit-fill-available
}

body,
html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    text-decoration: none
}

body *,
body :after,
body :before,
html *,
html :after,
html :before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    color: inherit;
    scroll-behavior: smooth;
    text-decoration: inherit;
    transform-origin: center center
}

body :after:not(oblique, i),
body :before:not(oblique, i),
body :not(oblique, i),
html :after:not(oblique, i),
html :before:not(oblique, i),
html :not(oblique, i) {
    font-style: normal
}

body figure,
html figure {
    display: block;
    margin: 0
}

body img,
body svg,
html img,
html svg {
    height: auto;
    max-width: 100%
}

body svg,
html svg {
    fill: currentColor
}

body svg *,
html svg * {
    transform-origin: 0 0 0
}

body object,
body video,
html object,
html video {
    height: auto;
    max-width: 100%;
    object-fit: cover;
    outline: none
}

body.show-panel {
    height: 100%;
    overflow: hidden
}

address {
    font-style: normal
}

body.nav-open {
    overflow: hidden
}

.site {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative
}

.site__header {
    flex-grow: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(0);
    transition: transform .3s ease;
    z-index: 300
}

.site__header.headroom--unpinned {
    transform: translateY(calc((var(--quicklinkH, 0px) + var(--mainbarH, 0px))*-1))
}

.site__header.headroom--pinned:not(.headroom--top) {
    transform: translateY(calc(var(--quicklinkH, 0px)*-1))
}

.site__main {
    flex-grow: 1;
    isolation: isolate;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: calc(var(--mainbarH, 0px) + var(--quicklinkH, 0px))
}

.site__footer {
    flex-grow: 0;
    position: relative;
    z-index: 100
}

@font-face {
    font-display: block;
    font-family: Helvetica Neue LT Pro;
    font-style: normal;
    font-weight: 500;
    src: url(../assets/fonts/HelveticaNeueLTPro-Md.woff2) format("woff2"), url(../assets/fonts/HelveticaNeueLTPro-Md.woff) format("woff")
}

@font-face {
    font-display: block;
    font-family: HelveticaNeueLTW01-55Roman;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/HelveticaNeueLTW01-55Roman.woff2) format("woff2"), url(../assets/fonts/HelveticaNeueLTW01-55Roman.woff) format("woff")
}

@font-face {
    font-display: block;
    font-family: Publico;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/49beb2b5fd145cbf7077c4a9b84c9e8e.woff2) format("woff2"), url(../assets/fonts/49beb2b5fd145cbf7077c4a9b84c9e8e.woff) format("woff")
}

:root {
    --fscale-baseline: 1.6rem;
    --fscale-000-fs: 1.4rem;
    --fscale-000-lh: 1.1428571429;
    --fscale-100-fs: 1.6rem;
    --fscale-100-lh: 1.5;
    --fscale-200-fs: 1.6rem;
    --fscale-200-lh: 1.5;
    --fscale-300-fs: 1.8rem;
    --fscale-300-lh: 1.3333333333;
    --fscale-400-fs: 2rem;
    --fscale-400-lh: 1.2;
    --fscale-500-fs: 2.2rem;
    --fscale-500-lh: 1.4545454545;
    --fscale-600-fs: 2.4rem;
    --fscale-600-lh: 1.3333333333;
    --fscale-700-fs: 3.6rem;
    --fscale-700-lh: 1.1111111111;
    --fscale-800-fs: 3rem;
    --fscale-800-lh: 1.3333333333;
    --fscale-900-fs: 3.8rem;
    --fscale-900-lh: 1.2631578947;
    --g-col-body: #5c5c5c;
    --g-col-display: #333
}

@media(min-width:1025px) {
    :root {
        --fscale-baseline: 1.6rem;
        --fscale-000-fs: 1.4rem;
        --fscale-000-lh: 1.1428571429;
        --fscale-100-fs: 1.6rem;
        --fscale-100-lh: 1.5;
        --fscale-200-fs: 1.8rem;
        --fscale-200-lh: 1.3333333333;
        --fscale-300-fs: 2rem;
        --fscale-300-lh: 1.2;
        --fscale-400-fs: 2.2rem;
        --fscale-400-lh: 1.4545454545;
        --fscale-500-fs: 2.6rem;
        --fscale-500-lh: 1.2307692308;
        --fscale-600-fs: 3rem;
        --fscale-600-lh: 1.3333333333;
        --fscale-700-fs: 4rem;
        --fscale-700-lh: 1.2;
        --fscale-800-fs: 5.2rem;
        --fscale-800-lh: 1.2307692308;
        --fscale-900-fs: 6.8rem;
        --fscale-900-lh: 1.0588235294
    }
}

html {
    font-size: 62.5%
}

body {
    color: var(--g-col-body);
    font-family: HelveticaNeueLTW01-55Roman, sans-serif;
    font-size: var(--fscale-100-fs);
    line-height: var(--fscale-100-lh)
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    color: var(--g-col-display);
    font-family: Publico, sans-serif;
    font-weight: 400
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
h7 strong {
    font-family: inherit
}

h1 {
    margin-bottom: 2.8rem
}

h1,
h2 {
    font-size: var(--fscale-800-fs);
    line-height: var(--fscale-800-lh);
    margin-top: calc((1rem*var(--fscale-800-lh))*1)
}

h2 {
    margin-bottom: calc((1rem*var(--fscale-800-lh))*1)
}

h3 {
    font-size: var(--fscale-600-fs);
    line-height: var(--fscale-600-lh);
    margin-bottom: calc((1rem*var(--fscale-600-lh))*1);
    margin-top: calc((1rem*var(--fscale-600-lh))*1)
}

h4 {
    font-size: var(--fscale-500-fs);
    line-height: var(--fscale-500-lh);
    margin-bottom: calc((1rem*var(--fscale-500-lh))*1);
    margin-top: calc((1rem*var(--fscale-500-lh))*1)
}

h5 {
    font-family: Helvetica Neue LT Pro, sans-serif;
    font-size: var(--fscale-400-fs);
    line-height: var(--fscale-400-lh);
    margin-bottom: calc((1rem*var(--fscale-400-lh))*1);
    margin-top: calc((1rem*var(--fscale-400-lh))*1)
}

h6 {
    font-size: var(--fscale-300-fs);
    line-height: var(--fscale-300-lh);
    margin-bottom: calc((1rem*var(--fscale-300-lh))*1);
    margin-top: calc((1rem*var(--fscale-300-lh))*1)
}

h7 {
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    margin-bottom: calc((1rem*var(--fscale-200-lh))*1);
    margin-top: calc((1rem*var(--fscale-200-lh))*1)
}

p {
    --col-links: var(--g-col-link);
    font-size: var(--fscale-100-fs);
    line-height: var(--fscale-100-lh);
    margin-bottom: calc((1rem*var(--fscale-100-lh))*1);
    margin-top: calc((1rem*var(--fscale-100-lh))*1)
}

p.intro {
    color: #333;
    font-size: var(--fscale-400-fs);
    line-height: var(--fscale-400-lh);
    margin-bottom: calc((1rem*var(--fscale-400-lh))*1);
    margin-bottom: 1.8rem !important;
    margin-top: calc((1rem*var(--fscale-400-lh))*1)
}

p iframe,
p img,
p svg {
    margin-block: 4rem
}

.embeditem iframe {
    margin-block: 2rem
}

small {
    margin-bottom: calc((1rem*var(--fscale-000-lh))*1);
    margin-top: calc((1rem*var(--fscale-000-lh))*1)
}

p small,
small {
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh)
}

strong {
    font-family: Helvetica Neue LT Pro, sans-serif
}

p a:not(.btn) {
    border-bottom: 1px solid #f8981d;
    color: inherit;
    transition: color .2s ease
}

@media(hover:hover) {
    p a:not(.btn):hover {
        color: var(--col-links)
    }
}

p a:not(.btn):focus {
    color: var(--col-links)
}

.editor {
    overflow: hidden
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
    margin-top: 3.2rem
}

.editor p:first-child:where(:not(figure)),
.mod-richtext--intro .editor h2 {
    margin-top: 0
}

.editor>:last-child {
    margin-bottom: 0
}

.editor ol,
.editor ul {
    margin: 2rem 0;
    padding-left: 3rem
}

.editor ol li,
.editor ul li {
    padding: 0 0 1rem 1ch
}

.editor ol li::marker,
.editor ul li::marker {
    color: #f8981d
}

.editor ol li:last-child,
.editor ul li:last-child {
    padding-bottom: 0
}

.editor a:not(.btn) {
    border-bottom: 1px solid #f8981d;
    color: inherit;
    transition: color .2s ease
}

@media(hover:hover) {
    .editor a:not(.btn):hover {
        color: var(--col-links)
    }
}

.editor a:not(.btn):focus {
    color: var(--col-links)
}

.editor figure {
    margin-block: 4rem 3rem
}

.editor figure figcaption {
    font-family: Publico, sans-serif;
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    margin-top: 1rem
}

.editor img {
    width: 100%
}

blockquote {
    border-left: 4px solid #f8981d;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-500-fs);
    line-height: var(--fscale-500-lh);
    margin: 6rem 0;
    padding: 2rem
}

blockquote:first-child {
    margin-top: 0
}

blockquote>p {
    font-size: inherit;
    line-height: inherit
}

blockquote cite {
    font-family: HelveticaNeueLTW01-55Roman, sans-serif;
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh)
}

table {
    border: 1px solid #ddd;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    margin: 3rem 0;
    min-width: 600px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%
}

table td,
table th {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 1rem .75rem;
    text-align: left;
    vertical-align: top
}

table td:last-child,
table th:last-child {
    border-right: none
}

table th {
    border-color: #fff
}

table h2,
table h3,
table h4,
table p {
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh)
}

table h2:first-child,
table h3:first-child,
table h4:first-child,
table p:first-child {
    margin-top: 0
}

table h2:last-child,
table h3:last-child,
table h4:last-child,
table p:last-child {
    margin-bottom: 0
}

table th,
table thead td {
    background-color: #ebebeb;
    color: #fff;
    font-weight: 300
}

table tbody tr:nth-child(2n) {
    background-color: #f7f7f7
}

.menu {
    display: inline-flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.menu [data-drawtoggle]>a,
.menu [data-drawtoggle]>span {
    pointer-events: none
}

@media(min-width:1025px) {
    .menu [data-drawtoggle][data-draw_hover]>a {
        pointer-events: all
    }
}

.menu__draw {
    --clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    --opacity: 0;
    --max-height: 0;
    --pointerEvents: none;
    opacity: var(--opacity);
    pointer-events: var(--pointerEvents);
    transition: clip-path var(--drawSpeed, 0s) ease, opacity var(--drawSpeed, 0s) ease, max-height var(--drawSpeed, 0s) ease, height var(--drawSpeed, 0s) ease, transform var(--drawSpeed, 0s) ease;
    width: 100%
}

.menu__draw>* {
    height: fit-content;
    width: 100%
}

@media(max-width:1024px) {
    .menu__draw {
        max-height: var(--max-height);
        opacity: var(--opacity);
        pointer-events: var(--pointerEvents)
    }

    [data-drawtoggle=true]>.menu__draw {
        --opacity: 1;
        --pointerEvents: all;
        --max-height: max-content;
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media(min-width:1025px) {
    .menu__draw {
        -webkit-clip-path: var(--clip-path);
        clip-path: var(--clip-path);
        height: fit-content;
        min-height: 100% !important;
        min-width: 100%;
        position: absolute;
        right: 0;
        top: 100%;
        width: fit-content
    }

    [data-drawtoggle=true]:not([data-draw_hover])>.menu__draw {
        --opacity: 1;
        --pointerEvents: all;
        --max-height: max-content;
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media(min-width:1025px)and (hover:hover) {
    [data-drawtoggle][data-draw_hover]:hover>.menu__draw {
        --opacity: 1;
        --pointerEvents: all;
        --max-height: max-content;
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media(min-width:1025px) {
    [data-drawtoggle]:focus>.menu__draw {
        --opacity: 1;
        --pointerEvents: all;
        --max-height: max-content;
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.menu-quicklinks {
    --color: #333;
    --accent: #f8981d;
    --bkg: #1999ba;
    --hover: #f5f5f5;
    --drawSpeed: 0.6s;
    flex-direction: row;
    font-size: var(--fscale-000-fs);
    justify-content: end;
    line-height: var(--fscale-000-lh)
}

.menu-quicklinks li {
    background-color: var(--bkg);
    color: var(--color);
    padding-block: 10px;
    padding-inline: 15px;
    position: relative;
    transition: background-color .1s ease
}

@media(hover:hover) {
    .menu-quicklinks li:hover {
        --bkg: var(--hover);
        background-color: var(--hover)
    }
}

.menu-quicklinks li:focus {
    --bkg: var(--hover);
    background-color: var(--hover)
}

.menu-quicklinks li.menu-quicklinks__search {
    padding: 0
}

.menu-quicklinks li a:before {
    content: "";
    display: block;
    inset: 0;
    position: absolute
}

.menu-quicklinks li svg {
    fill: currentColor;
    stroke: currentColor;
    color: currentColor;
    display: inline-block;
    height: .75em;
    margin-left: 5px;
    transform: translateY(1px);
    width: auto
}

.menu-quicklinks li[data-drawtoggle] svg {
    color: var(--accent)
}

.menu-quicklinks .menu__draw {
    background-color: var(--bkg);
    border-bottom: 5px solid var(--accent);
    margin-right: -20px;
    min-width: calc(100% + 50px)
}

.menu-quicklinks__sub {
    --hover: #ffd9a8
}

.menu-quicklinks__sub li {
    --bkg: transparent;
    background-color: transparent;
    padding-block: 10px
}

.menu-quicklinks__sub li a {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.menu-quicklinks__sub li svg {
    fill: currentColor;
    stroke: currentColor;
    color: var(--accent);
    height: .75em;
    margin-left: 5px;
    width: auto
}

.menu-quicklinks__search {
    --bkg: #333;
    --color: #fff;
    --hover: #333;
    aspect-ratio: 1/1;
    height: 100%;
    transition: color .1s ease;
    width: auto
}

@media(hover:hover) {
    .menu-quicklinks__search:hover {
        --color: var(--accent)
    }
}

.menu-quicklinks__search:focus {
    --color: var(--accent)
}

.menu-quicklinks__search button {
    align-items: center;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    outline: none;
    padding: 0;
    width: 100%
}

.menu-quicklinks__search button svg {
    color: currentColor;
    margin: 0
}

.menu-main {
    --pad-block: 2rem;
    --pad-inline: 1rem;
    --dropdonw-minW: 230px;
    --accent: #1999ba;
    --l1-col: #333;
    --l1-col-hover-inactive: #858585;
    --l1-col-divide: #ebebeb;
    --l1-col-bkg-active: #e8f9fe;
    --col-bkg: #fff;
    --col-bkg-alt: #ebebeb;
    --fnt-family: Publico, sans-serif;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-inline: var(--pad-inline);
    padding-bottom: var(--pad-block);
    padding-top: 0
}

@media(min-width:1025px) {
    .menu-main {
        --l1-col-bkg-active: #e8f9fe;;
        --pad-block: 0;
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 100%;
        justify-content: flex-end
    }
}

.menu-main--primary,
.menu-main--secondary,
.menu-main--tertiary {
    font-family: var(--fnt-family)
}

.menu-main--secondary,
.menu-main--tertiary {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: var(--pad-block)
}

@media(min-width:1025px) {

    .menu-main--secondary,
    .menu-main--tertiary {
        --fnt-family: HelveticaNeueLTW01-55Roman, sans-serif
    }
}

.menu-main--externalSites {
    align-items: flex-start;
    background-color: #fef5e8;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-block: calc(var(--pad-block)/2)
}

@media(min-width:1025px) {
    .menu-main--primary>.menu-main__item>.menu__draw {
        background-color: var(--col-bkg);
        border: 1px solid var(--l1-col-divide);
        border-bottom: 5px solid var(--accent);
        border-top: none;
        min-width: var(--dropdonw-minW);
        padding-block: 0;
        padding-inline: 0;
        right: calc(var(--pad-block)*-1)
    }

    .menu-main--secondary {
        min-width: 300px;
        padding-top: 0
    }

    .menu-main--secondary>.menu-main__item>.menu__draw {
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        background-color: #fef5e8;
        min-height: 100%;
        top: 0;
        transform: translateX(100%);
        width: 100%;
        z-index: 300
    }

    .menu-main--secondary .menu-main__item[data-drawtoggle=true]>.menu__draw {
        transform: translateX(0)
    }
}

.menu-main--tertiary {
    --fnt-family: HelveticaNeueLTW01-55Roman, sans-serif
}

@media(min-width:1025px) {
    .menu-main--tertiary {
        padding-top: 0;
        width: 100%
    }
}

.menu-main__item {
    --drawSpeed: 0.5s;
    --pad-block: 2rem;
    --pad-inline: 1.5rem;
    cursor: pointer;
    overflow: hidden;
    padding-block: var(--pad-block);
    padding-inline: var(--pad-inline);
    width: 100%
}

@media(min-width:1025px) {
    .menu-main__item {
        overflow: visible
    }

    .menu-main>.menu-main__item {
        --item-pad-inline: 2rem;
        --padding-block: 0
    }
}

.menu-main__item>a,
.menu-main__item>span {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media(hover:hover) {

    .menu-main__item:hover>a,
    .menu-main__item:hover>span {
        text-decoration: underline
    }
}

.menu-main__item:focus>a,
.menu-main__item:focus>span {
    text-decoration: underline
}

.menu-main__item--externalSites svg,
.menu-main__item--primary svg,
.menu-main__item--secondary svg,
.menu-main__item--tertiary svg,
.menu-main__item--tertiaryReturn svg {
    --space: 0.5ch;
    height: .75em;
    width: auto
}

@media(min-width:1025px) {

    .menu-main__item--externalSites svg,
    .menu-main__item--primary svg,
    .menu-main__item--secondary svg,
    .menu-main__item--tertiary svg,
    .menu-main__item--tertiaryReturn svg {
        --space: 2ch
    }
}

.menu-main__item--externalSites svg:first-child,
.menu-main__item--primary svg:first-child,
.menu-main__item--secondary svg:first-child,
.menu-main__item--tertiary svg:first-child,
.menu-main__item--tertiaryReturn svg:first-child {
    margin-right: var(--space);
    transform: rotate(0deg)
}

.menu-main__item--externalSites svg:last-child,
.menu-main__item--primary svg:last-child,
.menu-main__item--secondary svg:last-child,
.menu-main__item--tertiary svg:last-child,
.menu-main__item--tertiaryReturn svg:last-child {
    margin-left: var(--space)
}

.menu-main__item--externalSites[data-drawtoggle=true]>a svg,
.menu-main__item--externalSites[data-drawtoggle=true]>span svg,
.menu-main__item--primary[data-drawtoggle=true]>a svg,
.menu-main__item--primary[data-drawtoggle=true]>span svg,
.menu-main__item--secondary[data-drawtoggle=true]>a svg,
.menu-main__item--secondary[data-drawtoggle=true]>span svg,
.menu-main__item--tertiaryReturn[data-drawtoggle=true]>a svg,
.menu-main__item--tertiaryReturn[data-drawtoggle=true]>span svg,
.menu-main__item--tertiary[data-drawtoggle=true]>a svg,
.menu-main__item--tertiary[data-drawtoggle=true]>span svg {
    transform: rotate(180deg)
}

@media(max-width:1024px) {
    .menu-main__item--primary {
        border-bottom: 1px solid var(--l1-col-divide);
        font-size: var(--fscale-500-fs);
        line-height: var(--fscale-500-lh);
        transition: all .3s ease
    }
}

@media(min-width:1025px) {
    .menu-main__item--primary {
        align-items: center;
        border-bottom: none;
        display: flex;
        flex-direction: column;
        font-size: var(--fscale-300-fs);
        height: 100%;
        justify-content: center;
        line-height: var(--fscale-300-lh);
        position: relative;
        transition: color .2s ease
    }

    .menu-main__item--primary a {
        white-space: nowrap
    }
}

@media(min-width:1025px)and (hover:hover) {
    .menu-main:hover .menu-main__item--primary:not(:hover) {
        color: var(--l1-col-hover-inactive)
    }
}

@media(min-width:1025px) {
    .menu-main:focus .menu-main__item--primary:not(:focus) {
        color: var(--l1-col-hover-inactive)
    }

    .menu-main__item--primary>a svg {
        display: none
    }
}

@media(min-width:1200px) {
    .menu-main__item--primary+.menu-main__item--primary {
        margin-left: calc(var(--pad-inline)*2)
    }
}

.menu-main__item--secondary {
    font-size: var(--fscale-300-fs);
    line-height: var(--fscale-300-lh)
}

@media(max-width:1024px) {
    .menu-main__item--secondary {
        --pad-block: 1rem;
        background-color: #fff;
        margin-bottom: 1px;
        padding: var(--pad-block) var(--pad-inline)
    }

    .menu-main__item--secondary:last-child {
        margin-bottom: 0
    }
}

@media(min-width:1025px) {
    .menu-main__item--secondary {
        font-size: var(--fscale-000-fs);
        line-height: var(--fscale-000-lh);
        padding-block: calc(var(--pad-block)/2);
        padding-inline: var(--pad-inline)
    }
}

@media(min-width:1025px)and (hover:hover) {
    .menu-main__item--secondary:hover {
        background-color: var(--l1-col-bkg-active)
    }
}

@media(min-width:1025px) {
    .menu-main__item--secondary:focus {
        background-color: var(--l1-col-bkg-active)
    }

    .menu-main__item--secondary>a svg {
        flex-shrink: 0;
        transform: rotate(-90deg)
    }

    .menu-main__item--secondary>a span {
        margin-right: 3ch;
        white-space: normal
    }
}

.menu-main__item--tertiary {
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    padding: calc(var(--pad-block)/2) var(--pad-inline)
}

@media(min-width:1025px) {
    .menu-main__item--tertiary {
        font-size: var(--fscale-000-fs);
        line-height: var(--fscale-000-lh);
        padding-block: calc(var(--pad-block)/2);
        padding-inline: var(--pad-inline)
    }
}

.menu-main__item--tertiaryReturn {
    border-bottom: 1px solid var(--accent);
    font-family: Helvetica Neue LT Pro, sans-serif;
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh);
    margin-bottom: calc(var(--pad-block)/2);
    padding: calc(var(--pad-block)/2) var(--pad-inline)
}

.menu-main__item--tertiaryReturn>span {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.menu-main__item--tertiaryReturn svg {
    margin-right: 1ch !important;
    transform: translateY(0) rotate(90deg) !important
}

@media(max-width:1024px) {
    .menu-main__item--tertiaryReturn {
        display: none
    }
}

.menu-main__item--externalSites {
    --pad-block: 2rem;
    --col-icon: #38c6f3;
    background-color: var(--col-bkg-alt);
    font-family: HelveticaNeueLTW01-55Roman, sans-serif
}

.menu-main__item--externalSites>span {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem var(--pad-inline)
}

.menu-main__item--externalSites>span svg {
    color: var(--col-icon)
}

.menu-main__item--externalLink {
    font-family: HelveticaNeueLTW01-55Roman, sans-serif;
    padding: 0
}

.menu-main__item--externalLink a {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: calc(var(--pad-block)/2) var(--pad-inline)
}

.menu-main__item--externalLink a svg {
    color: var(--col-icon)
}

.menu-main__item--quickLink {
    background-color: var(--col-bkg-alt);
    border-bottom: 1px solid #fff;
    font-family: HelveticaNeueLTW01-55Roman, sans-serif
}

.menu-pagination {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media(min-width:768px) {
    .menu-pagination {
        justify-content: flex-start
    }
}

.menu-pagination li+li {
    margin-left: 1ch
}

.menu-jumpnav {
    display: inline-flex;
    list-style: none;
    margin: 0;
    max-height: var(--max-height);
    opacity: var(--opacity);
    padding: 0;
    pointer-events: var(--pointerEvents);
    position: relative
}

.menu-jumpnav [data-drawtoggle]>a,
.menu-jumpnav [data-drawtoggle]>span {
    pointer-events: none
}

.menu-jumpnav__draw {
    --clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    --opacity: 0;
    --max-height: 0;
    --pointerEvents: none;
    max-height: var(--max-height);
    opacity: var(--opacity);
    pointer-events: var(--pointerEvents);
    transition: clip-path var(--drawSpeed, 0s) ease, opacity var(--drawSpeed, 0s) ease, max-height var(--drawSpeed, 0s) ease, height var(--drawSpeed, 0s) ease, transform var(--drawSpeed, 0s) ease;
    width: 100%
}

.menu-jumpnav__draw>* {
    height: fit-content;
    width: 100%
}

[data-drawtoggle=true]>.menu-jumpnav__draw {
    --opacity: 1;
    --pointerEvents: all;
    --max-height: max-content;
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.menu-jumpnav {
    --pad-block: 2rem;
    --pad-inline: 1rem;
    --dropdonw-minW: 230px;
    --accent: #f8981d;
    --l1-col: #333;
    --l1-col-hover-inactive: #858585;
    --l1-col-divide: #ebebeb;
    --l1-col-bkg-active: #fef5e8;
    --col-bkg: #fff;
    --col-bkg-alt: #ebebeb;
    --fnt-family: Publico, sans-serif;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-inline: var(--pad-inline);
    padding-bottom: var(--pad-block);
    padding-top: 0
}

.menu-jumpnav--primary {
    font-family: var(--fnt-family)
}

.menu-jumpnav--externalSites {
    align-items: flex-start;
    background-color: #fef5e8;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-block: calc(var(--pad-block)/2)
}

.menu-jumpnav__item {
    --drawSpeed: 0.5s;
    --pad-block: 2rem;
    --pad-inline: 1.5rem;
    cursor: pointer;
    overflow: hidden;
    padding-block: var(--pad-block);
    padding-inline: var(--pad-inline);
    width: 100%
}

.menu-jumpnav__item>a,
.menu-jumpnav__item>span {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media(hover:hover) {

    .menu-jumpnav__item:hover>a,
    .menu-jumpnav__item:hover>span {
        text-decoration: underline
    }
}

.menu-jumpnav__item:focus>a,
.menu-jumpnav__item:focus>span {
    text-decoration: underline
}

.menu-jumpnav__item--externalSites svg,
.menu-jumpnav__item--primary svg {
    --space: 0.5ch;
    height: .75em;
    width: auto
}

.menu-jumpnav__item--externalSites svg:first-child,
.menu-jumpnav__item--primary svg:first-child {
    margin-right: var(--space);
    transform: rotate(0deg)
}

.menu-jumpnav__item--externalSites svg:last-child,
.menu-jumpnav__item--primary svg:last-child {
    margin-left: var(--space)
}

.menu-jumpnav__item--externalSites[data-drawtoggle=true]>a svg,
.menu-jumpnav__item--externalSites[data-drawtoggle=true]>span svg,
.menu-jumpnav__item--primary[data-drawtoggle=true]>a svg,
.menu-jumpnav__item--primary[data-drawtoggle=true]>span svg {
    transform: rotate(180deg)
}

.menu-jumpnav__item--primary {
    border-bottom: 1px solid var(--l1-col-divide);
    font-size: var(--fscale-500-fs);
    line-height: var(--fscale-500-lh);
    transition: all .3s ease
}

.menu-jumpnav__item--primary[data-drawtoggle=true] {
    background-color: var(--l1-col-bkg-active)
}

.menu-jumpnav__item--externalSites {
    --pad-block: 2rem;
    --col-icon: #38c6f3;
    background-color: var(--col-bkg-alt);
    font-family: HelveticaNeueLTW01-55Roman, sans-serif
}

.menu-jumpnav__item--externalSites>span {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem var(--pad-inline)
}

.menu-jumpnav__item--externalSites>span svg {
    color: var(--col-icon)
}

@media(min-width:1025px) {
    .menu-jumpnav__item--externalSites {
        display: none
    }
}

.menu-jumpnav__item--externalLink {
    font-family: HelveticaNeueLTW01-55Roman, sans-serif;
    padding: 0
}

.menu-jumpnav__item--externalLink a {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: calc(var(--pad-block)/2) var(--pad-inline)
}

.menu-jumpnav__item--externalLink a svg {
    color: var(--col-icon)
}

.menu-jumpnav__item--quickLink {
    background-color: var(--col-bkg-alt);
    border-bottom: 1px solid var(--l1-col-divide);
    font-family: HelveticaNeueLTW01-55Roman, sans-serif
}

.card {
    --col-bkg: transparent;
    --image-ratio: 16/9;
    --image-scale: 1;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    isolation: isolate;
    justify-content: flex-start;
    position: relative
}

@media(hover:hover) {
    .card:hover:not(.card--nohover) {
        --image-scale: 1.05
    }
}

.card:focus:not(.card--nohover) {
    --image-scale: 1.05
}

.card__content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    padding-top: 2rem
}

.card__content h3 {
    margin-bottom: 0
}

.card__content p {
    margin-top: 0
}

.card__tags {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    z-index: 200
}

.card__tags>* {
    margin-bottom: 1rem;
    margin-right: 1ch
}

.card__tags>:last-child {
    margin-right: 0
}

.card__header,
.card__meta {
    margin-bottom: 1rem
}

.card__meta {
    display: block;
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh)
}

.card__meta__cat {
    font-family: Helvetica Neue LT Pro, sans-serif
}

.card__image {
    aspect-ratio: var(--image-ratio);
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card__image img,
.card__image svg {
    inset: 0;
    object-fit: cover;
    position: absolute;
    transform: scale(var(--image-scale));
    transition: transform .2s ease
}

.card__cta:before {
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: 100
}

.card--newsroom {
    align-self: stretch;
    border-bottom: 5px solid #38c6f3;
    padding-bottom: var(--row-gap)
}

.card--newsroom .card__content {
    justify-content: space-between
}

.card--newsroom .card__footer {
    margin-top: 4rem
}

.card--newsroom h3 {
    margin-top: 0
}

@media(min-width:768px) {
    .card--newsroomFeatured {
        --space: var(--g-grid-gap);
        --image-ratio: 1/1;
        align-items: center;
        border-bottom: none;
        column-gap: var(--space);
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 0
    }

    .card--newsroomFeatured .card__content {
        border-left: 5px solid #38c6f3;
        height: fit-content;
        padding-left: var(--space);
        padding-top: 0
    }
}

@media(min-width:1025px) {
    .card--newsroomFeatured {
        --space: 4rem
    }

    .card--newsroomFeatured .card__content {
        --space: 2rem
    }
}

.card-report {
    --pad-block: 3rem;
    background-color: var(--col-bkg-orange);
    display: grid;
    grid-template-columns: 1fr;
    isolation: isolate;
    overflow: hidden;
    padding: var(--pad-block);
    position: relative
}

@media(min-width:768px) {
    .card-report {
        --pad-block: 4rem;
        align-items: center;
        column-gap: var(--g-grid-gap);
        grid-template-columns: 5fr 7fr;
        padding: var(--pad-block)
    }
}

.card-report__cover {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .card-report__cover {
        margin-bottom: 0;
        padding-right: var(--pad-block);
        text-align: center
    }
}

.card-report__cover img {
    box-shadow: 0 0 10px 0 rgba(26, 9, 1, .5);
    margin: auto
}

.card-report__details {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.card-report__details h2 {
    font-size: var(--fscale-600-fs);
    line-height: var(--fscale-600-lh)
}

.card-report__arrow {
    display: none
}

@media(min-width:768px) {
    .card-report__arrow {
        align-items: center;
        background-color: #ffd9a8;
        display: flex;
        flex-direction: column;
        inset: 0 0 0 auto;
        justify-content: center;
        padding: 2rem;
        position: absolute;
        transform: translateX(100%);
        transition: all .2s ease
    }
}

@media(min-width:768px)and (hover:hover) {
    .card:hover .card-report__arrow {
        transform: translateX(0)
    }
}

@media(min-width:768px) {
    .card-report__arrow svg {
        height: .75em;
        width: auto
    }
}

.card-report__cta {
    border-bottom: 1px solid #f8981d;
    display: inline-block;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-300-fs);
    line-height: var(--fscale-300-lh);
    margin-top: 2rem
}

.card-report__cta:before {
    content: "";
    display: block;
    inset: 0;
    position: absolute
}

.card-report__support {
    display: block;
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh);
    margin-top: 1em
}

.card-report__pattern {
    display: none
}

@media(min-width:768px) {
    .card-report__pattern {
        color: #f8981d;
        display: block;
        height: 130%;
        inset: auto auto 0 0;
        object-fit: cover;
        position: absolute;
        width: auto;
        z-index: -1
    }
}

.btn {
    cursor: pointer;
    display: inline-flex
}

.btn svg {
    fill: currentColor;
    stroke: transparent
}

.btn-skipLink {
    --color: #f8981d;
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999
}

.btn-skipLink:focus,
.btn-skipLink:hover {
    align-items: center;
    background-color: #fff;
    border-left: 6px solid var(--color);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .2);
    color: var(--color);
    font-size: var(--fscale-100-fs);
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: var(--fscale-100-lh);
    line-height: 1;
    outline: none;
    overflow: auto;
    padding: 2rem;
    text-align: center;
    top: 5px;
    width: auto;
    z-index: 999
}

.btn-skipLink:focus svg,
.btn-skipLink:hover svg {
    fill: var(--color);
    margin-left: 1rem
}

.btn-globalnav {
    --padd-h: var(--g-grid-mar);
    --bkg: #fff;
    align-items: center;
    background-color: #e8f9fe;
    border: none;
    color: var(--col-icons);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    outline: none;
    transition: background-color .3s ease
}

.btn-globalnav label {
    inset: 0;
    position: absolute
}

.btn-globalnav svg {
    height: 1.75rem;
    width: auto
}

@media(hover:hover) {
    .btn-globalnav:hover {
        --bkg: #ffd9a8
    }
}

.btn-hamburger {
    --weight: 2px;
    --space: 6px;
    --rotation: 0deg;
    --ani-speed: 0.6s;
    aspect-ratio: 1/1;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 22px;
    position: relative;
    width: 100%
}

.btn-hamburger__icon {
    --ani-stage-speed: calc(var(--ani-speed)/2);
    height: var(--weight);
    position: relative;
    transition: opacity 0s linear var(--ani-stage-speed);
    width: 100%
}

.btn-hamburger__icon:after,
.btn-hamburger__icon:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%
}

.btn-hamburger__icon--open {
    background-color: currentColor;
    opacity: 1
}

.btn-hamburger__icon--open:before {
    transform: translateY(calc(var(--space)*-1))
}

.btn-hamburger__icon--open:after,
.btn-hamburger__icon--open:before {
    transition: transform var(--ani-stage-speed) ease var(--ani-stage-speed)
}

.btn-hamburger__icon--open:after {
    transform: translateY(var(--space))
}

[data-menuopen=true] .btn-hamburger__icon--open {
    opacity: 0
}

[data-menuopen=true] .btn-hamburger__icon--open:after,
[data-menuopen=true] .btn-hamburger__icon--open:before {
    transform: translateY(0);
    transition: transform var(--ani-stage-speed) ease 0s
}

.btn-hamburger__icon--close {
    background-color: transparent;
    opacity: 0;
    transform: translateY(calc(var(--weight)*-1))
}

.btn-hamburger__icon--close:after,
.btn-hamburger__icon--close:before {
    transform: rotate(0deg);
    transition: transform var(--ani-stage-speed) ease 0s
}

[data-menuopen=true] .btn-hamburger__icon--close {
    opacity: 1
}

[data-menuopen=true] .btn-hamburger__icon--close:before {
    transform: rotate(45deg);
    transition: transform var(--ani-stage-speed) ease var(--ani-stage-speed)
}

[data-menuopen=true] .btn-hamburger__icon--close:after {
    transform: rotate(-45deg);
    transition: transform var(--ani-stage-speed) ease var(--ani-stage-speed)
}

.btn-follow {
    --col-icon: currentColor;
    --col-label: currentColor;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

.btn-follow__icon {
    align-items: center;
    aspect-ratio: 1/1;
    border: 1px solid var(--col-icon);
    border-radius: 50%;
    color: var(--col-icon);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 2ch;
    padding: 10px
}

.btn-follow__icon svg {
    height: 1em;
    width: auto
}

.btn-follow__label {
    border-bottom: 1px solid var(--col-icon);
    color: var(--col-label);
    transition: color .2s ease
}

@media(hover:hover) {
    .btn-follow:hover .btn-follow__label {
        color: var(--col-icon)
    }
}

.btn-follow:focus .btn-follow__label {
    color: var(--col-icon)
}

.btn-txtcta {
    --col-text: #333;
    --col-hover: #f8981d;
    border-bottom: 1px solid var(--col-accent, --col-hover);
    color: var(--col-text);
    font-family: Publico, sans-serif;
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    transition: color .2s ease
}

@media(hover:hover) {
    .btn-txtcta:hover {
        color: var(--col-accent, --col-hover)
    }
}

.btn-txtcta:focus {
    color: var(--col-accent, --col-hover)
}

.btn-tax {
    --col-accent: #f8981d;
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--col-accent);
    border-radius: 3em;
    font-family: Helvetica Neue LT Pro, sans-serif;
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh);
    margin: 0 1ch 1.6rem 0;
    padding-block: .5em;
    padding-inline: 1.5ch;
    transition: all .3s ease
}

.btn-tax svg {
    fill: var(--col-accent);
    flex-shrink: 0;
    height: .8em;
    margin-right: .5ch;
    width: auto
}

@media(hover:hover) {
    .btn-tax:hover {
        background-color: #fef5e8
    }
}

.btn-tax:focus {
    background-color: #fef5e8
}

.btn-play,
.btn-tax:active {
    background-color: #f8981d
}

.btn-play {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    padding: 2rem;
    transition: all .2s ease;
    width: max-content;
    width: 60px
}

.btn-play svg {
    color: #fff;
    display: block;
    height: 2rem;
    margin-left: 3px;
    width: auto
}

@media(hover:hover) {
    .btn-play:hover {
        background-color: #e7871e
    }
}

.btn-play:focus {
    background-color: #e7871e
}

.btn-download {
    --pad-block: 2rem;
    --pad--inline: 2ch;
    --col-bkg: #fef5e8;
    --col-icon: #f8981d;
    --txt-dec: none;
    --col-name: currentColor;
    align-items: baseline;
    background-color: var(--col-bkg);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-block: var(--pad-block);
    padding-inline: var(--pad--inline);
    width: 100%
}

@media(hover:hover) {
    .btn-download:hover {
        --col-name: #f8981d
    }
}

.btn-download:focus {
    --col-name: #f8981d
}

@media(min-width:768px) {
    .btn-download {
        --pad--inline: 4ch
    }
}

.btn-download__label {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width:768px) {
    .btn-download__label {
        align-items: baseline;
        flex-direction: row
    }
}

.btn-download__name {
    color: var(--col-name);
    flex-shrink: 1;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    margin-right: 1ch;
    transition: all .2s ease
}

.btn-download__data {
    font-size: 12px;
    margin-right: auto
}

.btn-download__icon {
    align-self: center;
    color: var(--col-icon);
    display: block;
    flex-shrink: 0;
    height: 2rem;
    margin-left: 1ch;
    width: auto
}

.btn-download--mini {
    --pad-block: 0;
    --pad--inline: 0;
    --col-icon: currentColor;
    --col-bkg: transparent
}

.btn-download--mini .btn-download__name {
    font-family: HelveticaNeueLTW01-55Roman, sans-serif;
    font-size: var(--fscale-100-fs);
    line-height: var(--fscale-100-lh)
}

@media(hover:hover) {
    .btn-download--mini:hover {
        --col-name: currentColor
    }

    .btn-download--mini:hover .btn-download__name {
        text-decoration: underline
    }
}

.btn-download--mini:focus {
    --col-name: currentColor
}

.btn-download--mini:focus .btn-download__name {
    text-decoration: underline
}

.btn-pill,
.cookie-btn a,
.cookie-save {
    --col-bkg: transparent;
    --col-border: #f8981d;
    align-items: center;
    background-color: var(--col-bkg);
    border: 1px solid var(--col-border);
    border-radius: 10rem;
    color: #333;
    display: flex;
    display: inline-flex;
    flex-direction: row;
    font-family: Helvetica Neue LT Pro, sans-serif;
    justify-content: space-between;
    padding: .5em 3ch .4em
}

@media(hover:hover) {

    .btn-pill:hover,
    .cookie-btn a:hover,
    .cookie-save:hover {
        --col-bkg: #ffd9a8
    }
}

.btn-pill:focus,
.cookie-btn a:focus,
.cookie-save:focus {
    --col-bkg: #ffd9a8
}

.btn-pill:active,
.btn-pill[data-isactive=true],
.cookie-btn a:active,
.cookie-btn a[data-isactive=true],
.cookie-save:active,
[data-isactive=true].cookie-save {
    --col-bkg: #f8981d
}

.btn-pill:disabled,
.cookie-btn a:disabled,
.cookie-save:disabled {
    --col-bkg: #ebebeb;
    --col-border: #ebebeb
}

.btn-pill span,
.cookie-btn a span,
.cookie-save span {
    display: block
}

.btn-pill span+svg,
.cookie-btn a span+svg,
.cookie-save span+svg {
    margin-left: 1ch
}

.btn-pill svg,
.cookie-btn a svg,
.cookie-save svg {
    height: 1em;
    width: auto
}

.btn-pill svg+span,
.cookie-btn a svg+span,
.cookie-save svg+span {
    margin-left: 1ch
}

.btn-square {
    --col-bkg: transparent;
    --col-border: #f8981d;
    align-items: center;
    background-color: var(--col-bkg);
    border: 1px solid var(--col-border);
    display: flex;
    flex-direction: row;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-200-fs);
    height: 40px;
    justify-content: center;
    line-height: var(--fscale-200-lh);
    min-width: 40px;
    padding: .75em .5;
    width: fit-content
}

.btn-square>svg {
    height: 1em;
    width: auto
}

@media(hover:hover) {
    .btn-square:hover {
        --col-bkg: #fef5e8
    }
}

.btn-square:focus {
    --col-bkg: #fef5e8
}

.btn-square[data-current] {
    --col-bkg: #f8981d
}

.btn-square[data-disabled] {
    --col-bkg: #ebebeb;
    --col-border: #333
}

.btn-square--noborder {
    --col-border: transparent
}

.btn-icon {
    --col-icon: #f8981d;
    align-items: center;
    color: var(--col-icon);
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    width: fit-content
}

.btn-icon svg {
    height: 1.5em;
    width: auto
}

@media(hover:hover) {
    .btn-icon:hover {
        --col-icon: #333
    }
}

.btn-icon:focus,
.btn-icon[data-disabled] {
    --col-icon: #333
}

.btn-icon--reverse svg {
    transform: rotate(180deg)
}

.btn-clearfilter {
    border-bottom: 1px solid #f8981d;
    color: #333;
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh);
    margin-top: 3rem;
    padding-bottom: .15em;
    white-space: nowrap
}

@media(min-width:768px) {
    .btn-clearfilter {
        margin-left: 1ch;
        margin-top: 0;
        padding-bottom: 0
    }
}

.form {
    display: block
}

.form-search {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    width: 100%
}

.form-search label {
    display: none
}

.form-search input {
    border: none;
    border-radius: 0;
    flex-shrink: 1;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-200-fs);
    line-height: var(--fscale-200-lh);
    max-width: 690px;
    outline: none;
    width: 100%
}

@media(min-width:1025px) {
    .form-search input {
        font-size: var(--fscale-400-fs);
        line-height: var(--fscale-400-lh)
    }
}

.form-search button {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: #fff;
    border: none;
    color: #f8981d;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 4.2rem;
    justify-content: center;
    margin-left: 2px;
    outline: none;
    width: auto
}

.form-search--masthead {
    font-size: var(--fscale-100-fs);
    justify-content: flex-start;
    line-height: var(--fscale-100-lh);
    margin-top: 1rem;
    max-width: 500px
}

input {
    --pad-block: 0.5rem;
    --pad-inline: 1ch;
    padding: var(--pad-block) var(--pad-inline)
}

input::placeholder {
    color: #5c5c5c;
    opacity: .4
}

.custom-select-filter {
    border-bottom: 1px solid var(--border-color, #ebebeb);
    overflow: visible !important;
    position: relative;
    width: 100%
}

[data-bkg=grey] .custom-select-filter {
    --filter-bkg: var(--col-bkg-grey);
    --border-color: #fff;
    border-top: 1px solid var(--border-color, #ebebeb)
}

.custom-select-filter.is-open {
    padding-bottom: 2rem
}

@media(min-width:768px) {

    .custom-select-filter,
    .custom-select-filter.is-open {
        padding-bottom: 0 !important
    }

    .custom-select-filter {
        border-bottom: none;
        border: none !important;
        width: fit-content
    }
}

.custom-select-filter select {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.custom-select-filter-container {
    width: 100%
}

.custom-select-filter-opener {
    align-items: center;
    background-color: var(--filter-bkg, #fff);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: Helvetica Neue LT Pro, sans-serif;
    justify-content: space-between;
    padding-block: 2.5rem;
    padding-inline: 2ch;
    width: 100%
}

@media(min-width:768px) {
    .custom-select-filter-opener {
        --filter-bkg: #fef5e8
    }
}

.custom-select-filter-opener span {
    white-space: nowrap
}

.custom-select-filter-opener:after {
    content: url(../assets/img/nav-arrow.svg);
    display: inline-block;
    height: 1em;
    margin-left: 1ch;
    margin-right: 1ch;
    opacity: .6;
    transform: rotate(0deg);
    transition: all .2s ease;
    width: 1em
}

@media(min-width:768px) {
    .custom-select-filter-opener:after {
        margin-right: 0
    }
}

.custom-select-filter.is-open .custom-select-filter-opener:after {
    transform: rotate(180deg)
}

@media(min-width:768px) {
    .custom-select-filter-opener {
        border: 1px solid #f8981d;
        border-radius: 10rem;
        padding: .5em 3ch .4em !important
    }

    .custom-select-filter.is-open .custom-select-filter-opener {
        background-color: #fef5e8
    }
}

@media(min-width:768px)and (hover:hover) {
    .custom-select-filter-opener:hover {
        background-color: #ffd9a8 !important
    }
}

@media(min-width:768px) {
    .custom-select-filter-opener:focus {
        background-color: #ffd9a8 !important
    }
}

.custom-select-filter-panel {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .custom-select-filter-panel {
        border: 1px solid #ebebeb;
        border-bottom: 4px solid #f8981d;
        left: 50%;
        min-width: calc(100% - 10px);
        opacity: 0;
        position: absolute;
        top: calc(100% + 10px);
        transform: translateX(-50%);
        transition: max-height .3s ease, overflow-y 0s linear .5s, opacity .2s ease;
        z-index: 100
    }
}

.custom-select-filter.is-open .custom-select-filter-panel {
    max-height: fit-content
}

@media(min-width:768px) {
    .custom-select-filter.is-open .custom-select-filter-panel {
        max-height: 10.7em;
        opacity: 1;
        overflow-y: scroll
    }
}

.custom-select-filter-option {
    align-items: center;
    background-color: inherit;
    display: flex;
    flex-direction: row;
    font-size: var(--fscale-000-fs);
    justify-content: space-between;
    line-height: var(--fscale-000-lh);
    padding-block: 1rem;
    padding-inline: 2ch;
    width: 100%
}

.custom-select-filter-option.has-focus {
    font-family: Helvetica Neue LT Pro, sans-serif
}

@media(min-width:768px) {
    .custom-select-filter-option {
        border-bottom: none;
        padding: 8px
    }

    .custom-select-filter-option.has-focus,
    .custom-select-filter-option.is-selected {
        background-color: #fef5e8
    }
}

.videoEmbed {
    align-items: center;
    aspect-ratio: var(--video-aspect, 16/9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.videoEmbed iframe,
.videoEmbed img {
    border: none;
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    transition: opacity .4s ease;
    width: 100%;
    z-index: 200
}

.videoEmbed__control {
    transition: opacity .2s ease .2s;
    z-index: 300
}

.videoEmbed[data-videoembed=play] .videoEmbed__control,
.videoEmbed[data-videoembed=play] img {
    opacity: 0;
    pointer-events: none
}

.videoEmbed a:before {
    content: "";
    display: block;
    inset: 0;
    position: absolute
}

.breadcrumbs {
    align-items: center;
    column-gap: 0 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: var(--fscale-000-fs);
    justify-content: flex-start;
    line-height: var(--fscale-000-lh);
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:768px) {
    .breadcrumbs {
        font-size: var(--fscale-100-fs);
        line-height: var(--fscale-100-lh)
    }
}

.breadcrumbs__crumb {
    align-items: center;
    color: #333;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-block: 1rem
}

.breadcrumbs__current {
    border-bottom: 1px solid transparent;
    color: #333;
    font-family: Helvetica Neue LT Pro, sans-serif;
    margin-block: 1rem
}

.breadcrumbs a {
    border-bottom: 1px solid #f8981d
}

.breadcrumbs__divide {
    border-right: 1px solid;
    height: 1.2em;
    margin: 0 2ch;
    transform: skewX(-30deg)
}

@media(min-width:1025px) {
    .breadcrumbs__divide {
        margin: 0 4ch
    }
}

.carousel {
    align-items: center;
    display: grid;
    grid-template-areas: "slider" "pagination";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    margin-bottom: calc(var(--pad-block)/2)
}

@media(min-width:768px) {
    .carousel {
        grid-template-areas: ". slider ." ". pagination .";
        grid-template-columns: 1fr 10fr 1fr
    }
}

@media(min-width:1025px) {
    .carousel {
        grid-template-areas: "navBefore slider navAfter" ". pagination .";
        grid-template-columns: 1fr 10fr 1fr
    }
}

.carousel__main {
    grid-area: slider;
    width: 100%
}

.carousel__main .swiper-wrapper {
    align-items: center;
    height: 100%;
    margin: auto
}

.carousel__pagination {
    --size: 1rem;
    --col-bkg: tranparent;
    --col-border: #333;
    align-items: center;
    display: flex;
    display: inline-flex;
    flex-direction: row;
    grid-area: pagination;
    justify-content: center;
    left: 50% !important;
    position: absolute;
    top: 100% !important;
    transform: translateX(-50%) translateY(-50%)
}

.carousel__pagination .swiper-pagination-bullet {
    background: var(--col-bkg);
    border: 1px solid var(--col-border);
    height: var(--size);
    opacity: 1 !important;
    transition: all .2s ease;
    width: var(--size)
}

.carousel__pagination .swiper-pagination-bullet-active {
    --col-bkg: #f8981d;
    --col-border: #f8981d
}

.carousel__btn {
    --size: 3rem;
    --color: #f8981d;
    color: var(--color);
    cursor: pointer;
    display: block;
    transition: color .3s ease
}

@media(max-width:1024px) {
    .carousel__btn {
        display: none !important
    }
}

.carousel__btn svg {
    color: currentColor;
    display: block;
    height: auto;
    transform: rotate(var(--rotate));
    width: var(--size)
}

.carousel__btn--prev {
    --rotate: 90deg;
    grid-area: navBefore;
    justify-self: start
}

.carousel__btn--next {
    --rotate: -90deg;
    grid-area: navAfter;
    justify-self: end
}

@media(hover:hover) {
    .carousel__btn:hover {
        --color: #333
    }
}

.carousel__btn:focus {
    --color: #333
}

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

.accordian [data-accordian=draw] {
    --max-h: 0;
    --opacity: 0;
    max-height: var(--max-h);
    opacity: var(--opacity);
    overflow: hidden;
    transition: all .5s ease
}

.accordian input:checked~[data-accordian=draw] {
    --max-h: max-content;
    --opacity: 1
}

.accordian__tab {
    cursor: pointer;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative
}

.accordian__tab input {
    height: 0;
    inset: 0 100% 100% 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.accordian__label {
    background-color: #ebebeb;
    cursor: pointer;
    flex-wrap: wrap;
    font-size: var(--fscale-400-fs);
    line-height: var(--fscale-400-lh);
    margin: 0;
    padding: .5em 2rem;
    position: relative
}

.accordian__label label {
    align-items: center;
    column-gap: 2ch;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.accordian__label label>svg {
    --rotate: -0deg;
    color: #f8981d;
    display: block;
    flex-shrink: 0;
    height: auto;
    transform: rotate(var(--rotate));
    transition: transform .1s ease;
    width: 2rem
}

input:checked~.accordian__label label>svg {
    --rotate: -180deg
}

.accordian__label a {
    align-items: center;
    border-bottom: 2px solid #f8981d;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start
}

.accordian__label a svg {
    color: inherit;
    display: inline-block;
    flex-shrink: 0;
    height: .65em;
    margin-left: .5ch;
    width: auto
}

.accordian__item {
    padding: 2rem
}

.global-panel {
    inset: 0;
    position: fixed;
    transform: translateX(100%);
    transition: background-color .25s ease .25s, transform 0s ease .5s;
    z-index: 301
}

.show-panel .global-panel {
    background-color: rgba(0, 0, 0, .5);
    transform: translateX(0);
    transition: background-color .25s ease
}

.show-panel .global-panel .global-panel__inner {
    transform: translateX(0)
}

.global-panel .masthead,
.global-panel .mod-breadcrumbs {
    display: none
}

.global-panel__inner {
    background: #fff;
    height: 100%;
    max-width: 109rem;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .5s ease-in-out;
    width: 100%;
    z-index: 1
}

.global-panel__close {
    background: transparent;
    border: 0;
    color: #f8981d;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-200-fs);
    font-weight: 700;
    line-height: var(--fscale-200-lh);
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2
}

.global-panel__close:active,
.global-panel__close:focus,
.global-panel__close:hover {
    text-decoration: underline
}

.filterbar {
    position: relative
}

.filterbar input {
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0
}

.filterbar__button {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #f8981d;
    border-top: 1px solid #f8981d;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: Helvetica Neue LT Pro, sans-serif;
    justify-content: space-between;
    padding-block: 1.5rem;
    padding-inline: var(--g-grid-mar);
    transition: all .2s ease
}

input:checked~.filterbar__button {
    background-color: var(--col-bkg-orange)
}

@media(min-width:768px) {
    .filterbar__button {
        display: none
    }
}

.filterbar__button__icon {
    cursor: pointer;
    display: block;
    height: 30px;
    pointer-events: all;
    position: relative;
    width: 30px;
    z-index: 100
}

.filterbar__button__icon:after,
.filterbar__button__icon:before {
    background-color: #f8981d;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 100%
}

.filterbar__button__icon:after {
    transform: rotate(-90deg) scaleY(1);
    transition: all .3s ease
}

input:checked~.filterbar__button .filterbar__button__icon:after {
    transform: rotate(-90deg) scaleY(0)
}

.filterbar__draw {
    height: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 4rem
}

.filterbar__draw:after {
    border-bottom: 5px solid #f8981d;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - var(--g-grid-mar)*2)
}

input:checked~.filterbar__draw {
    max-height: fit-content;
    opacity: 1
}

@media(min-width:768px) {
    .filterbar__draw {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-height: fit-content;
        opacity: 1;
        overflow: visible;
        padding-bottom: 0
    }

    .filterbar__draw:after {
        display: none
    }
}

.filterbar__cats {
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    column-gap: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-inline: var(--g-grid-mar);
    padding-block: 2rem
}

@media(min-width:768px) {
    .filterbar__cats {
        border-bottom: none;
        column-gap: 1rem;
        margin-inline: 0;
        padding-block: 0
    }
}

.filterbar__tags {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-inline: var(--g-grid-mar)
}

@media(min-width:768px) {
    .filterbar__tags {
        align-items: center;
        column-gap: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding-inline: 0
    }
}

.integritybar {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.integritybar .mod__inner {
    padding-bottom: 0
}

@media(min-width:768px) {
    .integritybar {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding-inline: 0
    }
}

.integritybar__lang {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media(min-width:768px) {
    .integritybar__lang {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        width: fit-content
    }
}

.integritybar__lang label {
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh);
    margin-block: 2rem
}

@media(min-width:768px) {
    .integritybar__lang label {
        font-size: var(--fscale-100-fs);
        line-height: var(--fscale-100-lh);
        margin: 0 2ch 0 0
    }
}

.mod {
    --direction: ltr;
    --pad-block: 6.4rem;
    --columns: 1;
    --column-gap: var(--g-grid-gap);
    --align-items: start;
    --row-gap: 4rem;
    --col-bkg: var(--col-bkg-white);
    --col-bkg-accent: var(--col-bkg-white-accent);
    --col-body: #333;
    --col-accent: #38c6f3;
    background-color: var(--col-bkg);
    grid-auto-rows: auto;
    isolation: isolate;
    padding-bottom: var(--pad-block);
    position: relative;
    row-gap: var(--row-gap);
    z-index: 0
}

@media(min-width:768px) {
    .mod {
        --pad-block: 8rem;
        --row-gap: 6rem
    }
}

@media(min-width:1025px) {
    .mod {
        --row-gap: 6rem
    }
}

.mod[data-bkg]:not([data-bkg=white])+.mod[data-bkg]:not([data-bkg=white]),
.mod[data-bkg]:not([data-bkg])+.mod[data-bkg]:not([data-bkg=white]) {
    margin-top: calc(var(--pad-block)*-1)
}

.mod[data-bkg]:not([data-bkg=white]) {
    margin-bottom: var(--pad-block);
    padding-bottom: 6.4rem;
    padding-top: 6.4rem
}

.mod[data-bkg]:not([data-bkg=white]):last-child {
    margin-bottom: 0
}

.mod .mod:last-child:not([data-bkg=grey], [data-bkg=orange], .mod-contact) {
    padding-bottom: 2.4rem
}

.mod .mod:last-child:not([data-bkg=grey], [data-bkg=orange], .mod-newsroom, .mod-profiles, .mod-downloads, .mod-stats[data-bkg=white], .mod-contact) {
    padding-bottom: 0
}

.mod:first-child:not(.mod-richtext, .mod-icons, [data-bkg=grey], [data-bkg=orange]) {
    margin-top: 8rem
}

.mod:first-child[data-bkg=grey],
.mod:first-child[data-bkg=orange] {
    margin-top: var(--pad-block)
}

.mod .mod[data-bkg]:first-child:not([data-bkg=white]) {
    margin-top: 4.2rem
}

.page-home .mod:first-child:not([data-bkg=grey], [data-bkg=orange]) {
    margin-top: var(--pad-block)
}

.mod .mod {
    grid-column: 1/-1
}

.mod__inner {
    align-items: var(--align-items);
    column-gap: var(--g-grid-gap);
    direction: var(--direction);
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    position: relative;
    row-gap: var(--row-gap);
    z-index: 1
}

.mod__inner>* {
    direction: ltr
}

.mod__bkgImage {
    z-index: 0
}

.mod__bkgImage,
.mod__bkgImage img {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.mod__bkgImage img {
    object-fit: cover
}

.mod__title {
    position: relative;
    z-index: 1
}

.mod__title h2 {
    font-size: var(--fscale-600-fs);
    line-height: var(--fscale-600-lh);
    margin: 0
}

.mod__title h2 span {
    border-bottom: 2px solid #38c6f3;
    display: inline-block
}

@media(min-width:1025px) {

    .mod--indented .mod__inner,
    .mod--indented .mod__title {
        column-gap: 0;
        display: grid;
        grid-template-columns: 1fr 10fr 1fr;
        margin-inline: var(--g-grid-gap)
    }

    .mod--indented .mod__inner>*,
    .mod--indented .mod__title>* {
        column-gap: var(--g-grid-gap);
        grid-column: 2/-2
    }

    .mod--indented-left .mod__inner,
    .mod--indented-left .mod__title {
        column-gap: 0;
        display: grid;
        grid-template-columns: 1fr 11fr;
        margin-inline: var(--g-grid-gap)
    }

    .mod--indented-left .mod__inner>*,
    .mod--indented-left .mod__title>* {
        column-gap: var(--g-grid-gap);
        grid-column: 2/-2
    }
}

@media(min-width:768px) {

    .mod--col2 .mod__inner,
    .mod--col3 .mod--col4 .mod__inner {
        column-gap: var(--column-gap)
    }

    .mod--col2,
    .mod--col3,
    .mod--col4 {
        --columns: 2
    }
}

@media(min-width:1025px) {
    .mod--col2 {
        --columns: 2
    }

    .mod--col3 {
        --columns: 3
    }

    .mod--col4 {
        --columns: 4
    }
}

.mod[data-bkg=grey] {
    --col-bkg: var(--col-bkg-grey);
    --col-bkg-aceent: var(--col-bkg-grey-accent)
}

.mod[data-bkg=blue] {
    --col-bkg: var(--col-bkg-blue);
    --col-bkg-aceent: var(--col-bkg-blue-accent)
}

.mod[data-bkg=orange] {
    --col-bkg: var(--col-bkg-orange);
    --col-bkg-aceent: var(--col-bkg-orange-accent)
}

.mod-breadcrumbs {
    --pad-block: 2.55rem;
    background-color: var(--col-bkg-grey);
    margin: 0 !important;
    padding-block: var(--pad-block)
}

@media(min-width:768px) {
    .mod-breadcrumbs {
        --pad-block: 4rem
    }
}

.mod-filterbar {
    --pad-block: 2rem;
    z-index: 100
}

@media(max-width:767px) {
    .mod-filterbar {
        grid-template-columns: 1fr
    }
}

@media(min-width:768px) {
    .mod-filterbar {
        --pad-block: 4rem;
        padding-top: var(--pad-block)
    }

    .mod-filterbar .mod__inner {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: var(--pad-block)
    }

    .mod-filterbar[data-bkg]:not([data-bkg=white]) .mod__inner {
        padding-bottom: 0
    }
}

.mod-utilities {
    --pad-block: 2rem;
    --space-between: 2ch;
    background-color: var(--col-bkg-grey);
    margin-block: 0 !important;
    padding-top: var(--pad-block) !important;
    z-index: 100
}

@media(min-width:900px) {
    .mod-utilities {
        --pad-block: 4rem
    }
}

.mod-icons+.mod-richtext,
.mod-richtext:first-child {
    padding-top: 0
}

.mod-richtext--intro {
    padding-bottom: 0 !important;
    padding-top: 4rem !important
}

.mod-pagination {
    padding-top: 0
}

.meta__col {
    margin-bottom: 2.4rem
}

.meta__col:last-child {
    margin-bottom: 0
}

@media(min-width:1025px) {
    .meta {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .meta__col {
        margin-bottom: 0
    }
}

.meta__label {
    font-family: Helvetica Neue LT Pro, sans-serif
}

.meta__label--tags {
    display: block;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .meta__label--tags {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1ch
    }
}

.mod-icons {
    --pad-block: 2rem
}

.mod-icons:first-child {
    padding-top: 0
}

.mod-icons__wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.mod-icons img {
    display: block;
    margin: 1ch 1ch 1ch 0
}

.mod-icons+.mod:not(.mod-richtext) {
    margin-top: var(--pad-block)
}

.mod-buttons {
    --item-space: 1rem;
    --row-gap: 1rem
}

.mod-buttons+.mod-buttons {
    --row-gap: 2rem;
    padding-top: 0
}

.mod-buttons:first-child {
    margin-top: 4.2rem
}

.mod-buttonss+.mod-richtext {
    margin-top: calc(var(--pad-block)*-.5)
}

.cookies {
    --pad-block: 2.4rem;
    bottom: 0;
    color: #333;
    font-size: var(--fscale-000-fs);
    left: 0;
    line-height: var(--fscale-000-lh);
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 101
}

.cookies .container {
    display: block;
    margin: 0 auto;
    max-width: calc(1120px + var(--g-grid-mar)*2);
    padding-block: var(--pad-block);
    padding-inline: var(--g-grid-mar)
}

.cookies:before {
    background-color: rgba(0, 0, 0, .6);
    content: "";
    display: block;
    height: 100%;
    inset: 0;
    position: fixed;
    width: 100%;
    z-index: -1
}

.cookies--hide {
    display: none
}

.cookie-notice,
.cookies-settings {
    background-color: #fff;
    display: block;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.cookie-notice h2 {
    font-family: Publico, sans-serif;
    font-size: var(--fscale-400-fs);
    line-height: var(--fscale-400-lh);
    margin-bottom: 0
}

.cookie-notice p {
    margin-top: 0
}

.cookie-notice__nav {
    align-items: stretch;
    column-gap: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 2rem;
    row-gap: 1rem
}

@media(min-width:768px) {
    .cookie-notice__nav {
        align-items: center;
        flex-direction: row
    }
}

.cookies-settings {
    background-color: #f5f5f5;
    max-height: 0;
    transition: max-height .5s ease
}

.cookies-settings--active {
    max-height: 300px
}

.cookies-settings__toggles {
    align-items: center;
    column-gap: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .cookies-settings__toggles {
        justify-content: flex-start
    }
}

.cookie-btn a,
.cookie-save {
    font-size: var(--fscale-200-fs);
    justify-content: center;
    line-height: var(--fscale-200-lh);
    padding-bottom: .5em;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {

    .cookie-btn a,
    .cookie-save {
        width: fit-content
    }
}

.cookie-checkbox__title {
    display: inline;
    transform: translateY(-.2em)
}

.cookie-checkbox input {
    display: none
}

.cookie-checkbox label {
    align-items: center;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: var(--fscale-100-fs);
    justify-content: flex-start;
    line-height: var(--fscale-100-lh);
    margin: 0;
    padding-left: 3rem;
    position: relative;
    text-transform: none
}

.cookie-checkbox label:before {
    border: 1px solid;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px
}

.cookie-checkbox label:active span,
.cookie-checkbox label:focus span,
.cookie-checkbox label:hover span {
    text-decoration: underline
}

.cookie-checkbox input:checked+label:before {
    background-color: #f8981d;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 33 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFF' d='M12.032 26.447.575 14.504l3.72-3.567 7.664 7.988L28.65.829l3.79 3.495z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border-color: #f8981d
}

.cookie-checkbox input[type=checkbox]:disabled:checked+label {
    cursor: not-allowed;
    opacity: .75
}

.cookie-checkbox input[type=checkbox]:disabled:checked+label:active span,
.cookie-checkbox input[type=checkbox]:disabled:checked+label:focus span,
.cookie-checkbox input[type=checkbox]:disabled:checked+label:hover span {
    text-decoration: none
}

.nav-quicklinks {
    --bkg: #1999ba;
    background-color: var(--bkg);
    position: relative;
    z-index: 300
}

.nav-quicklinks__inner {
    display: flex;
    flex-direction: row;
    justify-content: end
}

@media(max-width:1024px) {
    .nav-quicklinks {
        display: none !important
    }
}

.nav-global {
    --height: var(--nav-bar-height);
    --border-bottom: 2px;
    --logo-height: 66px;
    --col-bkg: #fff;
    --col-border: #ebebeb;
    --col-mobile-bkg: #ebebeb;
    --item-pad-h: var(--g-grid-mar);
    height: var(--height);
    position: relative;
    z-index: 200
}

@media(min-width:1025px) {
    .nav-global {
        --height: 90px;
        --border-bottom: 1px
    }
}

.nav-global:before {
    background-color: var(--col-bkg);
    border-bottom: var(--border-bottom) solid var(--col-border);
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: 0
}

.nav-global__inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

@media(min-width:1025px) {
    .nav-global__inner {
        flex-wrap: nowrap
    }
}

.nav-global__bar {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    z-index: 200
}

@media(max-width:1024px) {
    .nav-global__bar:before {
        background-color: var(--col-bkg);
        border-bottom: var(--border-bottom) solid var(--col-border);
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1
    }
}

@media(min-width:1025px) {
    .nav-global__bar:not(.is-jumpnav) {
        width: fit-content
    }
}

.nav-global__logo {
    display: block
}

.nav-global__logo img {
    display: block;
    height: 100%;
    max-height: var(--logo-height);
    width: auto
}

.nav-global__mobile {
    --width: 65px;
    --col-bkg: transparent;
    --col-bkg-hover: #fef5e8;
    --col-icons: #5c5c5c;
    border-bottom: var(--border-bottom) solid var(--col-border);
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-right: calc(var(--g-grid-mar)*-1)
}

.nav-global__mobile .btn {
    border-left: var(--border-bottom) solid var(--col-border);
    display: flex;
    height: 100%;
    width: var(--width)
}

@media(min-width:1025px) {
    .nav-global__mobile:not(.is-jumpnav) {
        display: none
    }

    .nav-global__mobile.is-jumpnav {
        margin-right: 0
    }

    .nav-global__mobile.is-jumpnav .btn {
        border-right: var(--border-bottom) solid var(--col-border)
    }
}

.nav-global__main {
    background-color: var(--col-bkg);
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding-bottom: 6rem;
    padding-top: var(--mainbarH);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

@media(max-width:1024px) {
    .nav-global__main {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100%);
        transition: all .3s ease
    }

    .nav-global__main[data-menuopen=true] {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0)
    }
}

@media(min-width:1025px) {
    .nav-global__main {
        background-color: transparent;
        height: 100%;
        inset: 0;
        overflow: visible;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        width: fit-content
    }

    .nav-global__main [data-mobileonly] {
        display: none
    }
}

.nav-global__search {
    background-color: #ffd9a8;
    border-bottom: 4px solid #f8981d;
    left: 0;
    opacity: 0;
    padding-block: 2rem;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(-100%);
    transition: all .3s ease;
    width: 100%;
    z-index: -100
}

@media(min-width:1025px) {
    .nav-global__search {
        padding-block: 4rem
    }
}

.nav-global__search[data-searchpanel=true] {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.nav-global__jumpnav {
    background-color: var(--col-bkg);
    height: calc(100vh - var(--height));
    left: 0;
    max-height: calc(100vh - var(--height));
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: var(--height);
    transform: translateY(-100%);
    transition: all .3s ease;
    width: 100%;
    z-index: 100
}

.nav-global__jumpnav[data-menuopen=true] {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

@media(min-width:1025px) {
    .nav-global__jumpnav {
        --height: calc(var(--mainbarH) + var(--quicklinkH))
    }
}

.masthead {
    --height: 180px;
    --max-height: 100vh;
    background-color: var(--col-bkg-grey);
    height: var(--height);
    isolation: isolate;
    max-height: var(--max-height);
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .masthead {
        --height: 405px
    }
}

.masthead__image {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1
}

.masthead__iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100vh;
    min-width: 177.77vh;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    z-index: -2
}

.masthead__iframe,
.masthead__video {
    pointer-events: none;
    position: absolute
}

.masthead__video {
    height: 100%;
    inset: 0;
    object-fit: cover;
    width: 100%;
    z-index: -1
}

.masthead__content {
    align-self: center
}

.masthead__pattern {
    bottom: 0;
    color: #fff;
    display: none;
    height: 100%;
    max-width: max-content;
    max-width: none;
    opacity: .6;
    position: absolute;
    top: 0;
    width: auto
}

@media(min-width:768px) {
    .masthead__pattern {
        display: block
    }
}

.masthead__pattern[data-pattern^=left] {
    left: 0
}

.masthead__pattern[data-pattern^=right] {
    right: 0
}

.masthead-home {
    --height: calc(100vh - var(--nav-bar-height));
    --max-height: 830px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 0px;
}

.masthead-home__titles {
    color: #fff;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-900-fs);
    height: max-content;
    line-height: var(--fscale-900-lh);
    max-width: 1120px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3
}

.masthead-home__titles>*+:not(.masthead-home__subtitle) {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.masthead-home__titles .h1,
.masthead-home__titles h1,
.masthead-home__titles p.h1 {
    color: #fff;
    font-family: Publico, sans-serif;
    font-size: var(--fscale-900-fs);
    line-height: var(--fscale-900-lh);
    text-align: center
}

.masthead-home__titles .h1 span,
.masthead-home__titles h1 span,
.masthead-home__titles p.h1 span {
    display: block;
    opacity: 0;
    transform: translateY(50px);
    transition: transform .5s ease, opacity .5s ease
}

.masthead-home__titles .h1.ani-current span,
.masthead-home__titles h1.ani-current span,
.masthead-home__titles p.h1.ani-current span {
    opacity: 1;
    transform: translateY(0);
    transition: transform .75s ease .1s, opacity .75s ease .1s
}

.masthead-home__subtitle {
    margin: 2rem auto 0;
    max-width: 54rem
}

.masthead-home__subtitle p {
    font-size: var(--fscale-500-fs);
    line-height: var(--fscale-500-lh)
}

.masthead-home .masthead__pattern {
    bottom: 0;
    height: auto;
    left: 0;
    opacity: .7;
    top: auto;
    width: 200%;
    z-index: 3
}

@media(min-width:768px) {
    .masthead-home .masthead__pattern {
        height: 100%;
        max-height: none;
        opacity: .6;
        width: auto
    }
}

.masthead-home .masthead__image {
    height: 100%;
    inset: 0;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    transition: opacity 1s ease-in-out;
    width: 100%;
    z-index: 2
}

.masthead-newsroom {
    --height: 243px
}

.masthead-newsroom .masthead__pattern {
    color: #5c5c5c;
    opacity: .25;
    right: 0;
    z-index: -1
}

.masthead-newsroom h1,
.masthead-newsroom p {
    margin: 0
}

.masthead-newsroom p {
    font-size: var(--fscale-400-fs);
    line-height: var(--fscale-400-lh)
}

.global-footer {
    --pad-block: 6rem;
    background-color: #f5f5f5;
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh);
    overflow: hidden;
    position: relative
}

.global-footer__inner {
    align-items: end;
    display: grid;
    gap: var(--g-grid-gap);
    grid-template-columns: 1fr;
    padding-block: var(--pad-block)
}

@media(min-width:1025px) {
    .global-footer__inner {
        grid-template-columns: 7fr 5fr
    }
}

.global-footer__pattern {
    bottom: 0;
    color: #5c5c5c;
    height: auto;
    opacity: .25;
    position: absolute;
    right: 0;
    transform: scaleY(-1);
    width: 50%;
    z-index: 0
}

@media(min-width:768px) {
    .global-footer__pattern {
        bottom: auto;
        display: block;
        height: 80%;
        right: 0;
        top: 0;
        transform: scaleY(1);
        width: auto
    }
}

@media(min-width:1025px) {
    .global-footer__pattern {
        height: 100%;
        right: 50%
    }
}

.global-footer__brand {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.global-footer__brand img {
    height: 66px;
    margin-bottom: 1rem;
    width: auto
}

.global-footer__brand p {
    font-size: var(--fscale-000-fs);
    line-height: var(--fscale-000-lh)
}

.global-footer__brand p:last-child {
    margin-bottom: 0
}

.global-footer__menu {
    padding-top: 20px
}

@media(min-width:768px) {
    .global-footer__menu {
        column-count: 2;
        display: block;
        gap: var(--g-grid-gap)
    }
}

@media(min-width:1025px) {
    .global-footer__menu {
        padding-top: 0
    }
}

.global-footer__menu li {
    margin-bottom: 30px
}

@media(min-width:1025px) {
    .global-footer__menu li {
        margin-bottom: 10px
    }
}

@media(hover:hover) {
    .global-footer__menu li a:hover {
        text-decoration: underline
    }
}

.global-footer__menu li a:focus {
    text-decoration: underline
}

.global-to-top {
    display: none
}

@meddia and (min-width: 1500px) {
    .global-to-top {
        bottom: 2rem;
        color: #f8981d;
        cursor: pointer;
        display: block;
        font-family: Helvetica Neue LT Pro, sans-serif;
        font-size: var(--fscale-000-fs);
        line-height: var(--fscale-000-lh);
        opacity: 0;
        position: fixed;
        right: 2rem;
        transform: translateY(100%);
        transition: all .25s ease 0s, right 0s linear .25s, bottom 0s linear .25s;
        z-index: 10
    }

    .global-to-top[data-show=true] {
        opacity: 1;
        right: 2rem;
        transform: translateY(0);
        transition: all .25s ease 0s, right 0s linear 0s, bottom 0s linear 0s
    }

    .global-to-top[data-fixed=true] {
        bottom: calc(100% + 20px);
        position: absolute;
        z-index: 4
    }

    .global-to-top svg {
        display: block;
        height: 40px;
        margin: 0 auto;
        transform: translateY();
        width: 40px
    }

    .global-to-top span {
        display: block;
        margin-top: .5em
    }

    .global-to-top:hover {
        text-decoration: underline
    }
}

.mod-newsroom {
    overflow: hidden
}

.mod-newsroom__pattern {
    height: auto;
    left: 50%;
    opacity: .05;
    position: absolute;
    top: 0;
    transform: translate(-50%, -40%);
    width: 20rem
}

@media(min-width:768px) {
    .mod-newsroom__pattern {
        width: 30rem
    }
}

@media(min-width:1025px) {
    .mod-newsroom__pattern {
        width: 40rem
    }
}

@media(min-width:768px) {
    .mod-newsroom__featured {
        margin-bottom: 2rem
    }

    .mod-newsroom__articles {
        --columns: 2
    }
}

@media(min-width:1025px) {
    .mod-newsroom__articles {
        --columns: 3;
        height: 100%
    }
}

.mod-newsroom--mini {
    padding-top: calc(var(--pad-block) - 20px)
}

@media(min-width:768px)and (max-width:1024px) {
    .mod-newsroom--mini .card:nth-child(3) {
        display: none
    }
}

.mod[data-bkg]:not([data-bkg=white])+.mod-newsroom--mini {
    margin-top: calc(var(--pad-block)*-1)
}

.mod-newsroom .mod-pagination {
    --col-bkg: inherit
}

.mod-newsroom .mod-pagination .mod__inner {
    grid-column: -1/1
}