body {
@charset "UTF-8";.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.email-button span::before {
  content: "✉";
  font-size: 16px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}

.font-palanquin {
  font-family: 'Palanquin', 'Helvetica Neue', Helvetica, sans-serif;
}

.slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-slider .slick-list:focus {
    outline: none
}

.slick-slider .slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-slider .slick-track:after {
    clear: both;
    content: "";
    display: block
}

.slick-loading .slick-slider .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide:focus {
    outline: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.bio-detail-hero>div,.card-grid,.chapter-directory-hero,.chapter-directory-hero>div,.cta,.event-detail-hero,.event-detail-hero .event-detail-hero-subnav,.event-detail-hero .main,.event-grid,.find-your-chapter,.hcem-issue-hero,.hcem-issue-hero .details,.hcem-issue-hero .details-inner,.hcem-landing-page-hero .lower,.hcem-landing-page-hero .upper,.hcem-podcast-hero,.hcem-podcast-hero .upper,.hcem-podcast-hero-inner,.hcem-podcast-landing-hero,.hcem-standard-hero .lower,.hcem-standard-hero .upper,.hero-search>div,.home-hero,.home-hero .featured-items,.landing-hero,.landing-hero .main,.narrow-cta,.newsletter-signup,.not-found,.page-container>main .grid-container,.site-footer,.site-footer-bottom,.site-header,.stat-grid,.stat-grid[data-theme=dark],.stat-grid[data-theme=dark] .stats,.testimonial-slider,.two-up-cta {
    display: grid;
    grid-template-columns: [full-start] minmax(32px,1fr) [main-start] minmax(0,1600px) [main-end] minmax(32px,1fr) [full-end]
}

@media (min-width: 1000px) {
    .bio-detail-hero>div,.card-grid,.chapter-directory-hero,.chapter-directory-hero>div,.cta,.event-detail-hero,.event-detail-hero .event-detail-hero-subnav,.event-detail-hero .main,.event-grid,.find-your-chapter,.hcem-issue-hero,.hcem-issue-hero .details,.hcem-issue-hero .details-inner,.hcem-landing-page-hero .lower,.hcem-landing-page-hero .upper,.hcem-podcast-hero,.hcem-podcast-hero .upper,.hcem-podcast-hero-inner,.hcem-podcast-landing-hero,.hcem-standard-hero .lower,.hcem-standard-hero .upper,.hero-search>div,.home-hero,.home-hero .featured-items,.landing-hero,.landing-hero .main,.narrow-cta,.newsletter-signup,.not-found,.page-container>main .grid-container,.site-footer,.site-footer-bottom,.site-header,.stat-grid,.stat-grid[data-theme=dark],.stat-grid[data-theme=dark] .stats,.testimonial-slider,.two-up-cta {
        grid-template-columns:[full-start] minmax(90px,1fr) [main-start] minmax(0,1600px) [main-end] minmax(90px,1fr) [full-end]
    }
}

.cta .accent:after,.featured-books-grid .books picture:before,.featured-insights-grid .featured-insight-image .accent:after,.home-hero .main .graphic .main-accents .left .gradient:before,.home-hero .main .graphic .secondary-image-3:before,.landing-hero .main .accent:after,.narrow-cta:before,.story-picker-content .accent-grid>div.gradient,.two-up-cta .accent:after,.wysiwyg-content a:hover:not([class^=button]),a.-arrow:hover,a.-standard:hover:not([class^=button]) {
    background: linear-gradient(117deg,#70d6ff,#9a43a2)
}

.topic-card-grid .topic .accent {
    background: linear-gradient(117deg,#32477e,#7c4387)
}

.event-grid .event-card.js-link-event:before {
    background: linear-gradient(117deg,#c3eeff,#ddb0e1)
}

.bio-detail-hero>div,.chapter-directory-hero>div,.cta,.event-detail-hero .main,.find-your-chapter,.hcem-article-hero,.hcem-issue-hero,.hcem-landing-page-hero,.hcem-podcast-hero,.hcem-podcast-landing-hero,.hcem-standard-hero,.hero-search>div,.home-hero,.landing-hero .main,.narrow-cta,.newsletter-signup,.not-found .image:before,.site-footer,.stat-grid[data-theme=dark],.two-up-cta .card {
    background: linear-gradient(117deg,#0c1742,#0c355a)
}

.gated-modal {
    background: linear-gradient(219deg,#4382ae 10.43%,#2c437d 101.02%)
}

@font-face {
    font-display: swap;
    font-family: Palanquin;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/palanquin-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Palanquin;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/palanquin-500.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Palanquin;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/palanquin-600.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Palanquin;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/palanquin-700.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Spectral;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/spectral-300i.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Spectral;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/spectral-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Spectral;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/spectral-500.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Spectral;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/spectral-500i.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Spectral;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/spectral-600i.woff2) format("woff2")
}

[data-animation] {
    animation-duration: 1s;
    animation-fill-mode: both
}

[data-animation].infinite {
    animation-iteration-count: infinite
}

[data-animation*=In] {
    visibility: hidden
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    [data-animation*=In] {
        visibility: visible!important
    }
}

[data-animation*=In].-animated {
    visibility: visible
}

.on-page-editor [data-animation] {
    animation-duration: 0s;
    animation-fill-mode: none
}

.on-page-editor [data-animation].infinite {
    animation-iteration-count: 1
}

.on-page-editor [data-animation*=In] {
    visibility: initial
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .on-page-editor [data-animation*=In] {
        visibility: initial!important
    }
}

.on-page-editor [data-animation*=In].-animated {
    visibility: initial
}

@media (prefers-reduced-motion:reduce),print {
    .on-page-editor *,.on-page-editor :after,.on-page-editor :before {
        animation-duration: 0s!important;
        animation-iteration-count: 1!important;
        transition-duration: 0s!important
    }

    .on-page-editor [data-animation*=Out] {
        opacity: 1!important
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        animation-timing-function: cubic-bezier(.69,.01,.18,.99);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

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

body,html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

html {
    font-size: 16px
}

body {
    -webkit-backface-visibility: hidden;
    color: #333;
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif;
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    min-width: 360px;
    position: relative;
    text-rendering: optimizeSpeed
}

html[data-menu=open] body {
    overflow: hidden
}

.js-blocker {
    background: #0c174200;
    cursor: pointer;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 99
}

html[data-menu-dropdown=open] .js-blocker,html[data-menu=open] .js-blocker {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0c1742bf;
    pointer-events: auto;
    visibility: visible
}

.skiplink {
    clip: rect(1px,1px,1px,1px);
    background: #222;
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    color: #fff;
    height: 1px;
    overflow: hidden;
    padding: 1em;
    position: absolute;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 1px
}

.skiplink:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 1000
}

.modal-video {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #0c174299;
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 999
}

.modal-video-body {
    max-width: 1200px;
    width: calc(100% - 60px)
}

.modal-video-movie-wrap {
    padding: 0!important;
    position: relative
}

.modal-video .modal-video-close-btn {
    align-items: center;
    background: #eaf2f6;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 24px
}

@media (min-width: 768px) {
    .modal-video .modal-video-close-btn {
        height:40px;
        width: 40px
    }
}

@media (min-width: 1000px) {
    .modal-video .modal-video-close-btn {
        right:0;
        top: 0
    }
}

.modal-video .modal-video-close-btn:after {
    background-color: #000;
    -webkit-clip-path: path("M7 5.3261L1.6739 0L0 1.6739L5.3261 7L0 12.3261L1.6739 14L7 8.6739L12.3261 14L14 12.3261L8.6739 7L14 1.6739L12.3261 0L7 5.3261Z");
    clip-path: path("M7 5.3261L1.6739 0L0 1.6739L5.3261 7L0 12.3261L1.6739 14L7 8.6739L12.3261 14L14 12.3261L8.6739 7L14 1.6739L12.3261 0L7 5.3261Z");
    content: "";
    display: block;
    height: 15px;
    width: 15px
}

.modal-video iframe {
    aspect-ratio: 16/9;
    border: 4px solid #fff;
    height: 100%!important;
    width: 100%!important
}

@media (min-width: 768px) {
    .modal-video iframe {
        border:20px solid #fff
    }
}

@media (min-width: 1000px) {
    .modal-video iframe {
        border:44px solid #fff
    }
}

hr {
    background-color: initial;
    border: 0;
    border-bottom: 1px solid #081e7c;
    clear: both;
    margin-block:26px}

figure {
    display: block;
    margin: 0
}

img,picture,svg {
    display: block;
    max-width: 100%
}

img[width] {
    width: auto
}

img[width][height] {
    height: auto
}

img[src$=".svg"],svg {
    height: auto;
    max-width: none;
    width: 100%
}

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.video-container .placeholder,.video-container embed,.video-container iframe,.video-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

iframe {
    border: 0
}

.sr-text {
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.cta .accent,.events-fifty-fifty .image:after,.fifty-fifty-media .media:after,.landing-hero .media .featured picture:after,.landing-hero .media .image:after,.stat-grid[data-theme=dark] .stats .striped-accent,.two-up-cta .accent {
    background-image: linear-gradient(90deg,#7dd7fd 5.56%,#0000 0,#0000 50%,#7dd7fd 0,#7dd7fd 55.56%,#0000 0,#0000);
    background-size: 18px 18px
}

@font-face {
    font-display: swap;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon.woff2?be36rz) format("woff2")
}

.icon-caret:before {
    content: "\e900"
}

.icon-caret:before,.icon-cart:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-cart:before {
    content: "\e901"
}

.icon-arrow:before {
    content: "\e903"
}

.icon-arrow:before,.icon-search:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-search:before {
    content: "\e904"
}

.icon-close:before {
    content: "\e905"
}

.icon-close:before,.icon-menu:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-menu:before {
    content: "\e906"
}

.icon-home:before {
    content: "\e907"
}

.icon-home:before,.icon-user:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-user:before {
    content: "\e908"
}

.icon-mail:before {
    content: "\e909"
}

.icon-facebook:before,.icon-mail:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-facebook:before {
    content: "\e90a"
}

.icon-instagram:before {
    content: "\e90b"
}

.icon-instagram:before,.icon-twitter-x:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-twitter-x:before {
    content: "\e90c"
}

.icon-youtube:before {
    content: "\e90d"
}

.icon-linkedin:before,.icon-youtube:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-linkedin:before {
    content: "\e90e"
}

.icon-quote:before {
    content: "\e90f"
}

.icon-check:before,.icon-quote:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-check:before {
    content: "\e910"
}

.icon-price:before {
    content: "\e911"
}

.icon-location:before,.icon-price:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-location:before {
    content: "\e912"
}

.icon-calendar:before {
    content: "\e913"
}

.icon-calendar:before,.icon-qualifying:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-qualifying:before {
    content: "\e914"
}

.icon-virtual-interactive:before {
    content: "\e915"
}

.icon-in-person:before,.icon-virtual-interactive:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-in-person:before {
    content: "\e916"
}

.icon-external-link:before {
    content: "\e917"
}

.icon-external-link:before,.icon-podcasts-amazon-music:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-podcasts-amazon-music:before {
    content: "\e918"
}

.icon-podcasts-apple:before {
    content: "\e919"
}

.icon-podcasts-apple:before,.icon-podcasts-rss:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-podcasts-rss:before {
    content: "\e91a"
}

.icon-podcasts-spotify:before {
    content: "\e91b"
}

.icon-phone:before,.icon-podcasts-spotify:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-phone:before {
    content: "\e91c"
}

.icon-minus:before {
    content: "\e91d"
}

.icon-minus:before,.icon-plus:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-plus:before {
    content: "\e91e"
}

p {
    font-size: 2 rem !important;
    line-height: 1.5;
    margin: 0 0 1rem;
    padding-left: 0.5rem;
    
}

p:last-child {
    margin-bottom: 0
}

.hero-description {
    letter-spacing: -1%;
    line-height: 1.6
}

.component-text {
    font-size: 1rem;
    letter-spacing: -1%;
    line-height: 1.5
}

.component-emphasis {
    font-size: 1rem;
    letter-spacing: -1%;
    line-height: 1.3
}

.caption {
    color: #626262;
    font-size: 1rem;
    line-height: 1.4
}

.wysiwyg-content p {
    font-size: clamp(1rem,2.6666666667vw,1.125rem);
    line-height: 1.6;
    margin-bottom: 1rem
}

.wysiwyg-content p:last-child {
    margin-bottom: 0
}

.wysiwyg-content p.-emphasis {
    font-weight: 700
}

.wysiwyg-content p.-large {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: inherit;
    margin: 0 0 20px
}

.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child {
    margin-bottom: 0
}

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

.wysiwyg-content :where(h1,h2,h3,h4,h5,h6) {
    margin-top: 2.75rem
}

.wysiwyg-content :where(h1,h2,h3,h4,h5,h6):first-child {
    margin-top: 0
}

.h1,h1 {
    font-family: Spectral,Georgia,serif;
    font-size: clamp(2.5rem,6.6666666667vw,4.25rem);
    font-style: italic;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1
}

.h1.-homepage,h1.-homepage {
    font-size: clamp(3rem,8vw,5.625rem);
    font-weight: 300
}

.h1.-homepage-emphasis,h1.-homepage-emphasis {
    font-size: clamp(3rem,8vw,5.625rem);
    font-weight: 600
}

.h1.-event-hero,h1.-event-hero {
    font-size: clamp(2.25rem,6vw,3.75rem);
    letter-spacing: -2px;
    line-height: 1.05
}

.h2,h2 {
    font-family: Spectral,Georgia,serif;
    font-size: clamp(2rem,5.3333333333vw,2.875rem);
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.12
}

.accordion .is-accordion-item .wysiwyg-content .h3,.card-grid .card .title h3 p,.h3,.newsletter-signup .intro h2,h3 {
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif;
    font-size: clamp(1.375rem,3.6666666667vw,1.625rem);
    font-weight: 600;
    letter-spacing: unset;
    line-height: 1.2
}

.accordion .is-accordion-item .wysiwyg-content .-secondary.h3,.card-grid .card .title h3 p.-secondary,.h3.-secondary,.newsletter-signup .intro h2.-secondary,h3.-secondary {
    font-weight: 400
}

.accordion .is-accordion-item .wysiwyg-content .-large.h3,.card-grid .card .title h3 p.-large,.h3.-large,.newsletter-signup .intro h2.-large,h3.-large {
    font-size: clamp(1.375rem,3.6666666667vw,1.875rem);
    line-height: 1.3
}

.accordion .is-accordion-item .wysiwyg-content h4,.h4,h4 {
    font-size: clamp(1.1875rem,3.1666666667vw,1.375rem);
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1.1
}

.eyebrow.-aqua,.eyebrow.-navy {
    font-size: clamp(.6875rem,1.8333333333vw,.875rem);
    letter-spacing: .7px;
    line-height: 1;
    margin-bottom: .5rem;
    padding: .25rem .5rem
}

.eyebrow {
    display: block;
    font-size: clamp(.6875rem,1.8333333333vw,.9375rem);
    font-weight: 700;
    letter-spacing: 1.32px;
    line-height: 1.4;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.eyebrow.-small {
    font-size: clamp(.6875rem,1.8333333333vw,.75rem)
}

.eyebrow.-navy {
    background-color: #081e7c;
    color: #fff
}

.eyebrow.-aqua {
    background-color: #70d6ff;
    color: #000
}

ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.wysiwyg-content ol,.wysiwyg-content ul {
    font-size: clamp(1rem,2.6666666667vw,1.125rem);
    list-style-position: outside;
    margin-bottom: 20px;
    padding-left: 1.5rem
}

.wysiwyg-content ol:last-child,.wysiwyg-content ul:last-child {
    margin-bottom: 0
}

.wysiwyg-content ol li,.wysiwyg-content ul li {
    line-height: 1.5;
    margin: 0 0 10px
}

.wysiwyg-content ol li:has(ul,ol),.wysiwyg-content ul li:has(ul,ol) {
    list-style-type: none
}

.wysiwyg-content ol li:last-child,.wysiwyg-content ul li:last-child {
    margin-bottom: 0
}

.wysiwyg-content ol li::marker,.wysiwyg-content ul li::marker {
    color: #081e7c
}

.wysiwyg-content ol li ol,.wysiwyg-content ol li ul,.wysiwyg-content ul li ol,.wysiwyg-content ul li ul {
    margin-top: 10px
}

.wysiwyg-content ul {
    list-style-type: disc
}

.wysiwyg-content ul ul {
    list-style-type: circle
}

.wysiwyg-content ul ul ul {
    list-style-type: disc
}

.wysiwyg-content ul ul ul ul {
    list-style-type: circle
}

.wysiwyg-content ul.checkmark-list {
    list-style: none!important;
    padding: 0
}

.wysiwyg-content ul.checkmark-list li:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffc301;
    content: "\e910";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .8125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .75rem;
    text-transform: none
}

.wysiwyg-content ul.link-list {
    list-style: none!important;
    padding-left: 1.75rem
}

.wysiwyg-content ul.link-list li a:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffc301;
    content: "\e903";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .8125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: -28px;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 55%;
    transform: translateY(-50%);
    transition: .15s ease-in-out
}

.wysiwyg-content ul.link-list li a:hover:after {
    color: #70d6ff
}

.wysiwyg-content ol {
    list-style-type: decimal;
    padding-left: 1rem
}

.wysiwyg-content ol>li {
    padding-left: .5rem
}

.wysiwyg-content ol>li::marker {
    font-size: .944em;
    font-weight: 700
}

.wysiwyg-content ol ol {
    list-style-type: lower-alpha
}

.wysiwyg-content ol ol ol {
    list-style-type: lower-roman
}

.wysiwyg-content ol ol ol ol {
    list-style-type: decimal
}

.wysiwyg-content blockquote {
    color: #9a43a2;
    font-size: clamp(1.125rem,3vw,1.375rem);
    margin: 2rem 0;
    padding-left: 5rem;
    position: relative
}

.wysiwyg-content blockquote:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "\e90f";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 46px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 0;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 0
}

.wysiwyg-content blockquote:after {
    background-color: #9a43a2;
    content: "";
    height: 42px;
    left: 15px;
    opacity: .3;
    position: absolute;
    top: 19px;
    width: 42px
}

.loading-spinner {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: .15s ease-in-out;
    width: 100%;
    z-index: 99999
}

.loading-spinner:before {
    background-image: url(../images/spinner.svg);
    background-position: 50%;
    background-size: 100px auto;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50px,-50px);
    width: 100px;
    z-index: 99999
}

.loading-spinner-text {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .09375rem;
    position: absolute;
    text-transform: uppercase;
    top: calc(50% + 60px)
}

.loading-spinner-text:after {
    animation: ellipsis .75s steps(4) infinite;
    content: "…";
    overflow: hidden;
    position: absolute;
    width: 0
}

@keyframes ellipsis {
    to {
        width: 18px
    }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

fieldset legend {
    display: block;
    margin: 0 0 10px
}

label {
    display: block
}

.form-field {
    margin: 0 0 30px
}

.form-field label {
    margin-bottom: 10px
}

.error-message {
    color: red;
    font-size: .875rem;
    font-weight: 500;
    margin-top: 8px
}

input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    display: block;
    font: inherit;
    font-size: 1.125rem;
    line-height: 1;
    margin: 0;
    max-height: 50px;
    padding: .5rem 1.5rem;
    transition: .15s ease-in-out;
    width: 100%
}

input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder {
    color: #626262;
    opacity: 1
}

input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus {
    border-color: #9a43a2;
    outline: none
}

input[type=email].-invalid,input[type=password].-invalid,input[type=search].-invalid,input[type=tel].-invalid,input[type=text].-invalid,input[type=url].-invalid,select.-invalid,textarea.-invalid {
    border: 1px solid red;
    color: red
}

textarea {
    min-height: 100px;
    resize: vertical
}

select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/select-arrow-down.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-right: 35px;
    text-decoration: none
}

select:hover {
    cursor: pointer
}

.checks legend,.radios legend {
    margin: 0 0 15px
}

.checks .check,.checks .radio,.radios .check,.radios .radio {
    margin-bottom: 15px;
    position: relative
}

.checks .check:last-child,.checks .radio:last-child,.radios .check:last-child,.radios .radio:last-child {
    margin: 0
}

.checks label,.radios label {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.43;
    margin: 0;
    padding: 0 0 0 32px;
    position: relative
}

.checks .check label:before,.radios .check label:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #666;
    color: #0000;
    display: inline-block;
    font-family: icomoon!important;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 20px;
    left: 0;
    line-height: 1;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 0;
    transition: color .15s ease-in-out;
    width: 20px
}

.checks .radio label:before,.radios .radio label:before {
    background: #0000;
    border: 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    left: 3px;
    line-height: 1;
    position: absolute;
    top: 4px;
    transition: background .15s ease-in-out;
    width: 12px
}

.checks .radio label:after,.radios .radio label:after {
    border: 1px solid #666;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 1px;
    width: 18px
}

.checks input[type=checkbox],.radios input[type=checkbox] {
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.checks input[type=checkbox]+label:before,.radios input[type=checkbox]+label:before {
    content: "✔"; "\e910"
}

.checks input[type=checkbox]+label:hover:before,.checks input[type=checkbox]:checked+label:before,.checks input[type=checkbox]:focus+label:before,.radios input[type=checkbox]+label:hover:before,.radios input[type=checkbox]:checked+label:before,.radios input[type=checkbox]:focus+label:before {
    color: #ffc301
}

.checks input[type=radio],.radios input[type=radio] {
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.checks input[type=radio]+label:hover:before,.checks input[type=radio]:checked+label:before,.checks input[type=radio]:focus+label:before,.radios input[type=radio]+label:hover:before,.radios input[type=radio]:checked+label:before,.radios input[type=radio]:focus+label:before {
    background: #ffc301
}

.page-container {
    background: #fff;
    display: grid;
    grid-template: auto 1fr auto/minmax(0,1fr);
    grid-template-areas: "header" "main" "footer";
    min-height: 100%;
    position: relative
}

@media (min-width: 2057px) {
    .page-container {
        box-shadow:0 0 100px #0000001a;
        margin-inline:auto;max-width: 2056px
    }
}

.page-container>.component-switcher,.page-container>.site-header {
    grid-area: header;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.page-container>main {
    grid-area: main;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.page-container>.site-footer {
    grid-area: footer;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.on-page-editor .scEmptyPlaceholder[sc-placeholder-id=hero] {
    grid-column: full
}

.on-page-editor .scEmptyPlaceholder[sc-placeholder-id=main] {
    grid-column: main
}

.js-link-event {
    cursor: pointer
}

.wysiwyg-content a:not([class^=button]),a.-arrow,a.-standard:not([class^=button]) {
    background: #ffc301;
    background: linear-gradient(#ffc301,#ffc301);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    transform-origin: center center;
    transition: .15s ease-in-out
}

.wysiwyg-content a:hover:not([class^=button]),a.-arrow:hover,a.-standard:hover:not([class^=button]) {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 3px;
    color: #000
}

a {
    color: #081e7c;
    display: inline-block;
    position: relative;
    text-decoration: none;
    transition: .15s ease-in-out
}

a:not([class^=button]):focus-visible {
    outline: 2px solid #ffc301;
    outline-offset: 2px
}

.wysiwyg-content a:not([class^=button]),a.-standard:not([class^=button]) {
    display: inline
}

a:disabled,a[disabled] {
    opacity: .5;
    pointer-events: none
}

a.-arrow {
    font-weight: 700;
    margin-right: 20px;
    position: relative
}

a.-arrow:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffc301;
    content: "\e903";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .8125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: -22px;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%);
    transition: .15s ease-in-out
}

a.-arrow:hover:after {
    color: #9a43a2
}

.button,.button-secondary,.button-small,.button-small-secondary,.membership .membership-links .join-btn,.membership .membership-links .login-btn {
    align-items: center;
    background-color: #ffc301;
    border: 0;
    color: #000;
    display: inline-flex;
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    isolation: isolate;
    justify-content: center;
    letter-spacing: .28px;
    line-height: 1;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 1rem 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .15s ease-in-out
}

@media (min-width: 900px) {
    .button,.button-secondary,.button-small,.button-small-secondary,.membership .membership-links .join-btn,.membership .membership-links .login-btn {
        padding:1.75rem 2rem
    }
}

.button-secondary:focus-visible,.button-small-secondary:focus-visible,.button-small:focus-visible,.button:focus-visible,.membership .membership-links .join-btn:focus-visible,.membership .membership-links .login-btn:focus-visible {
    outline: 2px solid #ffc301;
    outline-offset: 4px
}

.button-secondary:after,.button-small-secondary:after,.button-small:after,.button:after,.membership .membership-links .join-btn:after,.membership .membership-links .login-btn:after {
    background-color: #9a43a2;
    content: "";
    inset: 0 0 calc(100% - 16px) calc(100% - 16px);
    position: absolute;
    transition: .15s ease-in-out;
    z-index: -1
}

.button-secondary:hover,.button-small-secondary:hover,.button-small:hover,.button:hover,.membership .membership-links .join-btn:hover,.membership .membership-links .login-btn:hover {
    color: #fff
}

.button-secondary:hover:after,.button-small-secondary:hover:after,.button-small:hover:after,.button:hover:after,.membership .membership-links .join-btn:hover:after,.membership .membership-links .login-btn:hover:after {
    inset: 0
}

.button-secondary,.button-small-secondary {
    background-color: initial;
    border: 2px solid #ffc301
}

.button-secondary:after,.button-small-secondary:after {
    display: none
}

.button-secondary:hover,.button-small-secondary:hover {
    border-color: #9a43a2;
    color: #9a43a2
}

.button-secondary:focus-visible,.button-small-secondary:focus-visible {
    outline: 4px solid #ffc301;
    outline-offset: 0
}

.button-small,.button-small-secondary {
    padding: 1rem 1.25rem
}

.button-small-secondary:before,.button-small:before {
    display: none
}

.button-social-btn {
    border: 1px solid #ffc301;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: .5rem;
    padding: .5rem .75rem
}

.button-social-btn:hover {
    background-color: #9a43a2;
    border-color: #0000;
    color: #fff
}

button,input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: none;
    appearance: none;
    backface-visibility: hidden;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    padding: 0;
    transition: .15s ease-in-out
}

button:disabled,button[disabled],input[type=button]:disabled,input[type=button][disabled],input[type=reset]:disabled,input[type=reset][disabled],input[type=submit]:disabled,input[type=submit][disabled] {
    opacity: .5;
    pointer-events: none
}

.button-secondary {
    padding-inline:1.125rem}

@media (min-width: 900px) {
    .button-secondary {
        padding-inline:1.875rem
    }
}

.button-small-secondary {
    padding-inline:1.125rem}

.button-social-btn span {
    line-height: 1;
    position: relative
}

.button-social-btn span:before,.button-social-btn.-linkedin:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.button-social-btn.-linkedin:before {
    content: "\e90e"
}

.button-social-btn.-email:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.slick-arrow:focus-visible {
    outline: 2px solid #ffc301;
    outline-offset: 4px
}

.advertisement-zone {
    align-items: center;
    display: flex;
    grid-column: main;
    justify-content: center;
    min-width: 300px;
    padding-block:2rem}

.breadcrumbs {
    grid-column: full;
    isolation: isolate;
    position: relative;
    z-index: 1
}

.breadcrumbs .background {
    background-color: #fff;
    box-shadow: 0 0 15px 0 #00000040;
    height: 56px;
    overflow: hidden;
    position: relative;
    z-index: -1
}

.breadcrumbs .background.scroll:before {
    background: linear-gradient(90deg,#fff0,#fff);
    bottom: 5px;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    z-index: 1
}

.breadcrumbs .background.scroll:before .breadcrumb-items:last-child {
    padding-right: 60px
}

.breadcrumbs .background>div {
    height: 61px;
    margin-bottom: -5px;
    overflow: auto;
    padding-inline:2rem;position: relative;
    transition: .15s ease-in-out
}

@media (min-width: 1000px) {
    .breadcrumbs .background>div {
        padding-inline:2.5rem
    }
}

.breadcrumbs .background>div:hover {
    height: 56px
}

.breadcrumbs .background>div::-webkit-scrollbar {
    border-radius: 5px;
    display: block;
    height: 5px
}

.breadcrumbs .background>div::-webkit-scrollbar-track {
    background-color: initial
}

.breadcrumbs .background>div::-webkit-scrollbar-thumb {
    background-color: #9a43a2;
    border-radius: 6px
}

.breadcrumbs a {
    color: #0c1742;
    font-size: .875rem;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    transition: .15s ease-in-out
}

.breadcrumbs a:hover {
    color: #081e7c;
    text-decoration-color: #ffc301
}

.breadcrumbs .breadcrumb-list {
    align-items: center;
    display: flex;
    gap: .75rem
}

.breadcrumbs .breadcrumb-items {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-block:12px;position: relative
}

.breadcrumbs .breadcrumb-items:not(:first-child):before {
    color: #b7b7b7;
    content: "/";
    margin-right: .75rem
}

.breadcrumbs .breadcrumb-items[data-children=true] a {
    margin-right: .5rem
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger {
    aspect-ratio: 1;
    background-color: #eaf2f6;
    display: inline-block;
    max-height: 14px;
    position: relative;
    top: 2px;
    transition: .15s ease-in-out;
    width: 14px
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger:hover {
    background-color: #9a43a2
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger:hover span:before {
    color: #fff
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger[aria-expanded=true] {
    background-color: #9a43a2
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger[aria-expanded=true] span:before {
    color: #fff;
    transform: rotate(180deg);
    transform-origin: center
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger span {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute
}

.breadcrumbs .breadcrumb-items .breadcrumbs-trigger span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0c1742;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .2s ease-in-out
}

.breadcrumbs .breadcrumbs-dropdown {
    background-color: #fff;
    box-shadow: 0 0 15px 0 #00000040;
    padding: 1.5rem 1.25rem;
    position: absolute;
    top: 100%;
    transition: opacity .15s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out;
    width: 240px;
    z-index: -2
}

.breadcrumbs .breadcrumbs-dropdown[aria-hidden=true] {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-40px);
    visibility: hidden
}

.breadcrumbs .breadcrumbs-dropdown .dropdown-links {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    line-height: 1.2
}

.breadcrumbs .breadcrumbs-dropdown .dropdown-links a {
    width: 100%
}

.breadcrumbs .dropdown-sections {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.breadcrumbs .dropdown-sections .eyebrow {
    color: #626262;
    margin-bottom: .25rem
}

.content-card {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 1.75rem
}

@media (min-width: 600px) {
    .content-card {
        align-items:flex-start;
        display: grid;
        gap: 2rem;
        grid-template-columns: 200px 1fr;
        padding-bottom: 3rem
    }
}

.content-card.js-link-event:hover img {
    scale: 1.2
}

.content-card.js-link-event:hover a {
    color: #000!important;
    text-decoration-color: #ffc301!important
}

.content-card .member-tag {
    background-color: #006bb6;
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .65px;
    padding: .25rem .5rem;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.content-card .image {
    margin-bottom: 1.5rem;
    overflow: hidden;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 1000px) {
    .content-card .image {
        margin-bottom:0
    }
}

.content-card .image img {
    transition: .15s ease-in-out
}

.content-card .image .member-tag {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@media (min-width: 1000px) {
    .content-card .image .member-tag {
        display:block
    }
}

.content-card .content .member-tag {
    margin-bottom: .25rem
}

@media (min-width: 1000px) {
    .content-card .content .member-tag {
        display:none
    }
}

.content-card .content .eyebrow,.content-card .content .title {
    margin-bottom: .5rem
}

.content-card .content .title a {
    color: #081e7c;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 6px;
    transition: .15s ease-in-out
}

.content-card .content .author,.content-card .content .text {
    color: #333;
    font-size: 1rem
}

@media (min-width: 600px) {
    .content-card .content .author,.content-card .content .text {
        font-size:1.125rem
    }
}

.content-card .content .text {
    margin-bottom: .5rem
}

.gated-modal {
    color: #fff;
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    max-width: 710px;
    position: relative;
    z-index: 999
}

.gated-modal .primary {
    padding: 1rem
}

@media (min-width: 500px) {
    .gated-modal .primary {
        padding:2rem
    }
}

@media (min-width: 768px) {
    .gated-modal .primary {
        gap:1.25rem;
        padding: 2.5rem 3.5rem
    }
}

.gated-modal .primary h2 {
    margin-bottom: 1rem
}

.gated-modal .primary p {
    font-size: 1rem;
    margin-bottom: 1.5rem
}

.gated-modal .list-items {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    margin-top: 2.5rem;
    padding: 0
}

.gated-modal li {
    align-items: flex-start;
    display: flex;
    font-size: 1rem;
    gap: .75rem;
    line-height: 1.4
}

.gated-modal li span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffc301;
    content: "\e910";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .625rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .375rem;
    text-transform: none
}

.gated-modal .secondary {
    align-items: center;
    border-top: 1px solid #ffffff4d;
    display: flex;
    flex-direction: column;
    padding: 1rem
}

@media (min-width: 500px) {
    .gated-modal .secondary {
        padding:2rem
    }
}

@media (min-width: 600px) {
    .gated-modal .secondary {
        flex-direction:row
    }
}

@media (min-width: 768px) {
    .gated-modal .secondary {
        padding:1.5rem 3.5rem
    }
}

.gated-modal .secondary span {
    margin-right: .5rem
}

.gated-modal .secondary-link {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #ffc301;
    text-underline-offset: .25em;
    transition: .15s ease-in-out
}

.gated-modal .secondary-link:hover {
    text-decoration-color: #0000
}

.article-detail .gated-modal:before {
    background: linear-gradient(0deg,#fff,#fff0);
    content: "";
    height: 200px;
    left: 0;
    position: absolute;
    top: -200px;
    width: 100%
}

.intro {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .intro {
        margin-bottom:2.25rem
    }
}

.intro[data-align=center] {
    align-items: center;
    text-align: center
}

.intro-title {
    color: #081e7c;
    margin-bottom: .5rem
}

@media (min-width: 768px) {
    .intro-text p {
        font-size:1.125rem
    }
}

.intro-link {
    color: #081e7c;
    font-size: 1rem
}

@media (min-width: 768px) {
    .intro-link {
        font-size:1.125rem
    }
}

.video-modal-btn {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.video-modal-btn .video-play {
    align-items: center;
    background-color: #00000080;
    border: 2px solid #fff;
    cursor: pointer;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: auto;
    transition: .15s ease-in-out;
    width: 100px;
    z-index: 10
}

@media (max-width: 899px) {
    .video-modal-btn .video-play {
        transform:scale(.5)
    }
}

.video-modal-btn .video-play:hover {
    background-color: #9a43a2;
    opacity: .9
}

.video-modal-btn .video-play:after {
    background-color: #fff;
    -webkit-clip-path: polygon(20% 0,100% 50%,20% 100%);
    clip-path: polygon(20% 0,100% 50%,20% 100%);
    content: "";
    display: block;
    height: 34px;
    width: 34px
}

.accordion {
    display: flex;
    flex-direction: column;
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    margin-inline:auto;max-width: 710px
}

.accordion .expand-collapse {
    align-self: flex-end;
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem
}

.accordion .expand-collapse button {
    font-size: .875rem;
    padding: .5rem
}

.accordion .expand-collapse button:after {
    inset: 0 0 calc(100% - 8px) calc(100% - 8px)
}

.accordion .expand-collapse button:hover {
    color: #fff
}

.accordion .expand-collapse button:hover:after {
    inset: 0
}

.accordion .is-accordion {
    display: flex;
    flex-direction: column
}

.accordion .is-accordion-item {
    border-bottom: 1px solid #cfcfcf
}

.accordion .is-accordion-item:first-child .is-accordion-trigger {
    padding-top: 0
}

.accordion .is-accordion-item .wysiwyg-content {
    padding-bottom: 1.75rem
}

.accordion .is-accordion-item .wysiwyg-content .h3,.accordion .is-accordion-item .wysiwyg-content h4 {
    color: #081e7c;
    margin-bottom: .5rem
}

.accordion .is-accordion-item .wysiwyg-content a {
    color: #081e7c
}

.accordion .is-accordion-trigger {
    gap: 1rem;
    padding-block:24px}

.accordion .is-accordion-trigger:focus-visible {
    outline: 2px solid #ffc301;
    outline-offset: 4px
}

.accordion .is-accordion-trigger[aria-expanded=true] h3 {
    color: #9a43a2
}

.accordion .is-accordion-trigger[aria-expanded=true] .is-accordion-trigger-icon {
    background-color: #9a43a2;
    border: none
}

.accordion .is-accordion-trigger[aria-expanded=true] .is-accordion-trigger-icon svg {
    fill: #fff
}

.accordion .is-accordion-trigger[aria-expanded=false]:hover h3 {
    color: #9a43a2
}

.accordion .is-accordion-trigger[aria-expanded=false]:hover .is-accordion-trigger-icon {
    border-color: #9a43a2
}

.accordion .is-accordion-trigger[aria-expanded=false]:hover .is-accordion-trigger-icon svg {
    fill: #9a43a2
}

.accordion .is-accordion-trigger h3 {
    color: #081e7c;
    font-size: clamp(1.375rem,3.6666666667vw,1.625rem);
    font-weight: 600;
    transition: .15s ease-in-out
}

.accordion .is-accordion-trigger-icon {
    align-items: center;
    border: 1px solid #081e7c;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    transition: ease-in-out ease-in-out
}

.accordion .is-accordion-trigger-icon svg {
    fill: #081e7c
}

.accordion .is-accordion-content {
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif
}

.agenda-listing {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.agenda-listing .agenda {
    margin-inline:-2rem}

@media (min-width: 500px) {
    .agenda-listing .agenda {
        margin:0
    }
}

.agenda-listing .agenda-item {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.agenda-listing .agenda-item:last-child {
    margin: 0
}

.agenda-listing .agenda-item h3 {
    margin-bottom: .5rem
}

.agenda-listing .agenda-item h3 .date {
    color: #081e7c;
    margin: 0;
    padding: 0 2rem
}

@media (min-width: 500px) {
    .agenda-listing .agenda-item h3 .date {
        padding:0 1.25rem
    }
}

@media (min-width: 768px) {
    .agenda-listing .agenda-item h3 .date {
        padding:1.25rem 1.25rem 0
    }
}

.agenda-listing .agenda-item .time-block {
    display: grid;
    padding: 1.25rem 2rem
}

@media (min-width: 500px) {
    .agenda-listing .agenda-item .time-block {
        padding:1.25rem
    }
}

@media (min-width: 768px) {
    .agenda-listing .agenda-item .time-block {
        grid-template-columns:39% 61%
    }
}

.agenda-listing .agenda-item .time-block:nth-child(odd) {
    background-color: #f5f9fb
}

.agenda-listing .agenda-item .time-block .time {
    margin-bottom: .25rem
}

.agenda-listing .agenda-item .time-block h4 {
    color: #081e7c;
    margin-bottom: .5rem
}

.agenda-listing .agenda-item .time-block .wysiwyg-content p:not(:last-child) {
    margin-bottom: .5rem
}

.article-detail {
    grid-column: main;
    isolation: isolate;
    position: relative
}

.article-detail .header {
    background-color: #fff;
    margin-inline:auto;max-width: 1200px;
    padding-bottom: 1.25rem;
    position: relative;
    z-index: -1
}

@media (min-width: 1000px) {
    .article-detail .header {
        margin-top:-104px;
        padding: 3rem 3.5rem 1.25rem
    }
}

.article-detail .header .eyebrow {
    margin-bottom: 1.625rem
}

.article-detail .header h1 {
    color: #081e7c;
    font-size: clamp(2.25rem,6vw,3.25rem);
    font-style: normal;
    line-height: 1.2
}

.article-detail .header .date {
    font-size: .9375rem;
    font-weight: 500
}

.article-detail .content {
    margin-bottom: clamp(48px,8vw,120px);
    margin-inline:auto;max-width: 1200px
}

@media (min-width: 1200px) {
    .article-detail .content {
        align-items:flex-start;
        column-gap: 2rem;
        display: grid;
        grid-template-areas: "content ads";
        grid-template-columns: 1fr 300px;
        padding-left: 3.5rem
    }
}

.article-detail .content .main-content {
    border-top: 1px solid #cfcfcf;
    grid-area: content;
    padding-top: 1.75rem;
    position: relative
}

.article-detail .content .author-sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-inline:auto;max-width: 710px
}

@media (min-width: 1100px) {
    .article-detail .content .author-sidebar {
        flex-direction:column;
        left: -50px;
        position: absolute
    }
}

@media (min-width: 1200px) {
    .article-detail .content .author-sidebar {
        left:-120px;
        margin-top: -28px
    }
}

@media (min-width: 1500px) {
    .article-detail .content .author-sidebar {
        left:-186px
    }
}

.article-detail .content .author-sidebar .author {
    max-width: 130px
}

@media (min-width: 1200px) and (max-width:1499px) {
    .article-detail .content .author-sidebar .author {
        max-width:100px
    }
}

.article-detail .content .author-sidebar .author picture {
    aspect-ratio: 130/170;
    position: relative;
    width: 130px
}

.article-detail .content .author-sidebar .author picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.article-detail .content .author-sidebar .article-author {
    font-size: .9375rem;
    font-weight: 500;
    margin-top: .5rem
}

.article-detail .content .rich-text-block {
    margin-bottom: 2.5rem;
    padding-top: 2rem
}

@media (min-width: 1100px) {
    .article-detail .content .rich-text-block {
        padding-top:0
    }
}

@media (min-width: 1200px) {
    .article-detail .content .rich-text-block {
        margin-inline:unset;
        max-width: 600px
    }
}

@media (min-width: 1300px) {
    .article-detail .content .rich-text-block {
        max-width:710px
    }
}

@media (min-width: 1200px) {
    .article-detail .content .advertisement-mobile {
        display:none
    }
}

.article-detail .content .sidebar {
    grid-area: ads
}

@media (min-width: 1200px) {
    .article-detail .content .main-content {
        -ms-grid-column:1;
        -ms-grid-row: 1
    }

    .article-detail .content .sidebar {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }

    .article-detail .content .main-content {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .article-detail .content .sidebar {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

.article-detail .content .sidebar .advertisement-zone {
    display: none
}

@media (min-width: 1200px) {
    .article-detail .content .sidebar .advertisement-zone {
        display:flex
    }
}

.article-detail .content .related-content {
    margin-block:2.5rem}

.article-detail .content .related-content.-desktop {
    display: none
}

@media (min-width: 1200px) {
    .article-detail .content .related-content.-desktop {
        display:block
    }
}

.article-detail .content .related-content.-mobile {
    display: block
}

@media (min-width: 1200px) {
    .article-detail .content .related-content.-mobile {
        display:none
    }
}

.article-detail .content .related-content .eyebrow {
    font-size: .8125rem;
    margin-bottom: 1.5rem
}

.article-detail .content .related-content ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 768px) and (max-width:1199px) {
    .article-detail .content .related-content ul {
        flex-direction:row
    }
}

.article-detail .content .related-content ul li {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 1.5rem
}

.article-detail .content .related-content ul li a {
    background-image: linear-gradient(#0000,#0000);
    color: #081e7c;
    font-size: 1.25rem;
    font-weight: 600
}

.article-detail .content .related-content ul li a:hover {
    background-image: linear-gradient(#ffc301,#ffc301);
    background-size: 100% 2px;
    color: #000
}

.article-detail .content .related-topics {
    margin-bottom: 3rem;
    max-width: 710px
}

.article-detail .content .related-topics .eyebrow {
    margin-bottom: 1rem
}

.article-detail .content .related-topics .topics {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

@media (min-width: 768px) {
    .article-detail .content .related-topics .topics {
        gap:1.5rem
    }
}

.article-detail .content .related-topics .topic {
    background-color: #ffc301;
    font-size: .9375rem;
    font-weight: 600;
    padding: .25rem .75rem
}

.article-detail .content .related-topics .topic:hover {
    background-color: #9a43a2;
    color: #fff
}

.article-detail .content .author-footnotes {
    display: flex;
    flex-direction: column;
    gap: 4.75rem;
    max-width: 710px
}

.article-detail .content .author-footnotes .author-footnote {
    background-color: #eaf2f6;
    isolation: isolate;
    padding: 1.5rem;
    position: relative
}

@media (min-width: 600px) {
    .article-detail .content .author-footnotes .author-footnote {
        padding:2.5rem 2.75rem
    }
}

.article-detail .content .author-footnotes .author-footnote:has(picture) {
    padding: 0 1.5rem 1.5rem
}

@media (min-width: 600px) {
    .article-detail .content .author-footnotes .author-footnote:has(picture) {
        padding:2.5rem 0 2.5rem 2.75rem
    }
}

.article-detail .content .author-footnotes .author-footnote:has(picture):after {
    background-color: #fff;
    content: "";
    height: 44px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media (min-width: 600px) {
    .article-detail .content .author-footnotes .author-footnote:has(picture):after {
        bottom:0;
        height: 100%;
        left: unset;
        width: 44px
    }
}

.article-detail .content .author-footnotes .author-footnote-inner {
    column-gap: 2.5rem
}

@media (min-width: 600px) {
    .article-detail .content .author-footnotes .author-footnote-inner {
        border-top:1px solid #081e7c;
        display: flex;
        justify-content: space-between
    }

    .article-detail .content .author-footnotes .author-footnote-inner:has(picture) {
        flex-direction: row-reverse
    }
}

.article-detail .content .author-footnotes .author-footnote>div .eyebrow {
    margin-bottom: 1rem
}

.article-detail .content .author-footnotes .author-footnote>div p {
    margin: 0
}

.article-detail .content .author-footnotes .author-footnote>div a {
    display: inline-block;
    margin-top: 1.5rem
}

.article-detail .content .author-footnotes .author-footnote picture {
    flex-shrink: 0;
    height: 250px;
    max-width: 190px;
    overflow: hidden;
    position: relative;
    width: 190px
}

.article-detail .content .author-footnotes .author-footnote picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.bookstore {
    grid-column: main;
    margin-inline:auto;max-width: 1420px
}

.bookstore,.card-grid {
    margin-bottom: clamp(48px,8vw,120px)
}

.card-grid {
    grid-column: full
}

.card-grid[data-background=true] {
    background-color: #eaf2f6;
    padding-block:2rem}

@media (min-width: 768px) {
    .card-grid[data-background=true] {
        padding-block:3.25rem
    }
}

.card-grid[data-background=true] .intro h2 {
    color: #000
}

.card-grid[data-background=true] .card .accent div {
    background-color: #081e7c
}

.card-grid .inner {
    grid-column: main
}

.card-grid .intro {
    margin-bottom: 3rem
}

@media (min-width: 768px) {
    .card-grid .intro {
        align-items:center;
        flex-direction: row;
        gap: 2rem;
        justify-content: space-between
    }
}

.card-grid .intro-text {
    max-width: 800px
}

.card-grid .intro a {
    margin-right: 1.25rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.card-grid .cards {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2.75rem;
    justify-content: center
}

@media (min-width: 1200px) {
    .card-grid .cards {
        gap:5.5rem 2.75rem
    }
}

.card-grid .cards:not([data-count="2"]) .card {
    max-width: 504px
}

@media (min-width: 768px) {
    .card-grid .cards[data-count="2"] .card,.card-grid .cards[data-count="3"] .card {
        flex:1;
        max-width: unset
    }

    .card-grid .cards[data-count="4"] .card {
        flex: 1 1 calc(50% - 2.75rem)
    }
}

@media (min-width: 1200px) {
    .card-grid .cards[data-count="4"] .card {
        flex:1;
        max-width: unset
    }
}

@media (min-width: 768px) {
    .card-grid .cards[data-count="5"] .card,.card-grid .cards[data-count="6"] .card {
        flex:1 1 calc(50% - 2.75rem)
    }
}

@media (min-width: 1200px) {
    .card-grid .cards[data-count="5"] .card,.card-grid .cards[data-count="6"] .card {
        flex:1 1 calc(33.3333% - 2.75rem)
    }
}

@media (min-width: 768px) {
    .card-grid .cards[data-count="7"] .card {
        flex:1 1 calc(50% - 2.75rem)
    }
}

@media (min-width: 1200px) {
    .card-grid .cards[data-count="7"] .card {
        flex:1 1 calc(25% - 2.75rem);
        max-width: 367px
    }
}

.card-grid .card .accent {
    overflow: hidden
}

.card-grid .card .accent div {
    background-color: #9a43a2;
    height: 6px;
    margin-bottom: 1.75rem;
    margin-left: 2.1875rem;
    position: relative;
    transition: .15s ease-in-out
}

.card-grid .card .accent div:before {
    background-color: #8995d3;
    content: "";
    height: 6px;
    left: -25px;
    position: absolute;
    top: 0;
    width: 21px
}

.card-grid .card .accent div:after {
    background-color: #70d6ff;
    content: "";
    height: 6px;
    left: -35px;
    position: absolute;
    top: 0;
    width: 6px
}

.card-grid .card .image {
    aspect-ratio: 688/397;
    margin-bottom: 1.75rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card-grid .card .image img {
    height: 100%;
    object-fit: cover;
    transition: .15s ease-in-out;
    width: 100%
}

.card-grid .card:has(.title a:hover) .accent div {
    margin-left: 0
}

.card-grid .card:has(.title a:hover) .image img {
    scale: 1.2
}

.card-grid .card .title a {
    background: none;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    transition: .15s ease-in-out
}

.card-grid .card .title a:hover {
    color: #000;
    text-decoration-color: #ffc301
}

.card-grid .card .text {
    margin-top: .5rem
}

.card-grid .card .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    margin-top: 1.5rem
}

.career-resources {
    display: contents
}

.career-resources,.chapter-directory {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.chapter-directory {
    margin-inline:auto;max-width: 1065px;
    width: 100%
}

.chapter-directory .meta {
    border-bottom: 1px solid #cfcfcf;
    font-size: 1rem;
    padding-bottom: 1rem
}

.chapter-directory .chapter {
    border-bottom: 1px solid #cfcfcf;
    padding-block:1.5rem}

@media (min-width: 768px) {
    .chapter-directory .chapter {
        padding-block:2.5rem
    }
}

.chapter-directory .chapter-inner {
    align-items: flex-start;
    column-gap: 1.25rem;
    display: flex
}

.chapter-directory .chapter-inner>div {
    width: 100%
}

.chapter-directory .chapter-inner h2 {
    color: #081e7c
}

.chapter-directory .chapter .locations {
    align-items: flex-start;
    display: grid;
    gap: .75rem;
    margin-left: -60px
}

@media (min-width: 500px) {
    .chapter-directory .chapter .locations {
        margin-left:0
    }
}

@media (min-width: 900px) {
    .chapter-directory .chapter .locations {
        grid-template-columns:23% 76%
    }
}

.chapter-directory .chapter .locations a {
    background-size: 100% 2px;
    color: #081e7c;
    font-weight: 600;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.chapter-directory .chapter .locations a:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: 4px;
    color: #000;
    content: "\e917";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .75rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: -20px;
    text-transform: none
}

.chapter-directory .chapter .locations a:hover {
    background-size: 100% 0
}

.chapter-directory .trigger {
    align-items: center;
    border: 1px solid #081e7c;
    display: grid;
    grid-template-areas: "icon";
    height: 40px;
    justify-content: center;
    min-width: 40px;
    transform: rotate(0);
    transition: .15s ease-in-out
}

.chapter-directory .trigger[aria-expanded=true] {
    background-color: #9a43a2;
    border-color: #0000
}

.chapter-directory .trigger[aria-expanded=true] span {
    transform: rotate(180deg)
}

.chapter-directory .trigger[aria-expanded=true] span svg {
    fill: #fff
}

.chapter-directory .trigger[aria-expanded=true] .plus {
    opacity: 0
}

.chapter-directory .trigger span {
    display: inline-block;
    grid-area: icon;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    transition: .15s ease-in-out
}

.chapter-directory .trigger span svg {
    transition: .15s ease-in-out
}

.chapter-directory .content {
    display: grid;
    grid-template-rows: 0fr;
    margin-left: -60px;
    opacity: 0;
    overflow: hidden;
    transition: .15s ease-in-out
}

@media (min-width: 500px) {
    .chapter-directory .content {
        margin-left:0
    }
}

.chapter-directory .content[aria-hidden=false] {
    grid-template-rows: 1fr;
    opacity: 1
}

.chapter-directory .content>div {
    overflow: hidden
}

.chapter-directory .content .officers {
    padding-top: 2.5rem
}

.chapter-directory .content .officers-inner {
    display: grid;
    gap: 1.75rem;
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr))
}

.chapter-directory .content .officers .eyebrow {
    color: #626262;
    margin-bottom: 1.5rem
}

.chapter-directory .content .officer {
    border-left: 1px solid #081e7c;
    padding-left: 1.25rem
}

.chapter-directory .content .officer-name {
    font-size: 1.125rem;
    line-height: 1.1;
    margin-bottom: .25rem
}

.chapter-directory .content .officer .contact-info {
    column-gap: 1.25rem;
    display: flex;
    margin-top: .5rem
}

.cta {
    color: #fff;
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    padding-block:2.5rem;position: relative
}

@media (min-width: 768px) {
    .cta {
        padding-block:5.5rem
    }
}

.cta .accent {
    bottom: -34px;
    content: "";
    display: none;
    height: 0;
    left: -58px;
    position: absolute;
    transition: .5s ease-in-out;
    width: 91px;
    z-index: 1
}

@media (min-width: 500px) {
    .cta .accent {
        display:block
    }
}

@media (min-width: 768px) {
    .cta .accent {
        width:154px
    }
}

.cta .accent:after {
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: -40px;
    transition: .5s ease-in-out;
    transition-delay: .5s;
    width: 0
}

@media (min-width: 768px) {
    .cta .accent:after {
        height:60px;
        right: 0;
        top: -60px
    }
}

.cta .accent.-animated {
    height: 91px
}

@media (min-width: 768px) {
    .cta .accent.-animated {
        height:154px
    }
}

.cta .accent.-animated:after {
    right: -40px;
    width: 40px
}

@media (min-width: 768px) {
    .cta .accent.-animated:after {
        right:-60px;
        width: 60px
    }
}

.cta .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-column: main;
    margin-inline:auto;max-width: 1000px;
    text-align: center;
    width: 100%
}

.cta .button {
    display: block;
    margin-top: 2.5rem;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.cta .wysiwyg-content a,.cta a.-standard {
    color: inherit;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1.5rem
}

.cta .wysiwyg-content a:hover,.cta a.-standard:hover {
    color: inherit
}

.embedded-podcast {
    grid-column: main;
    height: 47px;
    isolation: isolate;
    margin-bottom: clamp(48px,8vw,120px);
    position: relative
}

@media (min-width: 384px) {
    .embedded-podcast {
        height:140px
    }
}

@media (min-width: 450px) {
    .embedded-podcast {
        height:160px
    }
}

@media (min-width: 500px) {
    .embedded-podcast {
        height:200px
    }
}

.embedded-podcast .podcast-loading {
    background-color: #f7f7f7;
    border-radius: .5rem;
    display: flex;
    height: 47px;
    inset: 0;
    margin-inline:auto;padding: 0 1.25rem;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width: 384px) {
    .embedded-podcast .podcast-loading {
        height:140px;
        padding: .625rem 1.25rem
    }
}

@media (min-width: 450px) {
    .embedded-podcast .podcast-loading {
        height:160px
    }
}

@media (min-width: 695px) {
    .embedded-podcast .podcast-loading {
        padding:.625rem
    }
}

@media (min-width: 500px) {
    .embedded-podcast .podcast-loading {
        height:200px
    }
}

.embedded-podcast .podcast-loading-photo {
    display: none
}

@media (min-width: 695px) {
    .embedded-podcast .podcast-loading-photo {
        display:block
    }
}

.embedded-podcast .podcast-loading-photo>div {
    aspect-ratio: 1;
    border-radius: .5rem;
    width: 180px
}

.embedded-podcast .podcast-loading-player {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width: 384px) {
    .embedded-podcast .podcast-loading-player {
        justify-content:unset
    }
}

@media (min-width: 695px) {
    .embedded-podcast .podcast-loading-player {
        margin-left:1.875rem
    }
}

.embedded-podcast .podcast-loading-player .title {
    border-radius: 8px;
    display: none;
    height: 24px;
    margin-bottom: 1.625rem;
    max-width: 500px;
    width: 100%
}

@media (min-width: 384px) {
    .embedded-podcast .podcast-loading-player .title {
        display:block
    }
}

.embedded-podcast .podcast-loading-player .scrubber {
    border-radius: 8px;
    height: 3px;
    width: 100%
}

.embedded-podcast .podcast-loading-player .controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-inline:auto;margin-top: 4px;
    max-width: 95px;
    width: 100%
}

@media (min-width: 384px) {
    .embedded-podcast .podcast-loading-player .controls {
        margin-top:1rem;
        max-width: 155px
    }
}

@media (min-width: 450px) {
    .embedded-podcast .podcast-loading-player .controls {
        max-width:191px
    }
}

@media (min-width: 500px) {
    .embedded-podcast .podcast-loading-player .controls {
        max-width:203px
    }
}

.embedded-podcast .podcast-loading-player .controls .large-circle,.embedded-podcast .podcast-loading-player .controls .small-circle {
    aspect-ratio: 1;
    border-radius: 100%;
    width: 25px
}

@media (min-width: 384px) {
    .embedded-podcast .podcast-loading-player .controls .large-circle,.embedded-podcast .podcast-loading-player .controls .small-circle {
        width:45px
    }
}

@media (min-width: 450px) {
    .embedded-podcast .podcast-loading-player .controls .small-circle {
        width:53px
    }

    .embedded-podcast .podcast-loading-player .controls .large-circle {
        width: 65px
    }
}

.embedded-podcast iframe {
    border: none;
    border-radius: 15px
}

.embedded-podcast .skeleton {
    animation: skeleton-loading .8s linear infinite alternate
}

@keyframes skeleton-loading {
    0% {
        background-color: #a3b8c2
    }

    to {
        background-color: #f0f3f5
    }
}

.event-catalog {
    grid-column: main;
    width: 100%
}

.event-catalog,.event-grid {
    margin-bottom: clamp(48px,8vw,120px)
}

.event-grid {
    grid-column: full;
    position: relative
}

.event-grid.-animated:before {
    height: 52px
}

.event-grid:before {
    background-image: linear-gradient(90deg,#9a43a2 11.11%,#0000 0,#0000 50%,#9a43a2 0,#9a43a2 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    display: none;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: .8s ease-in-out;
    width: 52px
}

@media (min-width: 1000px) {
    .event-grid:before {
        display:block
    }
}

.event-grid-inner {
    grid-column: main
}

@media (max-width: 767px) {
    .event-grid .intro {
        margin-bottom:2rem
    }
}

@media (min-width: 768px) {
    .event-grid .intro {
        align-items:center;
        flex-direction: row;
        gap: 2rem;
        justify-content: space-between
    }
}

.event-grid .intro-text {
    max-width: 800px
}

.event-grid .intro a {
    margin-right: 1.25rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.event-grid .events {
    display: grid;
    gap: 2rem;
    grid-auto-rows: 1fr
}

@media (min-width: 500px) {
    .event-grid .events {
        grid-template-columns:repeat(auto-fill,minmax(400px,1fr))
    }
}

.event-grid .event-card {
    background-color: #eaf2f6;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between;
    margin-inline:-2rem;padding: 2.25rem 2rem
}

@media (min-width: 500px) {
    .event-grid .event-card {
        margin:0
    }
}

.event-grid .event-card.js-link-event {
    isolation: isolate;
    position: relative
}

.event-grid .event-card.js-link-event:before {
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: .15s ease-in-out;
    z-index: -1
}

.event-grid .event-card.js-link-event:hover:before {
    opacity: 1
}

.event-grid .event-card.js-link-event:hover a {
    color: #000
}

.event-grid .event-card.js-link-event:hover .credits {
    border-top: 1px solid #fff
}

.event-grid .event-card time {
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1.25rem
}

@media (min-width: 768px) {
    .event-grid .event-card time {
        margin-bottom:2.5rem
    }
}

.event-grid .event-card h3 {
    margin-bottom: .5rem
}

.event-grid .event-card h3 a {
    color: #081e7c
}

.event-grid .event-card .location {
    font-size: 1rem;
    margin-bottom: 1.25rem
}

@media (min-width: 768px) {
    .event-grid .event-card .location {
        margin-bottom:2.75rem
    }
}

.event-grid .event-card .price {
    font-size: 1rem
}

.event-grid .event-card .credits {
    border-top: 1px solid #cfcfcf;
    color: #000;
    font-size: 1rem;
    padding-top: 1.5rem
}

.events-catalog,.events-fifty-fifty {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

@media (min-width: 900px) {
    .events-fifty-fifty.-right .inner {
        flex-direction:row-reverse
    }

    .events-fifty-fifty.-right .image:before {
        left: 87%
    }

    .events-fifty-fifty.-right .image:after {
        left: unset;
        right: -90px
    }
}

.events-fifty-fifty .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

.events-fifty-fifty .inner>* {
    flex: 1
}

@media (min-width: 1000px) {
    .events-fifty-fifty .inner {
        flex-direction:row
    }
}

@media (min-width: 1400px) {
    .events-fifty-fifty .inner {
        gap:5.5rem
    }
}

.events-fifty-fifty .image {
    aspect-ratio: 379/289;
    height: 100%;
    isolation: isolate;
    max-width: 500px;
    position: relative;
    width: 100%
}

@media (min-width: 1000px) {
    .events-fifty-fifty .image {
        max-width:unset
    }
}

.events-fifty-fifty .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.events-fifty-fifty .image.-animated:before {
    max-width: 17%;
    width: 130px
}

.events-fifty-fifty .image.-animated:after {
    height: 220px;
    max-height: 38%
}

.events-fifty-fifty .image:before {
    aspect-ratio: 1;
    background-color: #9a43a2;
    content: "";
    max-width: 130px;
    opacity: .5;
    position: absolute;
    right: 87%;
    top: 83%;
    transition: .5s ease-in-out;
    transition-delay: .8s;
    width: 0;
    z-index: -1
}

.events-fifty-fifty .image:after {
    aspect-ratio: 1;
    bottom: 20px;
    content: "";
    height: 0;
    position: absolute;
    right: 84%;
    transition: .5s ease-in-out;
    transition-delay: .5s;
    width: 29%;
    z-index: -1
}

@media (min-width: 768px) {
    .events-fifty-fifty .image:after {
        bottom:30px
    }
}

.events-fifty-fifty .content .eyebrow {
    margin-bottom: 1.25rem
}

.events-fifty-fifty .content .title {
    margin-bottom: .75rem
}

.events-fifty-fifty .content .title h2 {
    color: #081e7c
}

.events-fifty-fifty .content .dates {
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    gap: .5rem;
    margin-bottom: 1.5rem;
    position: relative
}

.events-fifty-fifty .content .dates:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 1.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: .375rem;
    text-transform: none
}

.events-fifty-fifty .content .description {
    margin-bottom: 1.5rem
}

.events-fifty-fifty .content ul {
    list-style: disc;
    list-style-position: inside
}

.events-fifty-fifty .content ul li::marker {
    color: #081e7c;
    font-size: .8125rem
}

.events-fifty-fifty .content .links {
    column-gap: 1.75rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.25rem
}

.events-fifty-fifty .content .credits {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-block:1.5rem}

.events-fifty-fifty .content .credit {
    align-items: flex-start;
    display: flex;
    gap: .625rem
}

.events-fifty-fifty .content .credit:before {
    margin-top: .375rem
}

.events-fifty-fifty .content .credit.-in-person:before,.events-fifty-fifty .content .credit:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.events-fifty-fifty .content .credit.-in-person:before {
    color: #ffc301;
    content: "\e916"
}

.events-fifty-fifty .content .credit.-virtual-interactive:before {
    color: #32a8d7;
    content: "\e915"
}

.events-fifty-fifty .content .credit.-qualifying:before,.events-fifty-fifty .content .credit.-virtual-interactive:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.events-fifty-fifty .content .credit.-qualifying:before {
    color: #9a43a2;
    content: "\e914"
}

.faceted-search {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

@media (min-width: 900px) {
    .faceted-search {
        grid-column-gap:clamp(45px,5vw,90px);
        display: grid;
        grid-template-columns: 300px 1fr
    }
}

.faceted-search [aria-hidden=true] {
    display: none
}

.faceted-search-sidebar {
    margin-bottom: 30px
}

@media (min-width: 900px) {
    .faceted-search-sidebar {
        margin:0
    }
}

.faceted-search-sidebar-search {
    margin-bottom: 30px;
    position: relative
}

.faceted-search-sidebar-search input {
    padding-right: 50px
}

.faceted-search-sidebar-search button {
    color: blue;
    display: grid;
    font-size: 1.25rem;
    height: 100%;
    place-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px
}

.faceted-search-sidebar-search button:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
    display: inline-block;
    flex: none;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.faceted-search-sidebar-search button:hover {
    background: blue;
    color: #fff
}

.faceted-search-facet+.faceted-search-facet {
    margin-top: 30px
}

.faceted-search-content-header {
    margin-bottom: 45px
}

@media (min-width: 600px) {
    .faceted-search-content-header-top {
        align-items:center;
        display: flex
    }
}

.faceted-search-results-sort {
    align-items: center;
    display: flex;
    margin-top: 20px
}

@media (min-width: 600px) {
    .faceted-search-results-sort {
        flex:none;
        margin-top: 0;
        width: 220px
    }
}

.faceted-search-results-sort label {
    flex: none;
    font-size: .9375rem;
    margin-right: 10px;
    padding: 0
}

.faceted-search-results-sort select {
    background-position: right 10px center;
    flex: 1 1 0%;
    margin: 0;
    padding: 10px 30px 10px 10px
}

.faceted-search-facets-section {
    margin-bottom: 30px
}

@media (min-width: 1000px) {
    .faceted-search-facets-section {
        margin-bottom:45px
    }
}

.faceted-search-facets-section-title {
    margin-bottom: 15px
}

.faceted-search-active-facets {
    margin-top: 20px
}

.faceted-search-active-facets:after {
    clear: both;
    content: "";
    display: block
}

.faceted-search-active-facets * {
    float: left;
    margin: 0 7px 7px 0
}

.faceted-search-active-facets-label {
    font-size: .875rem;
    line-height: 1.625rem
}

.faceted-search-active-facets-links {
    margin: 0
}

.faceted-search-active-facets-clear,.faceted-search-active-facets-link {
    display: block
}

.faceted-search-active-facets-link {
    background: #e0e0e0;
    color: blue;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    padding: 8px 26px 6px 12px;
    position: relative;
    transition: .15s ease-in-out
}

.faceted-search-active-facets-link:nth-last-child(2) {
    margin-right: 15px
}

.faceted-search-active-facets-link:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 1.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 6px;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

.faceted-search-active-facets-link:hover {
    background: blue;
    color: #fff
}

.faceted-search-active-facets-clear {
    color: blue;
    font-size: .75rem;
    line-height: 1.625rem;
    margin-right: 0;
    transition: box-shadow .15s ease-in-out
}

.faceted-search-active-facets-clear:hover {
    color: red
}

.faceted-search-results-text {
    font-size: .9375rem
}

.faceted-search-results-text:after {
    clear: both;
    content: "";
    display: block
}

@media (min-width: 600px) {
    .faceted-search-results-text {
        flex:1 1 0%
    }
}

.faceted-search-results-text span {
    float: left
}

.faceted-search .teaser {
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.faceted-search .teaser:hover .h3 a {
    color: red
}

@media (min-width: 600px) {
    .faceted-search .teaser-inner {
        align-items:flex-start;
        display: flex;
        flex-direction: row-reverse
    }
}

.faceted-search .teaser-image {
    margin: 0 0 15px;
    width: 210px
}

@media (min-width: 600px) {
    .faceted-search .teaser-image {
        flex:none;
        margin: 0 0 0 30px
    }

    .faceted-search .teaser-content {
        flex: 1 1 0%
    }
}

.faceted-search .teaser .h3 {
    margin: 0
}

.faceted-search .teaser .h3 a {
    display: inline
}

.faceted-search .teaser p {
    font-size: .9375rem;
    margin-bottom: 15px
}

.faceted-search .teaser time,.faceted-search .teaser-meta {
    color: #777;
    display: block;
    font-size: .875rem
}

.faceted-search .teaser-meta {
    margin-bottom: 10px
}

.faceted-search .teaser time {
    margin: 10px 0 15px
}

.featured-books-grid {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.featured-books-grid .intro {
    gap: .5rem;
    margin-bottom: 3.25rem
}

.featured-books-grid .intro-title {
    margin-bottom: 0
}

.featured-books-grid .inner {
    margin-inline:auto;max-width: 1420px
}

.featured-books-grid .books.slick-slider {
    margin-right: -32px
}

@media (min-width: 700px) {
    .featured-books-grid .books.slick-slider {
        margin-right:32px
    }
}

@media (min-width: 768px) {
    .featured-books-grid .books.slick-slider {
        display:none
    }
}

.featured-books-grid .books.desktop {
    display: none
}

@media (min-width: 768px) {
    .featured-books-grid .books.desktop {
        display:flex;
        flex-wrap: wrap;
        gap: 2.75rem;
        justify-content: center
    }
}

.featured-books-grid .books a {
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

.featured-books-grid .books picture {
    aspect-ratio: 200/282;
    box-shadow: 0 0 15px 0 #00000040;
    height: 200px;
    overflow: hidden;
    position: relative
}

@media (min-width: 600px) {
    .featured-books-grid .books picture {
        height:240px
    }
}

@media (min-width: 768px) {
    .featured-books-grid .books picture {
        height:auto;
        width: 200px
    }
}

.featured-books-grid .books picture:hover:before {
    opacity: .5
}

.featured-books-grid .books picture:before {
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: .15s ease-in-out;
    z-index: 1
}

.featured-books-grid .books picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.featured-books-grid .slider-nav {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .featured-books-grid .slider-nav {
        display:none
    }
}

.featured-books-grid .slider-nav .next,.featured-books-grid .slider-nav .prev {
    align-items: center;
    border: 1px solid #081e7c;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 7px 0;
    width: 30px
}

.featured-books-grid .slider-nav .next:before,.featured-books-grid .slider-nav .prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #081e7c;
    content: "\e903";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.featured-books-grid .slider-nav .next.slick-disabled,.featured-books-grid .slider-nav .prev.slick-disabled {
    cursor: not-allowed;
    opacity: .5
}

.featured-books-grid .slider-nav .prev:before {
    transform: rotate(180deg)
}

.featured-insights-grid {
    container-type: inline-size;
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

@media (min-width: 768px) {
    .featured-insights-grid.-ads .inner {
        align-items:flex-start;
        display: flex
    }
}

.featured-insights-grid.-ads .inner .advertisement-zone {
    padding-top: 0
}

.featured-insights-grid.-ads .main {
    display: block;
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    .featured-insights-grid.-ads .main {
        border-right:1px solid #cfcfcf;
        margin-bottom: 0;
        margin-right: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 1200px) {
    .featured-insights-grid.-ads .main {
        margin-right:2.75rem;
        padding-right: 2.75rem
    }
}

.featured-insights-grid.-ads .featured-insight {
    border: 0;
    padding: 0
}

@media (min-width: 768px) {
    .featured-insights-grid.-ads .featured-insight-image {
        margin-inline:-2rem 0;
        width: calc(100% + 32px)
    }
}

@media (min-width: 1000px) {
    .featured-insights-grid.-ads .featured-insight-image {
        margin-left:-5.625rem;
        width: calc(100% + 90px)
    }
}

.featured-insights-grid.-ads .insights-container {
    padding-left: 0
}

@media (min-width: 768px) {
    .featured-insights-grid.-ads .insights {
        margin-top:1.75rem;
        padding-top: 1.75rem
    }
}

@media (min-width: 1200px) {
    .featured-insights-grid.-ads .insights {
        border-top:1px solid #cfcfcf
    }
}

@media (min-width: 1600px) {
    .featured-insights-grid.-ads .insights {
        gap:2.75rem 5.625rem;
        grid-template-columns: repeat(2,1fr);
        margin-top: 2.75rem;
        padding-top: 2.75rem
    }
}

.featured-insights-grid.-ads .content-card {
    padding-bottom: 1.75rem!important
}

@media (min-width: 768px) and (max-width:1099px) {
    .featured-insights-grid.-ads .content-card,.featured-insights-grid.-ads .content-card .content {
        align-items:center;
        display: flex;
        flex-direction: column
    }

    .featured-insights-grid.-ads .content-card .content {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .featured-insights-grid.-ads .content-card {
        grid-template-columns:200px 1fr
    }

    .featured-insights-grid.-ads .content-card .content {
        order: 0
    }
}

@media (min-width: 1500px) {
    .featured-insights-grid.-ads .content-card {
        padding-bottom:2.75rem
    }
}

.featured-insights-grid.-ads .content-card:nth-last-of-type(2)+.content-card {
    display: flex
}

@media (min-width: 1100px) {
    .featured-insights-grid.-ads .content-card:nth-last-of-type(2)+.content-card {
        display:grid
    }
}

@media (min-width: 1200px) {
    .featured-insights-grid:not(.-ads) .main {
        grid-template-columns:56% 44%
    }

    .featured-insights-grid:not(.-ads) .insights-container {
        padding-left: 2.75rem
    }
}

.featured-insights-grid:not(.-ads) .insights {
    height: 100%
}

@media (min-width: 1000px) {
    .featured-insights-grid:not(.-ads) .featured-insight-image {
        margin-inline:-90px;
        width: calc(100% + 180px)
    }
}

@media (min-width: 1200px) {
    .featured-insights-grid:not(.-ads) .featured-insight-image {
        height:unset;
        overflow: unset;
        width: calc(100% + 90px)
    }
}

.featured-insights-grid .intro {
    margin-bottom: 2rem
}

.featured-insights-grid .intro-title {
    margin: 0
}

.featured-insights-grid .main {
    display: grid
}

@media (min-width: 1200px) {
    .featured-insights-grid .featured-insight {
        border-right:1px solid #cfcfcf;
        padding-right: 2.75rem
    }
}

.featured-insights-grid .featured-insight-image {
    aspect-ratio: 941/549;
    margin-inline:-2rem;overflow: hidden;
    position: relative
}

.featured-insights-grid .featured-insight-image .accent {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 45px;
    left: 0;
    position: absolute;
    width: 87%
}

.featured-insights-grid .featured-insight-image .accent:after {
    content: "";
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px
}

.featured-insights-grid .featured-insight-image picture {
    height: 100%;
    max-width: unset
}

.featured-insights-grid .featured-insight-image picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.featured-insights-grid .featured-insight .content .eyebrow,.featured-insights-grid .featured-insight .content h3 {
    margin-bottom: .75rem
}

.featured-insights-grid .featured-insight .content h3 a {
    color: #081e7c;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 16px;
    transition: .15s ease-in-out
}

.featured-insights-grid .featured-insight .content h3 a:hover {
    color: #000;
    text-decoration-color: #ffc301
}

.featured-insights-grid .featured-insight .content .author {
    font-size: 1rem
}

.featured-insights-grid .insights-container {
    display: flex;
    flex-direction: column
}

.featured-insights-grid .insights {
    border-top: 1px solid #cfcfcf;
    display: grid;
    gap: 1.75rem;
    margin-top: 1.75rem;
    padding-top: 2rem
}

@media (min-width: 1200px) {
    .featured-insights-grid .insights {
        border:0;
        margin-top: 0;
        padding-top: 0
    }
}

@media (min-width: 1600px) {
    .featured-insights-grid .insights {
        gap:3.25rem
    }
}

.featured-insights-grid .content-card {
    display: grid;
    justify-content: center;
    padding-bottom: 1.75rem
}

@media (min-width: 1200px) {
    .featured-insights-grid .content-card {
        gap:1rem;
        grid-template-columns: 1fr 140px
    }

    .featured-insights-grid .content-card h3 {
        font-size: 1.25rem
    }

    .featured-insights-grid .content-card .content {
        order: -1
    }
}

@media (min-width: 1400px) {
    .featured-insights-grid .content-card {
        grid-template-columns:1fr 200px
    }
}

@media (min-width: 1600px) {
    .featured-insights-grid .content-card {
        gap:2rem;
        padding-bottom: 3.25rem
    }

    .featured-insights-grid .content-card h3 {
        font-size: 1.375rem
    }
}

.featured-insights-grid .content-card:nth-last-of-type(2)+.content-card {
    display: none
}

.featured-insights-grid .content-card .image {
    aspect-ratio: 149/85;
    max-width: 298px;
    position: relative;
    width: 100%
}

@media (min-width: 600px) {
    .featured-insights-grid .content-card .image {
        margin-bottom:0
    }
}

.featured-insights-grid .content-card .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media (max-width: 599px) {
    .featured-insights-grid .content-card .content {
        align-items:center;
        display: flex;
        flex-direction: column;
        text-align: center
    }
}

.featured-insights-grid .link {
    margin-top: 1.75rem
}

@media (min-width: 1200px) {
    .featured-insights-grid .link {
        margin-top:0;
        text-align: right
    }
}

.featured-insights-grid .link a {
    color: #081e7c
}

.fifty-fifty-media {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

@media (min-width: 900px) {
    .fifty-fifty-media.-right .inner {
        flex-direction:row-reverse
    }

    .fifty-fifty-media.-right .media:before {
        left: 87%
    }

    .fifty-fifty-media.-right .media:after {
        left: unset;
        right: -90px
    }
}

.fifty-fifty-media .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

.fifty-fifty-media .inner>* {
    flex: 1
}

@media (min-width: 1000px) {
    .fifty-fifty-media .inner {
        flex-direction:row;
        gap: 2.5rem
    }
}

@media (min-width: 1400px) {
    .fifty-fifty-media .inner {
        gap:5.5rem
    }
}

.fifty-fifty-media .media {
    aspect-ratio: 379/289;
    height: 100%;
    isolation: isolate;
    max-width: 500px;
    position: relative;
    width: 100%
}

@media (min-width: 1000px) {
    .fifty-fifty-media .media {
        max-width:unset
    }
}

.fifty-fifty-media .media img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.fifty-fifty-media .media.-animated:before {
    max-width: 17%;
    width: 130px
}

.fifty-fifty-media .media.-animated:after {
    height: 220px;
    max-height: 38%
}

.fifty-fifty-media .media:before {
    aspect-ratio: 1;
    background-color: #9a43a2;
    content: "";
    max-width: 130px;
    opacity: .5;
    position: absolute;
    right: 87%;
    top: 83%;
    transition: .5s ease-in-out;
    transition-delay: .8s;
    width: 0;
    z-index: -1
}

.fifty-fifty-media .media:after {
    aspect-ratio: 1;
    bottom: 20px;
    content: "";
    height: 0;
    position: absolute;
    right: 84%;
    transition: .5s ease-in-out;
    transition-delay: .5s;
    width: 29%;
    z-index: -1
}

@media (min-width: 768px) {
    .fifty-fifty-media .media:after {
        bottom:30px
    }
}

.fifty-fifty-media .content .eyebrow {
    margin-bottom: 1.25rem
}

.fifty-fifty-media .content .title {
    margin-bottom: .75rem
}

.fifty-fifty-media .content .title h2 {
    color: #081e7c
}

.fifty-fifty-media .content .description {
    margin-bottom: 2rem
}

.fifty-fifty-media .content ul {
    list-style: disc;
    list-style-position: inside
}

.fifty-fifty-media .content ul li::marker {
    color: #081e7c;
    font-size: .8125rem
}

.fifty-fifty-media .content .link {
    color: #081e7c
}

.find-your-chapter {
    color: #fff;
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    padding-block:2.5rem;position: relative
}

@media (min-width: 768px) {
    .find-your-chapter {
        padding-block:3.75rem
    }
}

.find-your-chapter .accent {
    right: 0;
    top: 0
}

.find-your-chapter .accent,.find-your-chapter .accent:before {
    background-color: #fff;
    height: 0;
    position: absolute;
    transition: .5s ease-in-out;
    width: 0
}

.find-your-chapter .accent:before {
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    transition-delay: .5s
}

@media (min-width: 768px) {
    .find-your-chapter .accent:before {
        display:block
    }
}

.find-your-chapter .accent.-animated {
    height: 30px;
    width: 30px
}

@media (min-width: 768px) {
    .find-your-chapter .accent.-animated {
        height:60px;
        width: 60px
    }
}

.find-your-chapter .accent.-animated:before {
    bottom: -32px;
    height: 32px;
    left: -32px;
    width: 32px
}

.find-your-chapter .inner {
    grid-column: main;
    margin-inline:auto;max-width: 500px;
    width: 100%
}

@media (min-width: 1400px) {
    .find-your-chapter .inner {
        max-width:700px
    }
}

.find-your-chapter .intro {
    margin-bottom: 1.25rem
}

.find-your-chapter .intro h2 {
    color: #fff
}

.find-your-chapter form>div {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

@media (min-width: 500px) {
    .find-your-chapter form>div {
        flex-direction:row
    }
}

.find-your-chapter form label {
    margin-bottom: .75rem
}

.find-your-chapter form .select-wrapper {
    position: relative;
    width: 100%
}

.find-your-chapter form .select-wrapper:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 1.25rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    right: 1rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

.find-your-chapter form select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url();
    border: 0;
    min-height: 48px
}

@media (min-width: 768px) {
    .find-your-chapter form select {
        min-height:56px
    }
}

.find-your-chapter form button {
    padding-inline:2rem}

.hcem-archive {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.hcem-archive .years {
    display: flex;
    flex-direction: column;
    gap: 5rem
}

.hcem-archive .year-header {
    align-items: center;
    display: flex;
    gap: 2rem;
    margin-bottom: 1.75rem
}

.hcem-archive .year-header h2 {
    color: #081e7c;
    margin-bottom: 0
}

.hcem-archive .year-header .line {
    background-color: #081e7c;
    height: 1px;
    width: 100%
}

.hcem-archive .issues {
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    row-gap: 2rem
}

@media (min-width: 768px) {
    .hcem-archive .issues {
        column-gap:2.75rem;
        grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
    }
}

.hcem-archive .issue a {
    width: 100%
}

.hcem-archive .issue a:hover img {
    transform: scale(1.05)
}

.hcem-archive .issue picture {
    max-width: 140px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .hcem-archive .issue picture {
        max-width:200px
    }
}

.hcem-archive .issue picture img {
    aspect-ratio: 200/267;
    height: 100%;
    object-fit: cover;
    transition: .15s ease-in-out;
    width: 100%
}

.hcem-archive .issue .months {
    color: #081e7c;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.25rem
}

@media (min-width: 1000px) {
    .hcem-archive .issue .months {
        font-size:1.25rem
    }
}

.hcem-podcast-detail {
    grid-column: main;
    margin-inline:auto;margin-bottom: clamp(48px,8vw,120px);
    margin-top: 2rem;
    max-width: 1083px;
    width: 100%
}

@media (min-width: 800px) {
    .hcem-podcast-detail {
        margin-top:0
    }
}

.hcem-podcast-detail iframe {
    height: 1350px;
    width: 100%
}

@media (min-width: 380px) {
    .hcem-podcast-detail iframe {
        max-height:1300px
    }
}

@media (min-width: 400px) {
    .hcem-podcast-detail iframe {
        max-height:1260px
    }
}

@media (min-width: 410px) {
    .hcem-podcast-detail iframe {
        max-height:1220px
    }
}

@media (min-width: 412px) {
    .hcem-podcast-detail iframe {
        max-height:1150px
    }
}

@media (min-width: 423px) {
    .hcem-podcast-detail iframe {
        max-height:1100px
    }
}

@media (min-width: 460px) {
    .hcem-podcast-detail iframe {
        max-height:1030px
    }
}

@media (min-width: 500px) {
    .hcem-podcast-detail iframe {
        max-height:980px
    }
}

@media (min-width: 540px) {
    .hcem-podcast-detail iframe {
        max-height:950px
    }
}

@media (min-width: 600px) {
    .hcem-podcast-detail iframe {
        max-height:900px
    }
}

@media (min-width: 700px) {
    .hcem-podcast-detail iframe {
        max-height:850px
    }
}

@media (min-width: 1150px) {
    .hcem-podcast-detail iframe {
        max-height:780px
    }
}

.hcem-podcast-detail .related-topics {
    border-top: 1px solid #081e7c;
    margin-bottom: 48px;
    padding-top: 2rem
}

.hcem-podcast-detail .related-topics .eyebrow {
    margin-bottom: 1rem
}

.hcem-podcast-detail .related-topics .topics {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.hcem-podcast-detail .related-topics .topic {
    background-color: #ffc301;
    font-size: .9375rem;
    font-weight: 600;
    padding: .25rem .75rem
}

.hcem-podcast-detail .related-topics .topic:hover {
    background-color: #9a43a2;
    color: #fff
}

.article-detail-hero {
    grid-column: full
}

@media (max-width: 999px) {
    .article-detail-hero {
        margin-bottom:2.5rem
    }
}

.article-detail-hero.-no-image {
    overflow: unset;
    padding-bottom: 1.25rem
}

.article-detail-hero.-no-image+.article-detail .header {
    margin: 0
}

.article-detail-hero .image picture {
    height: 300px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .article-detail-hero .image picture {
        height:450px
    }
}

@media (min-width: 1000px) {
    .article-detail-hero .image picture {
        height:600px
    }
}

.article-detail-hero .image picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.bio-detail-hero {
    grid-column: full;
    margin-bottom: 5.5rem;
    position: relative
}

@media (min-width: 768px) {
    .bio-detail-hero {
        margin-bottom:80px
    }
}

.bio-detail-hero:after {
    background-color: #fff;
    border-left: 48px solid #70d6ff;
    bottom: 0;
    content: "";
    display: none;
    height: 48px;
    position: absolute;
    right: 0;
    transition: .5s ease-in-out;
    width: 110px
}

@starting-style {
    .bio-detail-hero:after {
        width: 48px
    }
}

@media (min-width: 768px) {
    .bio-detail-hero:after {
        display:block
    }
}

@media (min-width: 1200px) {
    .bio-detail-hero:after {
        border-left-width:64px;
        height: 64px;
        width: 154px
    }

    @starting-style {
        .bio-detail-hero:after {
            width: 64px
        }
    }
}

.bio-detail-hero .breadcrumbs {
    grid-column: full
}

.bio-detail-hero>div {
    grid-column: full;
    padding-block:2rem}

@media (min-width: 768px) {
    .bio-detail-hero>div {
        padding-block:3.75rem
    }
}

.bio-detail-hero>div:has(.image) {
    padding-block:2rem 0}

@media (min-width: 768px) {
    .bio-detail-hero>div:has(.image) {
        padding-block:3.75rem 0
    }

    .bio-detail-hero .accent {
        bottom: 0;
        display: grid;
        grid-template-columns: repeat(2,48px);
        grid-template-rows: repeat(2,48px);
        position: absolute;
        right: 110px
    }
}

@media (min-width: 1200px) {
    .bio-detail-hero .accent {
        grid-template-columns:repeat(2,64px);
        grid-template-rows: repeat(2,64px);
        right: 154px
    }
}

.bio-detail-hero .accent:before {
    background-image: linear-gradient(90deg,#ffc301 11.11%,#0000 0,#0000 50%,#ffc301 0,#ffc301 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    grid-area: 2/1/3/2;
    height: 48px;
    transition: .5s ease-in-out;
    transition-delay: .4s
}

@starting-style {
    .bio-detail-hero .accent:before {
        height: 0
    }
}

@media (min-width: 1200px) {
    .bio-detail-hero .accent:before {
        height:64px
    }
}

.bio-detail-hero .accent:after {
    background-color: #9a43a2;
    content: "";
    grid-area: 1/2/2/3;
    opacity: .5;
    transition: .5s ease-in-out;
    transition-delay: .8s;
    width: 48px
}

@starting-style {
    .bio-detail-hero .accent:after {
        width: 0
    }
}

@media (min-width: 1200px) {
    .bio-detail-hero .accent:after {
        width:64px
    }
}

.bio-detail-hero .inner {
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
    grid-column: main;
    margin-inline:auto;max-width: 710px;
    width: 100%
}

@media (min-width: 768px) {
    .bio-detail-hero .inner {
        align-items:flex-start;
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .bio-detail-hero .inner {
        gap:5.5rem
    }
}

.bio-detail-hero .inner:has(.image) {
    margin-inline:auto;max-width: 1065px
}

.bio-detail-hero .image {
    aspect-ratio: 320/450;
    isolation: isolate;
    margin-inline:auto;margin-bottom: -3.75rem;
    max-width: 320px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .bio-detail-hero .image {
        margin-bottom:-2.75rem
    }
}

.bio-detail-hero .image picture {
    height: 100%;
    transform: translateZ(0);
    transition: 1s cubic-bezier(.69,.01,.18,.99);
    transition-delay: .3s;
    width: 100%
}

@starting-style {
    .bio-detail-hero .image picture {
        transform: translate3d(-100%,0,0)
    }
}

.bio-detail-hero .image picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.bio-detail-hero .image .color-swipe {
    background-color: #9a43a2;
    inset: 0;
    position: absolute;
    transform: translateZ(0);
    transition: 1s cubic-bezier(.69,.01,.18,.99);
    transition-duration: .5s;
    z-index: -1
}

@starting-style {
    .bio-detail-hero .image .color-swipe {
        transform: translate3d(-100%,0,0)
    }
}

.bio-detail-hero h1 {
    color: #fff;
    font-size: 2.5rem;
    font-style: normal;
    margin-bottom: 1rem;
    opacity: 1;
    transform: translateX(0);
    transition: 1s
}

@starting-style {
    .bio-detail-hero h1 {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@media (min-width: 1000px) {
    .bio-detail-hero h1 {
        font-size:3.25rem
    }
}

.bio-detail-hero .role {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
    transform: translateX(0);
    transition: 1s;
    transition-delay: .2s
}

@starting-style {
    .bio-detail-hero .role {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.bio-detail-hero .details {
    margin-top: 1rem;
    opacity: 1;
    transform: translateX(0);
    transition: 1s;
    transition-delay: .4s
}

@starting-style {
    .bio-detail-hero .details {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@media (min-width: 768px) {
    .bio-detail-hero .details {
        margin-top:2rem
    }
}

.bio-detail-hero .position {
    font-weight: 600
}

.bio-detail-hero .button-social-btn {
    color: #fff;
    margin-top: 1.5rem
}

.chapter-directory-hero {
    grid-column: full;
    margin-bottom: 2.5rem
}

.chapter-directory-hero>div {
    grid-column: full;
    padding-block:2.5rem}

@media (min-width: 768px) {
    .chapter-directory-hero>div {
        padding-block:5rem
    }
}

.chapter-directory-hero .breadcrumbs {
    grid-column: full
}

.chapter-directory-hero .inner {
    color: #fff;
    grid-column: main;
    margin-inline:auto;max-width: 800px
}

.chapter-directory-hero .intro {
    margin-bottom: 2.5rem
}

.chapter-directory-hero .intro h1 {
    color: #fff
}

.chapter-directory-hero form {
    margin-inline:auto;max-width: 500px
}

.chapter-directory-hero form>div {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

@media (min-width: 500px) {
    .chapter-directory-hero form>div {
        flex-direction:row
    }
}

.chapter-directory-hero form label {
    margin-bottom: .75rem
}

.chapter-directory-hero form select {
    border: 0;
    min-height: 48px
}

@media (min-width: 768px) {
    .chapter-directory-hero form select {
        min-height:56px
    }
}

.chapter-directory-hero form button {
    padding-inline:2rem}

.event-detail-hero {
    grid-column: full;
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 99
}

.event-detail-hero .main {
    grid-column: full/main;
    margin-right: -2rem;
    padding-block:2.5rem 0;position: relative
}

@media (min-width: 900px) {
    .event-detail-hero .main {
        padding-block:3.125rem
    }
}

@media (min-width: 1000px) {
    .event-detail-hero .main {
        margin-right:0
    }
}

.event-detail-hero .inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    grid-column: main/full;
    width: 100%
}

@media (min-width: 900px) {
    .event-detail-hero .inner {
        flex-direction:row;
        gap: 1.5rem;
        justify-content: space-between
    }
}

.event-detail-hero .cluster-callout {
    margin-bottom: 1.5rem
}

.event-detail-hero .cluster-callout a {
    color: #fff
}

.event-detail-hero .eyebrow-group {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem
}

.event-detail-hero .status {
    background-color: #eaf2f6;
    color: #333;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .65px;
    line-height: 1.4;
    padding: .25rem .5rem;
    text-transform: uppercase
}

.event-detail-hero .button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.5rem
}

@media (min-width: 768px) {
    .event-detail-hero .button-group {
        gap:1rem 2.5rem
    }
}

.event-detail-hero .button-small-secondary {
    color: #ffc301
}

.event-detail-hero .button-small-secondary:hover {
    color: #fff
}

.event-detail-hero .phone-call {
    align-items: center;
    display: flex;
    gap: .375rem
}

.event-detail-hero .phone-call:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91c";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.event-detail-hero .content {
    max-width: 800px;
    padding-right: 2rem
}

@media (min-width: 900px) {
    .event-detail-hero .content {
        padding-right:0
    }
}

.event-detail-hero .details {
    color: #000;
    isolation: isolate;
    margin-left: -2rem;
    width: calc(100% + 32px)
}

@media (min-width: 900px) {
    .event-detail-hero .details {
        margin-left:0;
        max-width: 450px;
        min-width: 450px
    }
}

@media (min-width: 1000px) {
    .event-detail-hero .details {
        margin-right:-5.625rem
    }
}

@media (min-width: 1600px) {
    .event-detail-hero .details {
        max-width:550px
    }
}

.event-detail-hero .details.-animated:before {
    height: 110px
}

.event-detail-hero .details:before {
    background-image: linear-gradient(90deg,#ffc301 11.11%,#0000 0,#0000 50%,#ffc301 0,#ffc301 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    display: none;
    height: 0;
    left: -60px;
    position: absolute;
    top: -18px;
    transition: .8s ease-in-out;
    transition-delay: .6s;
    width: 110px
}

@media (min-width: 900px) {
    .event-detail-hero .details:before {
        display:block
    }
}

.event-detail-hero .details-inner {
    background-color: #eaf2f6;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    padding: 2rem;
    position: relative
}

@media (min-width: 900px) {
    .event-detail-hero .details-inner {
        gap:2.5rem;
        padding: 2rem 2.75rem
    }
}

.event-detail-hero .details-header {
    align-items: center;
    color: #081e7c;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .75rem;
    text-transform: uppercase;
    white-space: nowrap
}

.event-detail-hero .details-header:after {
    background-color: #081e7c;
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.event-detail-hero .date,.event-detail-hero .location,.event-detail-hero .pricing {
    font-size: 1rem
}

@media (min-width: 768px) {
    .event-detail-hero .date,.event-detail-hero .location,.event-detail-hero .pricing {
        font-size:1.125rem
    }
}

.event-detail-hero .date-title,.event-detail-hero .location-title,.event-detail-hero .pricing-title {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: 6px
}

.event-detail-hero .date-title:before,.event-detail-hero .location-title:before,.event-detail-hero .pricing-title:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.event-detail-hero .date-title:before {
    content: "\e913"
}

.event-detail-hero .pricing-title:before {
    content: "\e911"
}

.event-detail-hero .location-title:before,.event-detail-hero .pricing-title:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.event-detail-hero .location-title:before {
    content: "\e912"
}

.event-detail-hero .credits {
    border-top: 1px solid #cfcfcf;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding-top: 1.25rem
}

.event-detail-hero .credit {
    align-items: center;
    display: flex;
    gap: .625rem
}

.event-detail-hero .credit.-in-person:before,.event-detail-hero .credit:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.event-detail-hero .credit.-in-person:before {
    color: #ffc301;
    content: "\e916"
}

.event-detail-hero .credit.-virtual-interactive:before {
    color: #32a8d7;
    content: "\e915"
}

.event-detail-hero .credit.-qualifying:before,.event-detail-hero .credit.-virtual-interactive:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.event-detail-hero .credit.-qualifying:before {
    color: #9a43a2;
    content: "\e914"
}

.event-detail-hero .event-detail-hero-subnav {
    grid-column: full/main;
    margin-left: -2rem
}

@media (min-width: 1000px) {
    .event-detail-hero .event-detail-hero-subnav {
        margin-left:0
    }
}

.event-detail-hero .event-detail-hero-subnav .p-plus-container {
    background-color: #eaf2f6;
    grid-column: main/full;
    margin-right: -2rem
}

@media (min-width: 1000px) {
    .event-detail-hero .event-detail-hero-subnav .p-plus-container {
        margin-right:-5.625rem
    }
}

.event-detail-hero .event-detail-hero-subnav .p-plus__toggle-btn,.event-detail-hero .event-detail-hero-subnav li a {
    align-items: center;
    background-color: initial;
    color: inherit;
    display: flex;
    font-size: .9375rem;
    font-weight: 500;
    justify-content: center;
    padding-block:1.5rem;padding-inline:1.5rem;text-align: center;
    transition: .15s ease-in-out
}

.event-detail-hero .event-detail-hero-subnav .p-plus__toggle-btn.active,.event-detail-hero .event-detail-hero-subnav .p-plus__toggle-btn:hover,.event-detail-hero .event-detail-hero-subnav li a.active,.event-detail-hero .event-detail-hero-subnav li a:hover {
    background-color: #9a43a2;
    color: #fff
}

.event-detail-hero .event-detail-hero-subnav ul {
    background-color: #eaf2f6
}

.event-detail-hero .p-plus__toggle-btn {
    position: relative;
    z-index: 1
}

.event-detail-hero .p-plus__overflow {
    box-shadow: 0 0 10px 0 #0000001a;
    width: 100%;
    z-index: -1
}

@media (min-width: 500px) {
    .event-detail-hero .p-plus__overflow {
        max-width:50%
    }
}

@media (min-width: 768px) {
    .event-detail-hero .p-plus__overflow {
        max-width:unset;
        min-width: 200px;
        width: unset
    }
}

.hcem-article-hero {
    grid-column: full;
    margin-bottom: 2.5rem
}

.hcem-article-hero.-no-image .hcem-standard-hero {
    padding-bottom: 64px
}

.hcem-article-hero .hcem-standard-hero {
    background: none;
    margin-bottom: 0
}

@media (min-width: 1000px) {
    .hcem-article-hero .image {
        margin-right:0
    }
}

.hcem-article-hero .image picture {
    height: 300px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .hcem-article-hero .image picture {
        height:450px
    }
}

@media (min-width: 1000px) {
    .hcem-article-hero .image picture {
        height:600px
    }
}

.hcem-article-hero .image picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.hcem-issue-hero {
    grid-column: full;
    margin-bottom: 2.5rem
}

.hcem-issue-hero .hcem-standard-hero {
    background: none;
    margin-bottom: 0
}

.hcem-issue-hero .image {
    grid-column: full/main;
    margin-right: -2rem
}

@media (min-width: 1000px) {
    .hcem-issue-hero .image {
        margin-right:0
    }
}

.hcem-issue-hero .image picture {
    height: 300px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .hcem-issue-hero .image picture {
        height:450px
    }
}

@media (min-width: 1000px) {
    .hcem-issue-hero .image picture {
        height:566px
    }
}

.hcem-issue-hero .image picture img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.hcem-issue-hero .details {
    background-color: #fff;
    grid-column: full;
    position: relative
}

@media (min-width: 1000px) {
    .hcem-issue-hero .details {
        height:120px
    }
}

.hcem-issue-hero .details-inner {
    background-color: #fff;
    grid-column: main;
    max-width: 770px;
    padding-top: 1.5rem;
    position: relative
}

@media (max-width: 999px) {
    .hcem-issue-hero .details-inner {
        animation-duration:0s
    }
}

@media (min-width: 1000px) {
    .hcem-issue-hero .details-inner {
        bottom:0;
        left: 0;
        padding-top: 2.5rem;
        position: absolute
    }

    .hcem-issue-hero .details-inner:before {
        background-color: #fff;
        content: "";
        height: 100%;
        left: -230px;
        position: absolute;
        top: 0;
        width: 230px;
        z-index: 1
    }
}

.hcem-issue-hero .details-inner>div {
    grid-column: full/main
}

@media (max-width: 999px) {
    .hcem-issue-hero .details-inner>div {
        animation-delay:.2s!important
    }
}

.hcem-issue-hero .details .eyebrow {
    margin-bottom: .875rem
}

.hcem-issue-hero .details h2 {
    color: #081e7c;
    margin-bottom: .5rem
}

.hcem-landing-page-hero {
    grid-column: full;
    margin-bottom: 2.5rem
}

.hcem-landing-page-hero .upper {
    border-bottom: 1px solid #ffffff4d;
    padding-block:2rem}

@media (min-width: 1000px) {
    .hcem-landing-page-hero .upper {
        padding-block:5rem
    }
}

.hcem-landing-page-hero .upper .hcem-logo {
    grid-column: main;
    margin-inline:auto;max-width: 320px
}

@media (min-width: 1000px) {
    .hcem-landing-page-hero .upper .hcem-logo {
        max-width:440px
    }
}

.hcem-landing-page-hero .lower {
    color: #fff;
    padding-block:1.5rem}

@media (min-width: 768px) {
    .hcem-landing-page-hero .lower {
        padding-block:2rem
    }
}

.hcem-landing-page-hero .lower>div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    grid-column: main;
    justify-content: center
}

.hcem-landing-page-hero .lower .links-title {
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: 1.43px;
    line-height: 1.4;
    text-transform: uppercase
}

.hcem-landing-page-hero .lower .links {
    align-items: center;
    display: flex;
    gap: 2rem
}

@media (min-width: 1000px) {
    .hcem-landing-page-hero .lower .links {
        gap:2.75rem
    }
}

.hcem-landing-page-hero .lower a {
    color: inherit;
    font-size: 1rem;
    font-weight: 500
}

.hcem-landing-page-hero .lower a:hover {
    color: #fff
}

.hcem-landing-page-hero .lower .desktop-nav {
    display: none
}

@media (min-width: 768px) {
    .hcem-landing-page-hero .lower .desktop-nav {
        align-items:center;
        display: flex;
        flex-wrap: wrap;
        gap: 2rem
    }
}

.hcem-landing-page-hero .lower .mobile-nav {
    max-width: 320px;
    width: 100%
}

@media (min-width: 768px) {
    .hcem-landing-page-hero .lower .mobile-nav {
        display:none
    }
}

.hcem-landing-page-hero .lower .mobile-nav svg {
    fill: #fff
}

.hcem-landing-page-hero .lower .mobile-nav .is-accordion-trigger:hover h3 {
    color: #cbdee7;
    transition: .15s ease-in-out
}

.hcem-landing-page-hero .lower .mobile-nav .is-accordion-trigger:hover svg {
    fill: #cbdee7;
    transition: .15s ease-in-out
}

.hcem-landing-page-hero .lower .mobile-nav .is-accordion-content {
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif
}

.hcem-landing-page-hero .lower .mobile-nav nav {
    padding-top: 1rem
}

.hcem-landing-page-hero .lower .mobile-nav nav a {
    display: inline-block;
    margin-bottom: 1rem
}

.hcem-landing-page-hero .lower .mobile-nav nav a:hover {
    color: #fff
}

.hcem-landing-page-hero .lower .mobile-nav .links {
    column-count: 2;
    display: block
}

.hcem-podcast-hero {
    grid-column: full;
    margin-bottom: clamp(48px,8vw,120px)
}

.hcem-podcast-hero .breadcrumbs {
    grid-column: full
}

.hcem-podcast-hero-inner {
    color: #fff;
    grid-column: full;
    margin-bottom: 2.5rem
}

.hcem-podcast-hero .upper {
    border-bottom: 1px solid #ffffff4d;
    display: flex;
    grid-column: full;
    justify-content: center;
    padding-block:2rem}

@media (min-width: 1000px) {
    .hcem-podcast-hero .upper {
        padding-block:2.5rem
    }
}

.hcem-podcast-hero .upper .hcem-logo {
    max-width: 180px
}

@media (min-width: 1000px) {
    .hcem-podcast-hero .upper .hcem-logo {
        max-width:254px
    }
}

.hcem-podcast-hero .lower {
    grid-column: main
}

.hcem-podcast-hero .lower h1 {
    font-size: clamp(2.4375rem,6.5vw,3.25rem);
    font-style: normal;
    margin-bottom: 0
}

.hcem-podcast-hero-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 1245px;
    padding-top: 2rem
}

@media (min-width: 1000px) {
    .hcem-podcast-hero-content {
        padding-top:3.75rem
    }
}

.hcem-podcast-hero-eyebrow {
    font-size: .9375rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 140%;
    margin: 0;
    text-transform: uppercase
}

.hcem-podcast-hero-meta {
    font-size: .9375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin: 0
}

.hcem-podcast-hero-providers {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    margin: 1.5rem 0 2.25rem
}

.hcem-podcast-hero-providers-text {
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 140%;
    text-transform: uppercase
}

.hcem-podcast-hero-providers-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem
}

.hcem-podcast-hero-providers-list .provider {
    align-items: center;
    display: flex;
    gap: .5rem
}

.hcem-podcast-hero-providers-list .icon:before {
    font-size: 1.5rem;
    position: relative;
    top: 2px
}

.hcem-podcast-hero-providers-list a {
    color: #fff;
    font-size: 1rem;
    font-weight: 600
}

.hcem-podcast-hero-providers-list a:hover {
    color: #fff!important
}

.hcem-podcast-hero .embedded-podcast {
    margin-bottom: -4rem
}

@media (min-width: 500px) {
    .hcem-podcast-hero .embedded-podcast {
        margin-bottom:-5rem
    }
}

.hcem-podcast-landing-hero {
    grid-column: full;
    margin-bottom: clamp(48px,8vw,120px);
    position: relative
}

.hcem-podcast-landing-hero:after {
    background-color: #fff;
    border-left: 48px solid #006bb6;
    bottom: 0;
    content: "";
    display: none;
    height: 48px;
    position: absolute;
    right: 0;
    transition: .5s ease-in-out;
    width: 110px
}

@media (min-width: 900px) {
    .hcem-podcast-landing-hero:after {
        display:block
    }
}

@starting-style {
    .hcem-podcast-landing-hero:after {
        width: 48px
    }
}

@media (min-width: 1200px) {
    .hcem-podcast-landing-hero:after {
        border-left-width:64px;
        height: 64px;
        width: 154px
    }

    @starting-style {
        .hcem-podcast-landing-hero:after {
            width: 64px
        }
    }
}

@media (min-width: 900px) {
    .hcem-podcast-landing-hero .accent {
        bottom:0;
        display: grid;
        grid-template-columns: repeat(2,48px);
        grid-template-rows: repeat(2,48px);
        position: absolute;
        right: 110px
    }
}

@media (min-width: 1200px) {
    .hcem-podcast-landing-hero .accent {
        grid-template-columns:repeat(2,64px);
        grid-template-rows: repeat(2,64px);
        right: 154px
    }
}

.hcem-podcast-landing-hero .accent:before {
    background-image: linear-gradient(90deg,#ffc301 11.11%,#0000 0,#0000 50%,#ffc301 0,#ffc301 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    grid-area: 2/1/3/2;
    height: 48px;
    transition: .5s ease-in-out;
    transition-delay: .4s
}

@media (min-width: 1200px) {
    .hcem-podcast-landing-hero .accent:before {
        height:64px
    }
}

@starting-style {
    .hcem-podcast-landing-hero .accent:before {
        height: 0
    }
}

.hcem-podcast-landing-hero .accent:after {
    background-color: #70d6ff;
    content: "";
    grid-area: 1/2/2/3;
    opacity: .5;
    transition: .5s ease-in-out;
    transition-delay: .8s;
    width: 48px
}

@media (min-width: 1200px) {
    .hcem-podcast-landing-hero .accent:after {
        width:64px
    }
}

@starting-style {
    .hcem-podcast-landing-hero .accent:after {
        width: 0
    }
}

.hcem-podcast-landing-hero .inner {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    grid-column: main;
    padding-block:2.5rem;position: relative
}

@media (min-width: 600px) {
    .hcem-podcast-landing-hero .inner {
        padding-block:3.75rem
    }
}

@media (min-width: 768px) {
    .hcem-podcast-landing-hero .inner {
        padding-block:6.25rem
    }
}

.hcem-podcast-landing-hero .content {
    max-width: 1245px
}

.hcem-podcast-landing-hero .content h1 {
    margin-bottom: .75rem
}

@media (min-width: 768px) {
    .hcem-podcast-landing-hero .content h1 {
        margin-bottom:1.25rem
    }
}

.hcem-podcast-landing-hero .content p {
    max-width: 700px
}

.hcem-podcast-landing-hero .providers {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem
}

.hcem-podcast-landing-hero .providers-text {
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 140%;
    text-transform: uppercase
}

.hcem-podcast-landing-hero .providers-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem
}

.hcem-podcast-landing-hero .providers-list .provider {
    align-items: center;
    display: flex;
    gap: .5rem
}

.hcem-podcast-landing-hero .providers-list .icon:before {
    font-size: 1.5rem;
    position: relative;
    top: 2px
}

.hcem-podcast-landing-hero .providers-list a {
    color: #fff;
    font-size: 1rem;
    font-weight: 600
}

.hcem-podcast-landing-hero .providers-list a:hover {
    color: #fff!important
}

.hcem-standard-hero {
    grid-column: full;
    margin-bottom: 2.5rem
}

.hcem-standard-hero.-ad .lower {
    padding-block:0}

@media (min-width: 1000px) {
    .hcem-standard-hero.-ad .lower {
        padding-block:1rem
    }
}

.hcem-standard-hero .upper {
    border-bottom: 1px solid #ffffff4d;
    padding-block:2rem}

@media (min-width: 1000px) {
    .hcem-standard-hero .upper {
        padding-block:2.5rem
    }
}

.hcem-standard-hero .lower {
    padding-block:2rem}

@media (min-width: 1000px) {
    .hcem-standard-hero .lower {
        padding-block:3.75rem
    }
}

.hcem-standard-hero .lower-inner,.hcem-standard-hero .upper-inner {
    display: flex;
    grid-column: main;
    justify-content: center
}

.hcem-standard-hero .hcem-logo {
    grid-column: main;
    margin-inline:auto;max-width: 180px
}

@media (min-width: 1000px) {
    .hcem-standard-hero .hcem-logo {
        max-width:254px
    }
}

.hcem-standard-hero h1 {
    color: #fff
}

.hero-search {
    grid-column: full;
    margin-bottom: 2.5rem
}

.hero-search>div {
    grid-column: full;
    padding: 1.875rem 0
}

.hero-search-inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    grid-column: main;
    justify-content: center
}

@media (min-width: 900px) {
    .hero-search-inner {
        padding:5rem 0
    }
}

.hero-search-intro {
    margin-bottom: 2.5rem;
    text-align: center
}

.hero-search-form {
    display: flex;
    flex-direction: row;
    margin-bottom: 1.5rem
}

.hero-search-form-container {
    max-width: 800px;
    width: 100%
}

.hero-search-categories {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center
}

@media (min-width: 800px) {
    .hero-search-categories {
        flex-direction:row
    }
}

.hero-search-category-text {
    font-size: 1rem;
    font-style: normal;
    line-height: 140%;
    vertical-align: initial
}

.hero-search-category-text .icon {
    font-size: .8125rem
}

.hero-search-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center
}

@media (min-width: 800px) {
    .hero-search-category-list {
        justify-content:flex-start
    }
}

.hero-search-category-list a {
    color: #fff!important;
    font-size: .9375rem;
    font-weight: 500;
    text-decoration: underline!important;
    text-decoration-color: #ffc301!important;
    text-underline-offset: 4px!important
}

.home-hero .main .graphic .main-accents .left .gradient,.home-hero .main .graphic .main-accents .left .lines,.home-hero .main .graphic .main-accents .right .blue-box,.home-hero .main .graphic .main-accents .right .lines,.home-hero .main .graphic .main-accents .right .purple-box {
    transition: .5s ease-in-out
}

.home-hero .main .graphic .main-accents .left .gradient:before,.home-hero .main .graphic .main-accents .left .lines:before,.home-hero .main .graphic .main-accents .right .blue-box:before,.home-hero .main .graphic .main-accents .right .lines:before,.home-hero .main .graphic .main-accents .right .purple-box:before,.home-hero .main .graphic .secondary-image-1:after,.home-hero .main .graphic .secondary-image-1:before,.home-hero .main .graphic .secondary-image-2:after,.home-hero .main .graphic .secondary-image-2:before,.home-hero .main .graphic .secondary-image-3:after,.home-hero .main .graphic .secondary-image-3:before {
    transition: .5s ease-in-out;
    transition-delay: .8s
}

.home-hero .main .graphic .secondary-image-1>div,.home-hero .main .graphic .secondary-image-2>div,.home-hero .main .graphic .secondary-image-3>div {
    transition-delay: .3s
}

.home-hero .main .graphic .secondary-image-1>div:before,.home-hero .main .graphic .secondary-image-2>div:before,.home-hero .main .graphic .secondary-image-3>div:before {
    transition: .5s cubic-bezier(.69,.01,.18,.99);
    transition-delay: .2s
}

.home-hero .main .graphic .secondary-image-1 picture,.home-hero .main .graphic .secondary-image-2 picture,.home-hero .main .graphic .secondary-image-3 picture {
    transition: .5s cubic-bezier(.69,.01,.18,.99);
    transition-delay: .4s
}

.home-hero {
    grid-column: full;
    margin-bottom: clamp(48px,8vw,120px);
    overflow: hidden;
    padding-top: 2.75rem
}

.home-hero .main {
    color: #fff;
    grid-column: main/full;
    isolation: isolate;
    position: relative
}

@media (min-width: 900px) {
    .home-hero .main {
        display:grid;
        gap: 4rem;
        grid-template-columns: 40% 50%
    }
}

@media (min-width: 1100px) {
    .home-hero .main {
        grid-template-columns:repeat(2,1fr)
    }
}

.home-hero .main .content {
    padding-right: 2rem
}

@media (min-width: 900px) {
    .home-hero .main .content {
        margin-top:2.5rem;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .home-hero .main .content {
        margin-top:6.25rem
    }
}

.home-hero .main .title.wysiwyg-content {
    margin-bottom: 1rem;
    opacity: 1;
    transform: translateY(0);
    transition-duration: 1s
}

@starting-style {
    .home-hero .main .title.wysiwyg-content {
        opacity: 0;
        transform: translateY(20px)
    }
}

@media (min-width: 900px) {
    .home-hero .main .title.wysiwyg-content {
        margin-bottom:1.25rem
    }
}

.home-hero .main .title.wysiwyg-content h1 {
    font-weight: 300
}

@media (min-width: 900px) {
    .home-hero .main .title.wysiwyg-content h1 {
        margin-right:-200px
    }
}

@media (min-width: 1100px) {
    .home-hero .main .title.wysiwyg-content h1 {
        font-size:70px
    }
}

@media (min-width: 1400px) {
    .home-hero .main .title.wysiwyg-content h1 {
        font-size:5.625rem
    }
}

.home-hero .main .text {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    max-width: 700px;
    opacity: 1;
    transform: translateY(0);
    transition-delay: .2s;
    transition-duration: 1s
}

@starting-style {
    .home-hero .main .text {
        opacity: 0;
        transform: translateY(20px)
    }
}

@media (min-width: 900px) {
    .home-hero .main .text {
        max-width:460px
    }
}

.home-hero .main .button {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .4s;
    transition-duration: 1s
}

@starting-style {
    .home-hero .main .button {
        opacity: 0;
        transform: translateY(20px)
    }
}

.home-hero .main .graphic {
    isolation: isolate;
    margin-left: -2rem;
    padding-top: 4.5rem;
    position: relative;
    z-index: -1
}

@media (min-width: 900px) {
    .home-hero .main .graphic {
        margin-left:0;
        padding-top: 0
    }
}

.home-hero .main .graphic .main-image {
    display: flex;
    height: 100%;
    justify-content: center;
    margin-inline:auto;max-width: 80%;
    opacity: 1;
    transform: translateX(0);
    transition: 1s
}

@starting-style {
    .home-hero .main .graphic .main-image {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@media (min-width: 900px) {
    .home-hero .main .graphic .main-image {
        max-width:unset
    }
}

.home-hero .main .graphic .main-image img {
    height: 100%;
    object-fit: contain
}

.home-hero .main .graphic .main-accents {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    left: 0;
    position: absolute;
    width: 100%
}

.home-hero .main .graphic .main-accents .left {
    display: grid;
    grid-template-columns: repeat(2,64px);
    height: 64px
}

@media (min-width: 600px) {
    .home-hero .main .graphic .main-accents .left {
        grid-template-columns:repeat(2,100px);
        height: 100px
    }
}

@media (min-width: 1500px) {
    .home-hero .main .graphic .main-accents .left {
        grid-template-columns:repeat(2,130px);
        height: 130px
    }
}

.home-hero .main .graphic .main-accents .left .lines {
    overflow: hidden;
    position: relative
}

.home-hero .main .graphic .main-accents .left .lines:before {
    background-image: linear-gradient(90deg,#fff 11.11%,#0000 0,#0000 50%,#fff 0,#fff 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    height: 100%;
    position: absolute;
    transform: translateZ(0);
    width: 100%
}

@starting-style {
    .home-hero .main .graphic .main-accents .left .lines:before {
        transform: translate3d(0,-100%,0)
    }
}

.home-hero .main .graphic .main-accents .left .gradient {
    overflow: hidden;
    position: relative
}

.home-hero .main .graphic .main-accents .left .gradient:before {
    content: "";
    height: 100%;
    opacity: .5;
    position: absolute;
    transform: translateZ(0);
    width: 100%
}

@starting-style {
    .home-hero .main .graphic .main-accents .left .gradient:before {
        transform: translate3d(-100%,0,0)
    }
}

.home-hero .main .graphic .main-accents .right {
    display: grid;
    grid-template-areas: ". blue-box ." "lines . purple-box";
    grid-template-columns: repeat(3,64px)
}

@media (min-width: 600px) {
    .home-hero .main .graphic .main-accents .right {
        grid-template-columns:repeat(3,100px);
        grid-template-rows: repeat(2,100px)
    }
}

@media (min-width: 1500px) {
    .home-hero .main .graphic .main-accents .right {
        grid-template-columns:repeat(3,130px);
        grid-template-rows: repeat(2,130px)
    }
}

.home-hero .main .graphic .main-accents .right .lines {
    grid-area: lines;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    overflow: hidden;
    position: relative
}

.home-hero .main .graphic .main-accents .right .lines:before {
    background-image: linear-gradient(90deg,#9a43a2 11.11%,#0000 0,#0000 50%,#9a43a2 0,#9a43a2 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    height: 100%;
    position: absolute;
    transform: translateZ(0);
    width: 100%
}

@starting-style {
    .home-hero .main .graphic .main-accents .right .lines:before {
        transform: translate3d(0,100%,0)
    }
}

.home-hero .main .graphic .main-accents .right .blue-box {
    grid-area: blue-box;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    opacity: .8;
    overflow: hidden;
    position: relative
}

.home-hero .main .graphic .main-accents .right .blue-box:before {
    background-color: #70d6ff;
    content: "";
    height: 100%;
    position: absolute;
    transform: translateZ(0);
    width: 100%
}

@starting-style {
    .home-hero .main .graphic .main-accents .right .blue-box:before {
        transform: translate3d(-100%,0,0)
    }
}

.home-hero .main .graphic .main-accents .right .purple-box {
    grid-area: purple-box;
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    overflow: hidden;
    position: relative
}

.home-hero .main .graphic .main-accents .right .purple-box:before {
    background-color: #9a43a2;
    content: "";
    height: 100%;
    position: absolute;
    transform: translateZ(0);
    width: 100%
}

@starting-style {
    .home-hero .main .graphic .main-accents .right .purple-box:before {
        transform: translate3d(-100%,0,0)
    }
}

.home-hero .main .graphic .secondary-image-1,.home-hero .main .graphic .secondary-image-2,.home-hero .main .graphic .secondary-image-3 {
    position: absolute;
    z-index: -1
}

.home-hero .main .graphic .secondary-image-1>div,.home-hero .main .graphic .secondary-image-2>div,.home-hero .main .graphic .secondary-image-3>div {
    inset: 0;
    isolation: isolate;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.home-hero .main .graphic .secondary-image-1>div:before,.home-hero .main .graphic .secondary-image-2>div:before,.home-hero .main .graphic .secondary-image-3>div:before {
    content: "";
    inset: 0;
    position: absolute;
    transform: translateZ(0);
    z-index: -1
}

@starting-style {
    .home-hero .main .graphic .secondary-image-1>div: before,.home-hero .main .graphic .secondary-image-2>div:before,.home-hero .main .graphic .secondary-image-3>div:before {
        transform:translate3d(-100%,0,0)
    }
}

.home-hero .main .graphic .secondary-image-1 picture,.home-hero .main .graphic .secondary-image-2 picture,.home-hero .main .graphic .secondary-image-3 picture {
    inset: 0;
    position: absolute;
    transform: translateZ(0);
    z-index: 1
}

@starting-style {
    .home-hero .main .graphic .secondary-image-1 picture,.home-hero .main .graphic .secondary-image-2 picture,.home-hero .main .graphic .secondary-image-3 picture {
        transform: translate3d(-100%,0,0)
    }
}

.home-hero .main .graphic .secondary-image-1 {
    height: 30vw;
    left: 5%;
    max-height: 216px;
    max-width: 216px;
    top: 30%;
    width: 30vw
}

@media (min-width: 900px) {
    .home-hero .main .graphic .secondary-image-1 {
        height:216px;
        left: -10%;
        top: 50%;
        width: 216px
    }
}

@media (min-width: 1500px) {
    .home-hero .main .graphic .secondary-image-1 {
        left:0
    }
}

.home-hero .main .graphic .secondary-image-1>div:before {
    background-color: #70d6ff
}

.home-hero .main .graphic .secondary-image-1:before {
    background-image: linear-gradient(90deg,#9a43a2 11.11%,#0000 0,#0000 50%,#9a43a2 0,#9a43a2 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    display: none;
    height: 60px;
    left: -24px;
    position: absolute;
    top: -24px;
    width: 60px
}

@media (min-width: 1200px) {
    .home-hero .main .graphic .secondary-image-1:before {
        height:86px
    }
}

@starting-style {
    .home-hero .main .graphic .secondary-image-1:before {
        height: 0
    }
}

@media (min-width: 900px) {
    .home-hero .main .graphic .secondary-image-1:before {
        display:block
    }
}

@media (min-width: 1200px) {
    .home-hero .main .graphic .secondary-image-1:before {
        left:-44px;
        top: -44px;
        width: 86px
    }
}

.home-hero .main .graphic .secondary-image-2 {
    height: 15vw;
    left: 28%;
    max-height: 108px;
    max-width: 108px;
    top: 10%;
    width: 15vw
}

@media (min-width: 900px) {
    .home-hero .main .graphic .secondary-image-2 {
        height:108px;
        left: 0;
        top: 32%;
        width: 108px
    }
}

@media (min-width: 1500px) {
    .home-hero .main .graphic .secondary-image-2 {
        left:15%
    }
}

.home-hero .main .graphic .secondary-image-2>div:before {
    background-color: #9a43a2
}

.home-hero .main .graphic .secondary-image-3 {
    height: 20vw;
    max-height: 130px;
    max-width: 130px;
    right: 5%;
    top: 40%;
    width: 20vw
}

@media (min-width: 900px) {
    .home-hero .main .graphic .secondary-image-3 {
        height:130px;
        right: 0;
        top: 20%;
        width: 130px
    }
}

@media (min-width: 1700px) {
    .home-hero .main .graphic .secondary-image-3 {
        right:128px
    }
}

.home-hero .main .graphic .secondary-image-3>div:before {
    background-color: #ffc301
}

.home-hero .main .graphic .secondary-image-3:before {
    content: "";
    height: 64px;
    position: absolute;
    right: -64px;
    top: -64px;
    width: 64px
}

@starting-style {
    .home-hero .main .graphic .secondary-image-3:before {
        height: 0
    }
}

@media (min-width: 1100px) {
    .home-hero .main .graphic .secondary-image-3:before {
        right:-20px;
        top: -84px
    }
}

@media (min-width: 1700px) {
    .home-hero .main .graphic .secondary-image-3:before {
        right:-64px;
        top: -64px
    }
}

.home-hero .main .graphic .secondary-image-3:after {
    background-image: linear-gradient(90deg,#ffc301 11.11%,#0000 0,#0000 50%,#ffc301 0,#ffc301 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    bottom: -64px;
    content: "";
    display: none;
    height: 64px;
    position: absolute;
    right: -64px;
    width: 64px
}

@starting-style {
    .home-hero .main .graphic .secondary-image-3:after {
        height: 0
    }
}

@media (min-width: 900px) {
    .home-hero .main .graphic .secondary-image-3:after {
        bottom:-54px;
        display: block;
        right: 50px
    }
}

@media (min-width: 1700px) {
    .home-hero .main .graphic .secondary-image-3:after {
        bottom:-64px;
        right: -64px
    }
}

.home-hero .featured-items {
    background-color: #fff;
    grid-column: full;
    padding-top: 2.5rem
}

@media (min-width: 900px) {
    .home-hero .featured-items {
        padding-top:3rem
    }
}

.home-hero .featured-items .inner {
    grid-column: main
}

@media (min-width: 900px) {
    .home-hero .featured-items .inner {
        display:grid;
        grid-template-columns: repeat(3,1fr)
    }
}

.home-hero .featured-items .item:first-child {
    padding-bottom: 1.5rem
}

@media (min-width: 900px) {
    .home-hero .featured-items .item:first-child {
        padding:0 2rem 0 0
    }
}

@media (min-width: 1200px) {
    .home-hero .featured-items .item:first-child {
        padding-right:3.25rem
    }
}

.home-hero .featured-items .item:nth-child(2) {
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width: 900px) {
    .home-hero .featured-items .item:nth-child(2) {
        border:0;
        border-left: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        padding: 0 2rem
    }
}

@media (min-width: 1200px) {
    .home-hero .featured-items .item:nth-child(2) {
        padding-left:3.25rem;
        padding-right: 3.25rem
    }
}

.home-hero .featured-items .item:nth-child(3) {
    padding-top: 1.5rem
}

@media (min-width: 900px) {
    .home-hero .featured-items .item:nth-child(3) {
        padding:0 0 0 2rem
    }
}

@media (min-width: 1200px) {
    .home-hero .featured-items .item:nth-child(3) {
        padding-left:3.25rem
    }
}

.home-hero .featured-items .item h2 {
    margin-bottom: .75rem
}

.home-hero .featured-items .item a {
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 6px
}

.home-hero .featured-items .item a:hover,.home-hero .featured-items .item a:hover .last-word {
    text-decoration-color: #ffc301
}

.home-hero .featured-items .item a .last-word {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 6px;
    transition: .15s ease-in-out
}

.home-hero .featured-items .item a .last-word span:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffc301;
    content: "\e903";
    display: inline-block;
    flex-shrink: 0;
    font-family: icomoon!important;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

@media (min-width: 900px) {
    .home-hero .featured-items .item a .last-word span {
        display:none
    }
}

.landing-hero {
    color: #fff;
    grid-column: full;
    margin-bottom: clamp(48px,8vw,120px)
}

.landing-hero:has(+.rich-text-block) {
    margin-bottom: clamp(24px,4vw,60px)
}

.landing-hero.-no-media .main {
    grid-column: full
}

.landing-hero.-no-media .content {
    padding-block:44px}

@media (min-width: 768px) {
    .landing-hero.-no-media .content {
        padding-block:6.25rem
    }
}

.landing-hero.-no-media .content p {
    max-width: 720px
}

.landing-hero:not(.-no-media) .main {
    margin-right: -2rem
}

.landing-hero:not(.-no-media) .main:after {
    border-color: #70d6ff
}

@media (min-width: 768px) {
    .landing-hero:not(.-no-media) .main {
        margin-right:0
    }
}

.landing-hero:not(.-no-media) .landing-hero-inner {
    padding-right: 2rem
}

@media (min-width: 768px) {
    .landing-hero:not(.-no-media) .landing-hero-inner {
        padding-right:0
    }
}

.landing-hero .main {
    grid-column: full/main;
    position: relative
}

.landing-hero .main:after {
    background-color: #fff;
    border-left: 48px solid #8db5d9;
    bottom: 0;
    content: "";
    display: none;
    height: 48px;
    position: absolute;
    right: 0;
    transition: .5s ease-in-out;
    width: 110px
}

@media (min-width: 768px) {
    .landing-hero .main:after {
        display:block
    }
}

@starting-style {
    .landing-hero .main:after {
        width: 48px
    }
}

@media (min-width: 1200px) {
    .landing-hero .main:after {
        border-left-width:64px;
        height: 64px;
        width: 154px
    }

    @starting-style {
        .landing-hero .main:after {
            width: 64px
        }
    }
}

@media (min-width: 768px) {
    .landing-hero .main .accent {
        bottom:0;
        display: grid;
        grid-template-columns: repeat(2,48px);
        grid-template-rows: repeat(2,48px);
        position: absolute;
        right: 110px
    }
}

@media (min-width: 1200px) {
    .landing-hero .main .accent {
        grid-template-columns:repeat(2,64px);
        grid-template-rows: repeat(2,64px);
        right: 154px
    }
}

.landing-hero .main .accent:before {
    background-image: linear-gradient(90deg,#fff 11.11%,#0000 0,#0000 50%,#fff 0,#fff 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    content: "";
    grid-area: 2/1/3/2;
    height: 48px;
    transition: .5s ease-in-out;
    transition-delay: .4s
}

@media (min-width: 1200px) {
    .landing-hero .main .accent:before {
        height:64px
    }
}

@starting-style {
    .landing-hero .main .accent:before {
        height: 0
    }
}

.landing-hero .main .accent:after {
    content: "";
    grid-area: 1/2/2/3;
    opacity: .5;
    transition: .5s ease-in-out;
    transition-delay: .8s;
    width: 48px
}

@media (min-width: 1200px) {
    .landing-hero .main .accent:after {
        width:64px
    }
}

@starting-style {
    .landing-hero .main .accent:after {
        width: 0
    }
}

.landing-hero-inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    grid-column: main/full;
    justify-content: space-between
}

@media (min-width: 768px) {
    .landing-hero-inner {
        flex-direction:row
    }

    .landing-hero .bottom-spacer {
        height: 48px
    }
}

@media (min-width: 1200px) {
    .landing-hero .bottom-spacer {
        height:64px
    }
}

.landing-hero .content {
    max-width: 720px;
    padding-block:3.5rem .5rem;padding-right: 2rem
}

@media (min-width: 768px) {
    .landing-hero .content {
        margin-block:auto;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .landing-hero .content {
        padding-block:7rem 3rem
    }
}

@media (min-width: 1800px) {
    .landing-hero .content {
        padding-left:120px
    }
}

.landing-hero .content .subtitle {
    font-weight: 600
}

.landing-hero .content p {
    max-width: 540px
}

@media (min-width: 1600px) {
    .landing-hero .content p {
        max-width:unset
    }
}

.landing-hero .content .buttons {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem
}

@media (min-width: 1100px) {
    .landing-hero .content .buttons {
        gap:2.5rem
    }
}

.landing-hero .content .buttons a {
    font-size: .8125rem
}

@media (min-width: 768px) {
    .landing-hero .content .buttons a {
        font-size:1rem
    }
}

.landing-hero .content .button-secondary {
    color: #ffc301
}

.landing-hero .content .button-secondary:hover {
    color: #fff
}

.landing-hero .media {
    display: flex;
    isolation: isolate;
    position: relative
}

@media (min-width: 768px) {
    .landing-hero .media {
        min-width:400px
    }
}

.landing-hero .media:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 32px;
    left: 0;
    margin-inline:-2rem;position: absolute;
    right: 0;
    z-index: -10
}

@media (min-width: 768px) {
    .landing-hero .media:after {
        height:unset;
        left: unset;
        margin-inline:0;top: 0;
        width: 154px
    }
}

.landing-hero .media .featured,.landing-hero .media .image,.landing-hero .media .video-thumbnail {
    position: relative;
    width: 100%
}

.landing-hero .media .featured img,.landing-hero .media .image img,.landing-hero .media .video-thumbnail img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.landing-hero .media .featured,.landing-hero .media .image {
    aspect-ratio: 621/475;
    width: 100%
}

.landing-hero .media .featured img,.landing-hero .media .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.landing-hero .media .video-thumbnail {
    align-self: flex-end;
    max-width: 730px
}

@media (min-width: 768px) {
    .landing-hero .media .video-thumbnail {
        height:90%
    }
}

@media (min-width: 1500px) {
    .landing-hero .media .video-thumbnail {
        aspect-ratio:730/400
    }
}

.landing-hero .media .featured {
    align-self: flex-end;
    position: relative
}

@media (min-width: 768px) {
    .landing-hero .media .featured {
        height:100%
    }
}

.landing-hero .media .featured picture {
    height: 100%
}

@media (min-width: 768px) {
    .landing-hero .media .featured picture:before {
        background:linear-gradient(206deg,#0000 33.77%,#000 82.06%);
        content: "";
        inset: 0;
        position: absolute
    }
}

.landing-hero .media .featured-details {
    background-color: #eaf2f6;
    gap: 1rem;
    padding: 1.75rem 1.125rem;
    padding-inline:1.125rem;position: relative
}

@media (min-width: 768px) {
    .landing-hero .media .featured-details {
        align-items:flex-start;
        background-color: initial;
        bottom: 0;
        display: flex;
        flex-direction: column;
        padding: 0 2.75rem 3rem;
        position: absolute
    }
}

.landing-hero .media .featured-details:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: calc(100% + 2rem);
    left: 0;
    margin-inline:-2rem;position: absolute;
    right: 0;
    width: calc(100% + 4rem);
    z-index: -10
}

@media (min-width: 768px) {
    .landing-hero .media .featured-details:before {
        display:none
    }
}

.landing-hero .media .featured-details h3 {
    color: #000;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .landing-hero .media .featured-details h3 {
        color:inherit;
        margin-bottom: 0
    }

    .landing-hero .media .featured-details a {
        color: inherit
    }
}

.landing-hero .media .featured picture,.landing-hero .media .image {
    isolation: isolate;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .landing-hero .media .featured picture,.landing-hero .media .image {
        max-width:621px
    }
}

@media (min-width: 1300px) {
    .landing-hero .media .featured picture,.landing-hero .media .image {
        aspect-ratio:621/475
    }
}

.landing-hero .media .featured picture:after,.landing-hero .media .image:after {
    aspect-ratio: 1;
    content: "";
    height: 33%;
    left: -15px;
    opacity: .6;
    position: absolute;
    top: -15px;
    transition: .5s ease-in-out;
    transition-delay: .8s;
    width: 25%;
    z-index: -1
}

@media (min-width: 768px) and (max-width:1499px) {
    .landing-hero .media .featured picture:after,.landing-hero .media .image:after {
        display:none
    }
}

@media (min-width: 1500px) {
    .landing-hero .media .featured picture:after,.landing-hero .media .image:after {
        bottom:-30px;
        display: block;
        height: 198px;
        left: -75px;
        top: unset;
        width: 198px
    }
}

@starting-style {
    .landing-hero .media .featured picture: after,.landing-hero .media .image:after {
        height:0
    }
}

.landing-hero.-no-media .subnavigation {
    grid-column: main/full;
    padding-right: 2rem
}

@media (min-width: 768px) {
    .landing-hero.-no-media .subnavigation {
        padding-right:3.875rem
    }
}

@media (min-width: 1200px) {
    .landing-hero.-no-media .subnavigation {
        padding-right:5.625rem
    }
}

.landing-hero .subnavigation {
    color: #000;
    grid-column: main
}

@media (min-width: 580px) {
    .landing-hero .subnavigation>div {
        border-bottom:1px solid #cfcfcf;
        padding-block:2rem}
}

@media (min-width: 768px) {
    .landing-hero .subnavigation {
        padding-right:3.875rem
    }
}

@media (min-width: 1200px) {
    .landing-hero .subnavigation {
        padding-right:5.625rem
    }
}

.landing-hero .subnavigation>div {
    padding-block:2rem}

@media (min-width: 580px) {
    .landing-hero .subnavigation>div {
        align-items:center;
        display: grid;
        gap: 2rem;
        grid-template-columns: auto 1fr
    }
}

.landing-hero .subnavigation li {
    padding-right: 2rem
}

.landing-hero .subnavigation li a {
    font-size: .9375rem;
    font-weight: 500
}

.landing-hero .subnavigation .title {
    color: #626262;
    display: none;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: 1.43px;
    text-transform: uppercase
}

@media (min-width: 580px) {
    .landing-hero .subnavigation .title {
        display:block
    }
}

@media (width < 579px) {
    .landing-hero .subnavigation .p-plus__primary>li: first-child {
        width:100%
    }
}

.landing-hero .subnavigation .p-plus__primary-wrapper {
    flex-grow: 0
}

.landing-hero .subnavigation .p-plus__primary-nav-item {
    align-items: center;
    display: flex
}

.landing-hero .subnavigation .p-plus__toggle-btn {
    border: 1px solid #081e7c;
    color: #081e7c;
    font-size: .9375rem;
    font-weight: 600;
    padding: .625rem .75rem;
    transition: .15s ease-in-out
}

.landing-hero .subnavigation .p-plus__toggle-btn:hover {
    background-color: #9a43a2;
    border-color: #0000;
    color: #fff
}

.landing-hero .subnavigation .p-plus__toggle-btn[aria-expanded=true] {
    border-color: #9a43a2;
    color: #9a43a2
}

.landing-hero .subnavigation .p-plus__toggle-btn[aria-expanded=true]:hover {
    background-color: #9a43a2;
    border-color: #0000;
    color: #fff
}

.landing-hero .subnavigation .p-plus__toggle-btn[aria-expanded=true] span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91d";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.landing-hero .subnavigation .p-plus__toggle-btn span {
    align-items: center;
    display: flex;
    gap: .25rem;
    position: relative
}

.landing-hero .subnavigation .p-plus__toggle-btn span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91e";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.landing-hero .subnavigation .p-plus__overflow {
    background-color: #fff;
    border-top: 3px solid #9a43a2;
    box-shadow: 0 0 10px 0 #00000040;
    flex-direction: column;
    gap: 1.125rem;
    margin-top: -1px;
    padding: 1rem 1.5rem 1.5rem
}

.landing-hero .subnavigation .p-plus__overflow[aria-hidden=false] {
    display: flex
}

.landing-hero .subnavigation .p-plus__overflow li {
    padding-right: 0
}

.landing-hero .subnavigation .p-plus--is-hiding-primary .p-plus__toggle-btn {
    display: flex;
    justify-content: center;
    padding-block:1rem}

.landing-hero .subnavigation .p-plus--is-hiding-primary .p-plus__toggle-btn[aria-expanded=true] {
    background-color: #9a43a2;
    border-bottom: none;
    color: #fff
}

.landing-hero .subnavigation .p-plus--is-hiding-primary .p-plus__overflow {
    border: 1px solid #081e7c;
    border-top: none;
    box-shadow: none;
    margin-top: 0;
    width: 100%
}

.image-gallery {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

@media (min-width: 768px) {
    .image-gallery .intro {
        align-items:center;
        flex-direction: row;
        gap: 2rem;
        justify-content: space-between
    }
}

.image-gallery .intro-text {
    max-width: 800px
}

.image-gallery .intro a {
    margin-right: 1.25rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.image-gallery .inner {
    margin-inline:auto;max-width: 1240px
}

.image-gallery .images .slick-slide,.image-gallery .thumbnails .slick-slide {
    aspect-ratio: 1240/700;
    width: 100%
}

.image-gallery .images .slick-slide>div,.image-gallery .thumbnails .slick-slide>div {
    height: 100%
}

.image-gallery .images {
    aspect-ratio: 1240/700;
    height: 100%;
    margin-bottom: 1rem;
    max-height: 700px;
    max-width: 1240px;
    width: 100%
}

@media (min-width: 1000px) {
    .image-gallery .images {
        margin-bottom:1.5rem
    }
}

.image-gallery .images figure {
    height: 100%;
    width: 100%
}

.image-gallery .images picture {
    background-color: #000;
    height: 100%;
    position: relative;
    width: 100%
}

.image-gallery .images picture img {
    height: 100%;
    margin-inline:auto;object-fit: contain
}

.image-gallery .thumbnail-container {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1rem;
    position: relative
}

@media (min-width: 1000px) {
    .image-gallery .thumbnail-container {
        margin-bottom:1.5rem
    }
}

.image-gallery .thumbnail-container .arrows {
    display: flex;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

@media (min-width: 1000px) {
    .image-gallery .thumbnail-container .arrows {
        left:-74px;
        width: calc(100% + 148px)
    }
}

.image-gallery .thumbnail-container .arrows .next,.image-gallery .thumbnail-container .arrows .prev {
    border: 1px solid navy;
    height: 36px;
    transition: .15s ease-in-out;
    width: 36px
}

.image-gallery .thumbnail-container .arrows .next:before,.image-gallery .thumbnail-container .arrows .prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #081e7c;
    content: "\e903";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .15s ease-in-out
}

@media (min-width: 1000px) {
    .image-gallery .thumbnail-container .arrows .next,.image-gallery .thumbnail-container .arrows .prev {
        height:50px;
        width: 50px
    }
}

.image-gallery .thumbnail-container .arrows .next:hover,.image-gallery .thumbnail-container .arrows .prev:hover {
    background-color: #9a43a2;
    border-color: #0000
}

.image-gallery .thumbnail-container .arrows .next:hover:before,.image-gallery .thumbnail-container .arrows .prev:hover:before {
    color: #fff
}

.image-gallery .thumbnail-container .arrows .next.slick-disabled,.image-gallery .thumbnail-container .arrows .prev.slick-disabled {
    border-color: #cfcfcf;
    pointer-events: none
}

.image-gallery .thumbnail-container .arrows .next.slick-disabled:before,.image-gallery .thumbnail-container .arrows .prev.slick-disabled:before {
    color: #cfcfcf
}

.image-gallery .thumbnail-container .arrows .prev:before {
    transform: rotate(180deg)
}

.image-gallery .thumbnails {
    margin-inline:auto;max-width: calc(100% - 80px);
    position: relative
}

@media (min-width: 1000px) {
    .image-gallery .thumbnails {
        margin-inline:-.75rem;
        max-width: unset
    }

    .image-gallery .thumbnails:after,.image-gallery .thumbnails:before {
        display: block
    }
}

.image-gallery .thumbnails:after,.image-gallery .thumbnails:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: none;
    position: absolute;
    top: 0;
    width: 12px;
    z-index: 1
}

.image-gallery .thumbnails:before {
    left: 0
}

.image-gallery .thumbnails:after {
    right: 0
}

.image-gallery .thumbnails picture {
    background-color: #000;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.image-gallery .thumbnails picture img {
    height: 100%;
    margin-inline:auto;object-fit: contain
}

.image-gallery .thumbnails .slick-slide {
    cursor: pointer;
    margin-inline:.5rem;position: relative
}

.image-gallery .thumbnails .slick-slide:hover:before {
    border-color: #9a43a2
}

.image-gallery .thumbnails .slick-slide:before {
    border: 4px solid #0000;
    content: "";
    inset: 0;
    position: absolute;
    transition: .15s ease-in-out;
    z-index: 1
}

@media (min-width: 1000px) {
    .image-gallery .thumbnails .slick-slide {
        margin-inline:.75rem
    }
}

.image-gallery .thumbnails .slick-current:before {
    border-color: #9a43a2
}

.image-gallery .details {
    display: flex;
    flex-direction: column
}

@media (min-width: 1000px) {
    .image-gallery .details {
        flex-direction:row-reverse;
        justify-content: space-between
    }
}

.image-gallery .details .captions {
    max-width: 90%
}

.image-gallery .details .count {
    color: #081e7c;
    margin-bottom: .5rem;
    overflow: hidden
}

@media (min-width: 1000px) {
    .image-gallery .details .count {
        margin-bottom:0;
        text-align: right
    }
}

.image-gallery .details .current-count,.image-gallery .details .total-count {
    font-weight: 700
}

.logo-grid {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.logo-grid .intro {
    margin-inline:auto;max-width: 600px
}

.logo-grid .logo-group {
    margin-bottom: 3.75rem
}

.logo-grid .logo-group h3 {
    color: #081e7c;
    margin-bottom: 2rem;
    text-align: center
}

.logo-grid .logos {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center
}

@media (min-width: 768px) {
    .logo-grid .logos {
        gap:1.5rem
    }
}

@media (min-width: 1200px) {
    .logo-grid .logos {
        gap:2.75rem
    }
}

.logo-grid .logos>* {
    flex-basis: 40%
}

@media (min-width: 768px) {
    .logo-grid .logos>* {
        flex-basis:25%
    }
}

.logo-grid a.logo:hover {
    border-color: #9a43a2
}

.logo-grid .logo {
    border: 1px solid #cfcfcf;
    max-width: 322px;
    padding-block:1.375rem;transition: .15s ease-in-out;
    width: 100%
}

.logo-grid .logo:hover img {
    filter: grayscale(0)
}

.logo-grid .logo picture {
    aspect-ratio: 32/9;
    position: relative
}

.logo-grid .logo img {
    filter: grayscale(100%);
    height: 100%;
    object-fit: cover;
    transition: .15s ease-in-out;
    width: 100%
}

.narrow-cta {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    padding-block:4rem 2.5rem;position: relative
}

@media (min-width: 768px) {
    .narrow-cta {
        padding-block:4.5rem
    }
}

.narrow-cta.-animated:before {
    width: 40px
}

.narrow-cta:before {
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    transition: .8s ease-in-out;
    width: 0
}

.narrow-cta .inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    grid-column: main
}

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

.narrow-cta .inner>* {
    flex: 1
}

.narrow-cta .inner>div {
    color: #fff
}

.narrow-cta .inner .wysiwyg-content a,.narrow-cta .inner .wysiwyg-content a:hover {
    color: inherit
}

.narrow-cta .inner .button {
    max-width: max-content
}

.narrow-cta h2 {
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif;
    margin-bottom: .5rem
}

.narrow-cta p {
    letter-spacing: -.18px;
    max-width: 800px
}

.newsletter-signup {
    color: #fff;
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    padding-block:3rem;position: relative
}

.newsletter-signup .accent {
    right: 0;
    top: 0
}

.newsletter-signup .accent,.newsletter-signup .accent:before {
    background-color: #fff;
    height: 0;
    position: absolute;
    transition: .5s ease-in-out;
    width: 0
}

.newsletter-signup .accent:before {
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    transition-delay: .5s
}

@media (min-width: 768px) {
    .newsletter-signup .accent:before {
        display:block
    }
}

.newsletter-signup .accent.-animated {
    height: 30px;
    width: 30px
}

@media (min-width: 768px) {
    .newsletter-signup .accent.-animated {
        height:60px;
        width: 60px
    }
}

.newsletter-signup .accent.-animated:before {
    bottom: -32px;
    height: 32px;
    left: -32px;
    width: 32px
}

.newsletter-signup .inner {
    grid-column: main
}

.newsletter-signup .intro {
    margin-inline:auto;margin-bottom: 1.25rem;
    max-width: 600px;
    width: 100%
}

@media (min-width: 1000px) {
    .newsletter-signup .intro {
        margin-inline:auto;
        max-width: 1068px
    }
}

.newsletter-signup .intro h2 {
    color: #fff;
    font-size: clamp(1.375rem,3.6666666667vw,1.875rem);
    line-height: 1.3
}

.newsletter-signup .intro-text {
    margin-inline:auto;max-width: 600px
}

.newsletter-signup form>div {
    display: flex;
    flex-direction: column;
    margin-inline:auto;max-width: 500px;
    position: relative;
    row-gap: 1rem;
    width: 100%
}

@media (min-width: 500px) {
    .newsletter-signup form>div {
        flex-direction:row
    }
}

@media (min-width: 1400px) {
    .newsletter-signup form>div {
        max-width:550px
    }
}

.newsletter-signup form input {
    border: 0;
    min-height: 48px
}

@media (min-width: 768px) {
    .newsletter-signup form input {
        min-height:56px
    }
}

.newsletter-signup form .error-message {
    color: #ffc301;
    left: 0;
    position: absolute;
    top: 100%
}

.newsletter-signup form button {
    padding-inline:2rem}

.newsletter-signup form button span {
    align-items: center;
    display: flex;
    gap: 6px
}

.newsletter-signup form button span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.not-found {
    grid-column: full;
    isolation: isolate;
    overflow: hidden;
    padding-block:4rem;position: relative
}

@media (min-width: 768px) {
    .not-found {
        padding-block:5rem 9.5rem
    }
}

.not-found .image {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.not-found .image:before {
    content: "";
    inset: 0;
    opacity: .9;
    position: absolute
}

.not-found .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.not-found .content {
    color: #fff;
    display: flex;
    flex-direction: column;
    grid-column: main;
    margin-inline:auto;max-width: 800px;
    text-align: center;
    width: 100%
}

.not-found .content .header-text {
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .not-found .content .header-text {
        margin-bottom:2.5rem
    }
}

.not-found .content .header-text h1 {
    margin-bottom: 1rem
}

.not-found .content .options {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.not-found .content .options form {
    display: flex;
    margin: 0
}

@media (min-width: 900px) {
    .not-found .content .options form input {
        height:64px;
        max-height: unset
    }
}

.not-found .content .options span {
    font-weight: 700
}

@media (min-width: 900px) {
    .not-found .content .options .button {
        padding-block:1.5rem
    }
}

.pagination {
    justify-content: space-between;
    margin-top: 30px
}

.pagination,.pagination-pages {
    display: flex
}

.pagination-pages>* {
    border-radius: 50%;
    color: blue;
    display: block;
    flex: none;
    font-size: 1.125rem;
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    width: 2.75rem
}

.pagination-pages>*+* {
    margin-left: 5px
}

.pagination-pages>a:hover {
    background: blue;
    color: #fff
}

.pagination-pages>a[data-current=true] {
    background: #e0e0e0;
    pointer-events: none
}

.pagination-nav {
    display: flex;
    justify-content: space-between;
    width: 6.25rem
}

.pagination-next,.pagination-prev {
    align-items: center;
    background: #e0e0e0;
    border-radius: 50%;
    color: blue;
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    height: 2.75rem;
    justify-content: center;
    transition: .15s ease-in-out;
    width: 2.75rem
}

.pagination-next:before,.pagination-prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    flex: none;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.pagination-next:hover,.pagination-prev:hover {
    background: blue;
    color: #fff
}

.pagination-next:before,.pagination-prev:before {
    content: ""
}

.people-grid {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.people-grid .people {
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(calc(70px - 1rem),1fr));
    margin-inline:auto;max-width: 1440px;
    row-gap: 3rem
}

@media (min-width: 480px) {
    .people-grid .people {
        grid-template-columns:repeat(auto-fit,minmax(calc(90px - 1rem),1fr))
    }
}

@media (min-width: 600px) {
    .people-grid .people {
        grid-template-columns:repeat(auto-fit,minmax(calc(110px - 1rem),1fr))
    }
}

@media (min-width: 720px) {
    .people-grid .people {
        grid-template-columns:repeat(auto-fit,minmax(calc(140px - 2rem),1fr))
    }
}

@media (min-width: 1203px) {
    .people-grid .people {
        grid-template-columns:repeat(auto-fit,minmax(calc(160px - 3rem),1fr))
    }
}

@media (min-width: 1400px) {
    .people-grid .people {
        grid-template-columns:repeat(auto-fit,minmax(calc(180px - 3rem),1fr))
    }
}

@media (min-width: 1530px) {
    .people-grid .people {
        grid-template-columns:repeat(auto-fit,minmax(calc(180px - 3rem),1fr))
    }
}

.people-grid .person {
    grid-column-end: span 2;
    max-width: 320px
}

.people-grid .person:hover picture img {
    transform: scale(1.1)
}

.people-grid .person:hover .details h3 {
    color: #9a43a2
}

.people-grid .person picture {
    aspect-ratio: 320/450;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .people-grid .person picture {
        margin-bottom:1.75rem
    }
}

.people-grid .person picture img {
    height: 100%;
    object-fit: cover;
    transition: .15s ease-in-out;
    width: 100%
}

.people-grid .person .details h3 {
    color: #081e7c;
    margin-bottom: .5rem;
    transition: .15s ease-in-out
}

@media (max-width: 767px) {
    .people-grid .person .details h3 {
        font-size:1.25rem
    }
}

.people-grid .person .details h3 span {
    font-weight: 400
}

.people-grid .person .details .role,.people-grid .person .details .title {
    color: #000
}

.people-grid .person .details .role {
    font-weight: 600;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .people-grid .person .details .role,.people-grid .person .details .title {
        font-size:1rem
    }
}

.podcast-landing {
    max-width: 1420px
}

.podcast-landing,.rich-text-block {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px);
    margin-inline:auto}

.rich-text-block {
    max-width: 710px;
    width: 100%
}

.rich-text-block.wysiwyg-content .inner>h2 {
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif;
    font-size: clamp(1.5rem,4vw,2rem)
}

.rich-text-block.wysiwyg-content .inner>h2,.rich-text-block.wysiwyg-content .inner>h3 {
    color: #081e7c;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1.3;
    margin-block:0 .5rem}

.rich-text-block.wysiwyg-content .inner>h3 {
    font-size: clamp(1.375rem,3.6666666667vw,1.625rem)
}

.rich-text-block.wysiwyg-content .inner>h4 {
    color: #081e7c;
    font-size: clamp(1.125rem,3vw,1.375rem);
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1.2;
    margin-block:0 .5rem}

.rich-text-block.wysiwyg-content .inner>h5,.rich-text-block.wysiwyg-content .inner>h6 {
    color: #081e7c;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1.3;
    margin-block:0 .5rem}

.rich-text-block .inner>.intro-text {
    color: #081e7c;
    font-size: clamp(1.25rem,3.3333333333vw,1.5rem);
    font-weight: 600
}

.rich-text-block .inner>.intro-text,.rich-text-block p {
    margin-bottom: 1.5rem
}

.rich-text-block figure {
    margin-block:1.75rem}

.rich-text-block figure img {
    height: 100%!important;
    margin-inline:auto;width: 100%!important
}

.rich-text-block figure.align-center img {
    margin-inline:auto}

@media (min-width: 768px) {
    .rich-text-block figure.align-right {
        float:right;
        margin: 0 0 1rem 2.25rem;
        max-width: 216px
    }

    .rich-text-block figure.align-right figcaption {
        margin-top: 1.25rem
    }

    .rich-text-block figure.align-left {
        float: left;
        margin: 0 2.25rem 1rem 0;
        max-width: 216px
    }

    .rich-text-block figure.align-left figcaption {
        margin-top: 1.25rem
    }
}

.rich-text-block figure figcaption {
    color: #626262;
    font-size: 1rem;
    margin-top: .5rem
}

.rich-text-block .video-player {
    aspect-ratio: 16/9;
    display: block;
    margin-block:1.75rem;width: 100%
}

.rich-text-block .table {
    margin-block:1.5rem}

.rich-text-block .intro-text,.rich-text-block .intro-title {
    animation: none!important
}

.rich-text-block ol,.rich-text-block ul {
    font-size: clamp(1rem,2.6666666667vw,1.125rem);
    line-height: 1.6
}

.rich-text-block a[class^=button] {
    margin-top: 1rem
}

.rich-text-block a[class^=button]:has(+a[class^=button]) {
    margin-bottom: 1rem;
    margin-right: 1rem
}

@media (min-width: 768px) {
    .rich-text-block a[class^=button]:has(+a[class^=button]) {
        margin-right:1.5rem
    }
}

.search {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.site-footer {
    color: #fff;
    padding-block:2rem;position: relative
}

.site-footer:after {
    background-color: #fff;
    border-left: 56px solid #006bb6;
    content: "";
    display: none;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .8s ease-in-out;
    width: 0
}

@media (min-width: 768px) {
    .site-footer:after {
        display:block
    }
}

.site-footer.-animated:after {
    width: 208px
}

@media (min-width: 1100px) {
    .site-footer {
        padding-block:2rem 1.25rem
    }
}

.site-footer-top {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    grid-column: main;
    padding-bottom: 2rem
}

@media (min-width: 1100px) {
    .site-footer-top {
        flex-direction:row;
        justify-content: space-between;
        margin-inline:-50px;padding-bottom: 3.25rem
    }
}

.site-footer .logo {
    margin-bottom: 2rem;
    max-width: 315px
}

@media (min-width: 768px) {
    .site-footer .logo {
        margin-bottom:1.5rem
    }
}

@media (min-width: 1100px) {
    .site-footer .logo {
        margin-bottom:2.5rem
    }
}

.site-footer-social {
    max-width: 300px;
    width: 100%
}

.site-footer-social ul {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.site-footer-social a {
    color: #fff;
    font-size: 1.5rem;
    height: 40px;
    width: 40px
}

.site-footer-social a:hover {
    color: #9a43a2
}

.site-footer-nav {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%
}

@media (min-width: 768px) {
    .site-footer-nav {
        flex-direction:row;
        max-width: unset
    }
}

@media (min-width: 1100px) {
    .site-footer-nav {
        max-width:1000px;
        padding-top: 4rem
    }
}

.site-footer-nav .column {
    width: 100%
}

.site-footer-nav .column .column-title {
    border-bottom: 1px solid #d8d8d866;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: 1.43px;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    padding-bottom: .5rem;
    text-transform: uppercase
}

.site-footer-nav .column ul {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.site-footer-nav .column li a {
    color: inherit;
    font-size: 1.125rem;
    line-height: 1;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 6px
}

.site-footer-nav .column li a:hover {
    text-decoration-color: #ffc301
}

.site-footer-bottom {
    border-top: 1px solid #d8d8d866;
    grid-column: full;
    padding-top: 1rem
}

@media (min-width: 768px) {
    .site-footer-bottom {
        padding-top:1.25rem
    }
}

.site-footer-bottom-inner {
    display: flex;
    flex-direction: column;
    grid-column: main
}

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

.site-footer-bottom nav {
    margin-bottom: .5rem
}

.site-footer-bottom nav ul {
    display: flex;
    gap: 1rem
}

.site-footer-bottom nav li a {
    color: inherit;
    font-size: .875rem;
    text-decoration: underline
}

.site-footer-bottom nav li a:hover {
    text-decoration-color: #0000
}

.site-footer-copyright {
    font-size: .875rem
}

.hamburger-menu {
    -webkit-overflow-scrolling: touch;
    background-color: #f7f7f8;
    box-shadow: 0 13px 24px 0 #1e1e1e80;
    height: 100vh;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.75rem 2rem 6.25rem;
    position: fixed;
    right: -310px;
    top: 0;
    transition: right .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;
    visibility: hidden;
    width: 328px;
    z-index: 100
}

@media (min-width: 500px) {
    .hamburger-menu {
        right:-450px;
        width: 430px
    }
}

@media (min-width: 1000px) {
    .hamburger-menu {
        display:none
    }
}

html[data-menu=open] .hamburger-menu {
    opacity: 1;
    right: 0;
    visibility: visible
}

@media (max-width: 767px) {
    .hamburger-menu[data-level="2"] .inner {
        padding-bottom:0
    }
}

.hamburger-menu[data-level="2"] .menu-back {
    display: flex;
    opacity: 1;
    visibility: visible
}

.hamburger-menu[data-level="2"] .membership,.hamburger-menu[data-level="2"] .nav-main,.hamburger-menu[data-level="2"] .nav-utility {
    transform: translateX(-286px)
}

@media (min-width: 500px) {
    .hamburger-menu[data-level="2"] .membership,.hamburger-menu[data-level="2"] .nav-main,.hamburger-menu[data-level="2"] .nav-utility {
        transform:translateX(-388px)
    }
}

.hamburger-menu .inner {
    overflow: hidden;
    position: relative
}

.hamburger-menu .menu-header {
    align-items: center;
    border-bottom: 1px solid #cfcfcf;
    display: flex;
    padding-bottom: 1.25rem
}

.hamburger-menu .menu-header .home-btn {
    margin-right: auto
}

.hamburger-menu .menu-header .home-btn span {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.4
}

.hamburger-menu .menu-header .home-btn span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e907";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .125rem;
    text-transform: none
}

.hamburger-menu .menu-header .site-header-search .searchbar-container {
    right: 0
}

.hamburger-menu .menu-header .site-header-search .searchbar-container[aria-hidden=false] {
    grid-template-columns: 204px
}

@media (min-width: 500px) {
    .hamburger-menu .menu-header .site-header-search .searchbar-container[aria-hidden=false] {
        grid-template-columns:306px
    }
}

.hamburger-menu .menu-header .site-header-search input[type=search] {
    font-size: 1rem;
    max-height: 44px;
    padding-inline:.5rem 3rem}

.hamburger-menu .menu-header .site-header-search .submit {
    width: 44px
}

.hamburger-menu .menu-header .site-header-search .search-toggle-btn {
    background-color: #ffc301;
    height: 44px;
    width: 44px
}

.hamburger-menu .menu-header .site-header-search .search-toggle-btn:hover {
    background-color: #9a43a2
}

.hamburger-menu .menu-header .menu-close {
    align-items: center;
    background-color: #eaf2f6;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: 1rem;
    transition: .15s ease-in-out;
    width: 44px
}

.hamburger-menu .menu-header .menu-close:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: inline-block;
    font-family: icomoon!important;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.hamburger-menu .menu-header .menu-close:hover {
    background-color: #9a43a2;
    color: #fff
}

.hamburger-menu .menu-back {
    align-items: center;
    color: #0c1742;
    display: none;
    font-size: .875rem;
    line-height: 1.4;
    margin-block:1.25rem;opacity: 0;
    transition: .3s ease-in-out;
    visibility: hidden
}

.hamburger-menu .menu-back:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 1.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 0;
    line-height: 1;
    position: relative;
    text-transform: none;
    transform: rotate(90deg);
    transition: .15s ease-in-out
}

.hamburger-menu .menu-back:hover:before {
    color: #ffc301;
    left: -3px
}

.hamburger-menu .nav-main {
    margin-bottom: 1.5rem;
    transform: translateX(0);
    transition: .3s ease-in-out
}

.hamburger-menu .nav-main>li {
    border-bottom: 1px solid #cacaca;
    display: flex
}

.hamburger-menu .nav-main-link {
    color: #000;
    flex: 1 1 0%;
    font-size: 1.1875rem;
    letter-spacing: .01875rem;
    line-height: 2.2105263158;
    padding: 9px 0
}

.hamburger-menu .nav-main-link[aria-current=page] {
    color: green
}

.hamburger-menu .nav-main-next {
    color: #0c1742;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.1;
    padding-block:1.25rem;width: 100%
}

.hamburger-menu .nav-main-next:hover .arrow {
    background-color: #9a43a2;
    color: #fff
}

.hamburger-menu .nav-main-next .arrow {
    align-items: center;
    background-color: #ffc301;
    display: flex;
    height: 26px;
    justify-content: center;
    transition: .15s ease-in-out;
    width: 26px
}

.hamburger-menu .nav-main-next .arrow:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    transform: rotate(-90deg)
}

.hamburger-menu .nav-main-panel {
    left: calc(100% + 22px);
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: -1
}

.hamburger-menu .nav-main-panel[aria-hidden=false] {
    opacity: 1;
    z-index: 2
}

.hamburger-menu .nav-main-panel .-arrow {
    display: inline-block;
    margin-bottom: 2rem
}

.hamburger-menu .nav-main-panel .column {
    margin-bottom: 2.5rem
}

.hamburger-menu .nav-main-panel .column-title {
    border-bottom: 1px solid #cfcfcf;
    color: #626262;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: 1.43px;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    padding-bottom: .25rem;
    text-transform: uppercase
}

.hamburger-menu .nav-main-panel .column ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.hamburger-menu .nav-main-panel .column .mobile-link {
    text-decoration: underline;
    text-decoration-color: #0000;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px
}

.hamburger-menu .nav-main-panel .column .mobile-link:hover {
    text-decoration-color: #ffc301
}

.hamburger-menu .nav-utility {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
    transition: .3s ease-in-out
}

.hamburger-menu .nav-utility a:not(.cart-link a) {
    font-size: 1.125rem;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 3px
}

.hamburger-menu .nav-utility a:not(.cart-link a):hover {
    text-decoration-color: #ffc301
}

.hamburger-menu .nav-utility .cart-link a {
    font-size: 1.125rem
}

.hamburger-menu .membership {
    transition: .3s ease-in-out
}

.hamburger-menu .membership .membership-links a {
    width: 100%
}

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

.membership .membership-links {
    display: flex
}

.membership .membership-links .join-btn,.membership .membership-links .login-btn {
    font-size: .875rem;
    padding: 1.25rem 1.5rem
}

.membership .membership-links .join-btn:after,.membership .membership-links .login-btn:after {
    display: none
}

.membership .membership-links .login-btn {
    background-color: #0c1742;
    color: #fff
}

.membership .membership-links .login-btn:hover {
    background-color: #9a43a2;
    color: #fff
}

.membership .membership-links .join-btn:hover {
    background-color: #006bb6;
    color: #fff
}

.membership .member-logged-in,.membership .non-member-logged-in {
    position: relative
}

.membership .member-logged-in .account-btn,.membership .member-logged-in .account-header,.membership .non-member-logged-in .account-btn,.membership .non-member-logged-in .account-header {
    background-color: #0c1742;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 1.25rem 1.5rem
}

.membership .member-logged-in .account-btn:hover,.membership .member-logged-in .account-header:hover,.membership .non-member-logged-in .account-btn:hover,.membership .non-member-logged-in .account-header:hover {
    background-color: #9a43a2;
    color: #fff
}

.membership .member-logged-in .account-btn:hover span:before,.membership .member-logged-in .account-header:hover span:before,.membership .non-member-logged-in .account-btn:hover span:before,.membership .non-member-logged-in .account-header:hover span:before {
    scale: 1.4
}

.membership .member-logged-in .account-btn span,.membership .member-logged-in .account-header span,.membership .non-member-logged-in .account-btn span,.membership .non-member-logged-in .account-header span {
    align-items: center;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem
}

.membership .member-logged-in .account-btn span:before,.membership .member-logged-in .account-header span:before,.membership .non-member-logged-in .account-btn span:before,.membership .non-member-logged-in .account-header span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e908";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 1.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .15s ease-in-out
}

.membership .member-logged-in .account-header,.membership .non-member-logged-in .account-header {
    pointer-events: none
}

.membership .member-logged-in .account-header span:before,.membership .non-member-logged-in .account-header span:before {
    font-size: 1.125rem
}

.membership .member-logged-in .account-header+.account-dropdown,.membership .non-member-logged-in .account-header+.account-dropdown {
    align-items: flex-start;
    opacity: 1;
    pointer-events: auto;
    position: static;
    transform: translateY(0);
    visibility: visible
}

.membership .member-logged-in .account-dropdown,.membership .non-member-logged-in .account-dropdown {
    align-items: flex-end;
    background-color: #eaf2f6;
    display: flex;
    flex-direction: column;
    min-width: max-content;
    opacity: 0;
    padding: 1.25rem 1.5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(16px);
    transition: .3s ease-in-out;
    visibility: hidden
}

.membership .member-logged-in .account-dropdown[aria-hidden=false],.membership .non-member-logged-in .account-dropdown[aria-hidden=false] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible
}

.membership .member-logged-in .account-dropdown .member-id,.membership .non-member-logged-in .account-dropdown .member-id {
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: 1.54px;
    line-height: 1.4;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.membership .member-logged-in .account-dropdown a:not(:last-child),.membership .non-member-logged-in .account-dropdown a:not(:last-child) {
    margin-bottom: 1rem
}

.membership .member-logged-in .account-dropdown .account-option-btn,.membership .non-member-logged-in .account-dropdown .account-option-btn {
    background-color: #ffc301;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .28px;
    line-height: 1;
    padding: .75rem 1.25rem;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.membership .member-logged-in .account-dropdown .account-option-btn:hover,.membership .non-member-logged-in .account-dropdown .account-option-btn:hover {
    background-color: #006bb6;
    color: #fff
}

.site-header-search {
    display: flex;
    position: relative
}

.site-header-search .searchbar-container {
    display: grid;
    grid-template-columns: 0;
    overflow: hidden;
    position: absolute;
    right: calc(100% + 12px);
    transition: .3s ease-in-out
}

@media (min-width: 1000px) and (max-width:1499px) {
    .site-header-search .searchbar-container {
        top:-16px
    }
}

.site-header-search .searchbar-container[aria-hidden=false] {
    grid-template-columns: 700px
}

.site-header-search form input[type=search] {
    padding-right: 60px
}

.site-header-search form input[type=search]:focus {
    background-color: #eaf2f6;
    border-color: #b9b9b9;
    outline: none
}

.site-header-search form .submit {
    background-color: #ffc301;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.site-header-search .search-toggle-btn:before,.site-header-search form .submit:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0c1742;
    content: "\e904";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.site-header-search .search-toggle-btn:before {
    transition: .15s ease-in-out
}

.site-header-search .search-toggle-btn:hover:before {
    color: #fff
}

@media (min-width: 1500px) {
    .site-header-search .search-toggle-btn {
        background-color:#eaf2f6;
        height: 50px;
        width: 50px
    }

    .site-header-search .search-toggle-btn:hover {
        background-color: #9a43a2
    }

    .site-header-search .search-toggle-btn:hover:before {
        color: #eaf2f6
    }
}

.site-header-search .search-toggle-btn[aria-expanded=true]:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.site-header {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    position: relative;
    z-index: 999
}

@media (min-width: 1000px) {
    .site-header {
        display:block;
        padding: 0
    }
}

.site-header .main-nav {
    column-gap: .5rem;
    display: flex;
    grid-column: full;
    justify-content: flex-end;
    position: relative;
    row-gap: 1rem
}

@media (min-width: 1000px) {
    .site-header .main-nav {
        padding:1.5rem 2.5rem
    }
}

@media (min-width: 1500px) {
    .site-header .main-nav {
        column-gap:1.75rem;
        justify-content: space-between;
        padding: 1.75rem 2.5rem
    }
}

.site-header .main-nav-blocker {
    position: absolute
}

@media (max-width: 999px) {
    .site-header .main-nav .main-nav-blocker {
        background:#0c174200;
        content: "";
        cursor: pointer;
        height: calc(100% + 48px);
        left: -32px;
        pointer-events: none;
        top: -24px;
        transition: .3s ease-in-out;
        visibility: hidden;
        width: calc(100vw - 15px);
        z-index: 1
    }
}

@media (max-width: 999px) and (min-width:1000px) {
    .site-header .main-nav .main-nav-blocker {
        height:calc(100% + 55px);
        top: -55px
    }
}

html[data-menu=open] .site-header .main-nav-blocker {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0c1742bf;
    pointer-events: all;
    visibility: visible
}

.site-header .main-nav .logo {
    max-width: 196px
}

@media (min-width: 500px) {
    .site-header .main-nav .logo {
        max-width:262px
    }
}

@media (min-width: 1000px) and (max-width:1499px) {
    .site-header .main-nav .logo {
        display:none
    }
}

.site-header .main-nav .links-search-container {
    display: none
}

@media (min-width: 1000px) {
    .site-header .main-nav .links-search-container {
        align-items:center;
        display: flex;
        gap: 1rem
    }
}

.site-header .main-nav-links {
    position: relative;
    transition: .3s ease-in-out
}

.site-header .main-nav-links[data-state=open] .dropdown-arrow {
    display: block
}

.site-header .main-nav-links[aria-hidden=true] {
    opacity: 0;
    visibility: hidden
}

.site-header .main-nav-links #hover-accent {
    background-color: #9a43a2;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s ease-in-out
}

.site-header .main-nav-links>ul {
    display: flex;
    gap: .25rem
}

@media (min-width: 1200px) {
    .site-header .main-nav-links>ul {
        gap:1.25rem
    }
}

.site-header .main-nav-item button {
    align-items: center;
    color: #0c1742;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    padding: .375rem;
    position: relative;
    white-space: nowrap
}

.site-header .main-nav-item button:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    margin-left: 2px;
    text-transform: none;
    transition: transform .15s ease-in-out
}

@media (min-width: 1500px) {
    .site-header .main-nav-item button {
        font-size:1.125rem
    }
}

.site-header .main-nav-item button[aria-expanded=true] {
    background-color: #fff;
    color: #9a43a2!important
}

.site-header .main-nav-item button[aria-expanded=true]:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transform: rotate(-180deg)
}

.site-header .main-nav .dropdown-arrow {
    background-color: #9a43a2;
    -webkit-clip-path: polygon(50% 0,0 100%,100% 100%);
    clip-path: polygon(50% 0,0 100%,100% 100%);
    display: none;
    height: 7px;
    position: absolute;
    top: calc(100% + 18px);
    transition: left .3s ease-in-out;
    width: 14px
}

@media (min-width: 1500px) {
    .site-header .main-nav .dropdown-arrow {
        top:calc(100% + 22px)
    }
}

.site-header .main-nav-dropdown-container {
    box-shadow: 0 10px 50px 0 #0000001a;
    position: absolute;
    top: calc(100% + 24px);
    transition: .3s ease-in-out
}

@media (min-width: 1500px) {
    .site-header .main-nav-dropdown-container {
        top:calc(100% + 28px)
    }
}

.site-header .main-nav .dropdown {
    background-color: #fff;
    border-top: 3px solid #9a43a2;
    display: none;
    min-width: 300px;
    padding: 1.75rem 2rem
}

.site-header .main-nav .dropdown.-columns .primary-link,.site-header .main-nav .dropdown.-featured .primary-link {
    margin-bottom: 32px
}

.site-header .main-nav .dropdown.-columns .columns,.site-header .main-nav .dropdown.-featured .columns {
    display: flex;
    gap: 3.75rem;
    justify-content: space-between
}

.site-header .main-nav .dropdown.-columns .columns .column-title,.site-header .main-nav .dropdown.-featured .columns .column-title {
    border-bottom: 1px solid #d8d8d8;
    color: #626262;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 24px;
    padding-bottom: 8px;
    text-transform: uppercase
}

.site-header .main-nav .dropdown.-columns .columns .column-links ul,.site-header .main-nav .dropdown.-featured .columns .column-links ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.site-header .main-nav .dropdown.-columns .columns a,.site-header .main-nav .dropdown.-featured .columns a {
    white-space: nowrap
}

.site-header .main-nav .dropdown .sub-nav-link a {
    color: inherit;
    font-size: 1.125rem;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px
}

.site-header .main-nav .dropdown .sub-nav-link a:hover {
    text-decoration-color: #ffc301
}

.site-header .utility-nav {
    display: none;
    grid-column: full
}

@media (min-width: 1000px) {
    .site-header .utility-nav {
        align-items:center;
        display: flex;
        gap: 1.5rem;
        justify-content: flex-end;
        padding: 1.5rem 2.5rem 0
    }
}

@media (min-width: 1500px) {
    .site-header .utility-nav {
        border-bottom:1px solid #eaf2f6;
        padding: 0
    }

    .site-header .utility-nav .logo {
        display: none
    }
}

.site-header .utility-nav .logo {
    margin-right: auto;
    max-width: 228px
}

.site-header .utility-nav a:not(.cart-link a,.login-btn,.join-btn,.account-option-btn) {
    font-size: .875rem;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #0000;
    text-underline-offset: 3px
}

.site-header .utility-nav a:not(.cart-link a,.login-btn,.join-btn,.account-option-btn):hover {
    text-decoration-color: #ffc301
}

.site-header .utility-nav ul {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end
}

.site-header .menu-open {
    align-self: center;
    background-color: #eaf2f6;
    height: 44px;
    width: 44px
}

.site-header .menu-open:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0c1742;
    content: "\e906";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .15s ease-in-out
}

.site-header .menu-open:hover {
    background-color: #9a43a2
}

.site-header .menu-open:hover:before {
    color: #fff
}

@media (min-width: 1000px) {
    .site-header .menu-open {
        display:none;
        visibility: hidden
    }
}

.site-header .cart-link {
    position: relative
}

.site-header .cart-link .cart-item-count {
    align-items: center;
    background-color: #d61111;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: .5625rem;
    font-weight: 700;
    height: 16px;
    justify-content: center;
    left: 6px;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    top: -6px;
    width: 16px;
    z-index: 1
}

.site-header .cart-link a {
    font-size: .875rem;
    text-decoration: none
}

.site-header .cart-link a span {
    align-items: center;
    display: flex;
    position: relative
}

.site-header .cart-link a span:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .15s ease-in-out
}

.site-header .cart-link a:hover,.site-header .cart-link a:hover span:before {
    color: #9a43a2
}

.site-header .featured-item {
    min-width: 265px
}

.site-header .featured-item>div {
    margin-bottom: 1.5rem;
    overflow: hidden;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.site-header .featured-item>div.js-link-event:hover img {
    scale: 1.1
}

.site-header .featured-item>div.js-link-event:hover:before {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #0009
}

.site-header .featured-item>div:before {
    background-color: #00000080;
    content: "";
    inset: 0;
    position: absolute;
    transition: .15s ease-in-out;
    z-index: 1
}

.site-header .featured-item>div .details {
    bottom: 20px;
    color: #fff;
    left: 20px;
    position: absolute;
    right: 20px;
    z-index: 2
}

.site-header .featured-item>div .details a {
    color: inherit;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .5rem
}

.site-header .featured-item>div .details .featured-text {
    font-size: .875rem;
    line-height: 1.3
}

.site-header .featured-item>div img {
    transition: .15s ease-in-out;
    width: 100%
}

.social-share {
    display: none
}

@media (min-width: 1000px) {
    .social-share {
        display:block
    }
}

.kss-body .social-share {
    display: block!important;
    position: static!important
}

.social-share-services li+li {
    margin-top: 10px
}

.social-share-services li a,.social-share-services li button {
    color: #000;
    font-size: 1.125rem
}

.social-share-services li a:before,.social-share-services li button:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.social-share-services li a[data-service=facebook]:before,.social-share-services li button[data-service=facebook]:before {
    content: "\e90a"
}

.social-share-services li a[data-service=facebook]:hover,.social-share-services li button[data-service=facebook]:hover {
    color: sm-color(facebook)
}

.social-share-services li a[data-service=twitter]:before,.social-share-services li button[data-service=twitter]:before {
    content: ""
}

.social-share-services li a[data-service=twitter]:hover,.social-share-services li button[data-service=twitter]:hover {
    color: sm-color(twitter)
}

.social-share-services li a[data-service=linkedin]:before,.social-share-services li button[data-service=linkedin]:before {
    content: "\e90e"
}

.social-share-services li a[data-service=linkedin]:hover,.social-share-services li button[data-service=linkedin]:hover {
    color: sm-color(linkedin)
}

.social-share-services li a[data-service=email]:before,.social-share-services li button[data-service=email]:before {
    content: ""
}

.social-share-services li a[data-service=email]:hover,.social-share-services li button[data-service=email]:hover {
    color: sm-color(email)
}

.sponsor-with-logo {
    align-items: center;
    border: 2px solid #eaf2f6;
    border-left: 6px solid #ffc301;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: main;
    justify-content: space-between;
    margin-bottom: clamp(48px,8vw,120px);
    padding: 1.5rem 1.5rem 2.25rem
}

@media (min-width: 600px) {
    .sponsor-with-logo {
        flex-direction:row-reverse;
        padding: 1.5rem
    }
}

@media (min-width: 768px) {
    .sponsor-with-logo {
        padding:2.75rem
    }
}

.sponsor-with-logo .eyebrow {
    margin-bottom: .5rem
}

.sponsor-with-logo h2 {
    color: #081e7c;
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif;
    margin-bottom: 1rem
}

.sponsor-with-logo .wysiwyg-content {
    margin-bottom: 1.25rem;
    max-width: 800px
}

.sponsor-with-logo .wysiwyg-content p {
    letter-spacing: -.18px
}

.sponsor-with-logo a {
    color: #081e7c;
    font-weight: 600;
    margin-top: 1.25rem
}

.sponsor-with-logo .logo {
    max-width: 266px
}

.stat-grid {
    grid-column: full;
    isolation: isolate;
    margin-bottom: clamp(48px,8vw,120px);
    overflow: hidden;
    position: relative
}

.stat-grid[data-theme=dark] {
    padding-top: 2.25rem
}

@media (min-width: 768px) {
    .stat-grid[data-theme=dark] {
        padding-top:3.75rem
    }

    .stat-grid[data-theme=dark]:after {
        background-color: #fff;
        border-left: 60px solid #9a43a280;
        content: "";
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        transition: 1s ease-in-out;
        width: 0
    }
}

.stat-grid[data-theme=dark] .intro {
    color: #fff;
    margin-inline:unset;max-width: 800px
}

.stat-grid[data-theme=dark] .intro h2 {
    color: #fff
}

.stat-grid[data-theme=dark] .stats {
    background-color: #fff;
    padding-block:2rem 0}

@media (min-width: 768px) {
    .stat-grid[data-theme=dark] .stats {
        padding-block:4.25rem 2.75rem
    }
}

.stat-grid[data-theme=dark] .stats .striped-accent {
    content: "";
    grid-column: full;
    height: 0;
    position: absolute;
    right: -36px;
    top: -36px;
    transition: .8s ease-in-out;
    transition-delay: .2s;
    width: 110px;
    z-index: -1
}

.stat-grid[data-theme=dark] .stats .striped-accent.-animated {
    height: 110px
}

@media (min-width: 768px) {
    .stat-grid[data-theme=dark] .stats .striped-accent {
        height:0;
        width: 150px
    }

    .stat-grid[data-theme=dark] .stats .striped-accent.-animated {
        height: 150px
    }
}

.stat-grid[data-theme=dark] .stats>div {
    grid-column: main
}

.stat-grid.-animated:after {
    width: 400px
}

@media (max-width: 767px) {
    .stat-grid[data-count="2"] .stat:nth-child(2) {
        border-top:1px solid #70d6ff;
        margin-top: 2rem;
        padding-top: 2rem
    }

    .stat-grid[data-count="3"] .stat:nth-child(2) {
        border-bottom: 1px solid #70d6ff;
        border-top: 1px solid #70d6ff;
        margin-block:2rem;padding-block:2rem}
}

@media (min-width: 768px) {
    .stat-grid[data-count="2"] .stat:nth-child(2) {
        border-left:1px solid #70d6ff;
        margin-left: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width: 768px) and (min-width:1000px) {
    .stat-grid[data-count="2"] .stat:nth-child(2) {
        margin-left:3rem;
        padding-left: 3rem
    }
}

@media (min-width: 768px) {
    .stat-grid[data-count="3"] .stat:nth-child(2) {
        border-left:1px solid #70d6ff;
        border-right: 1px solid #70d6ff;
        margin-inline:1.5rem;padding-inline:1.5rem}
}

@media (min-width: 768px) and (min-width:1000px) {
    .stat-grid[data-count="3"] .stat:nth-child(2) {
        margin-inline:3rem;
        padding-inline:3rem}
}

.stat-grid .inner {
    grid-column: main
}

.stat-grid .intro {
    margin-inline:auto;max-width: 800px
}

@media (max-width: 1099px) {
    .stat-grid .intro {
        margin-bottom:3.25rem
    }
}

.stat-grid .stats {
    background-color: #fff;
    position: relative
}

.stat-grid .stats>div {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .stat-grid .stats>div {
        flex-direction:row;
        justify-content: center
    }
}

.stat-grid .stat {
    flex: 1
}

.stat-grid .stat h3 {
    color: #081e7c;
    font-size: 4.375rem;
    font-weight: 600;
    line-height: .8
}

.story-picker-content {
    background-color: #eaf2f6;
    height: 100%;
    isolation: isolate;
    padding: 2rem 1rem 0;
    position: relative
}

@media (min-width: 1100px) {
    .story-picker-content {
        display:none;
        padding-left: 2.75rem;
        padding-top: 2.5rem;
        visibility: hidden
    }

    .story-picker-content[aria-hidden=false] {
        display: flex;
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .story-picker-content {
        padding-left:4rem
    }
}

.story-picker-content>* {
    flex: 1
}

.story-picker-content .content-details {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 2.5rem
}

.story-picker-content .eyebrow {
    display: none
}

@media (min-width: 1100px) {
    .story-picker-content .eyebrow {
        display:block
    }
}

.story-picker-content .h3 {
    color: #081e7c;
    font-weight: 400
}

@media (max-width: 799px) {
    .story-picker-content .h3 {
        font-size:1.25rem!important
    }
}

@media (min-width: 800px) and (max-width:1199px) {
    .story-picker-content .h3 {
        font-size:1.5rem!important
    }
}

@media (min-width: 1100px) {
    .story-picker-content .h3 {
        margin-right:-240px
    }
}

@media (min-width: 1500px) {
    .story-picker-content .h3 {
        margin-right:-100px
    }
}

.story-picker-content .image-container {
    align-items: flex-end;
    display: flex;
    margin-inline:auto;max-width: 500px;
    position: relative;
    width: 100%
}

@media (min-width: 1100px) {
    .story-picker-content .image-container {
        margin-inline:0;
        padding-right: 2rem
    }
}

.story-picker-content .image {
    align-items: flex-end;
    display: flex;
    height: 420px;
    position: relative;
    width: 100%
}

@media (min-width: 1400px) {
    .story-picker-content .image {
        height:100%;
        max-height: 520px
    }
}

@media (min-width: 1500px) {
    .story-picker-content .image {
        max-height:640px
    }
}

.story-picker-content .image img {
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    width: 100%
}

.story-picker-content .small-accent {
    background-color: #8c99cf;
    content: "";
    height: 52px;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 30%;
    transition: 1s cubic-bezier(.69,.01,.18,.99);
    width: 52px
}

.story-picker-content .small-accent:after {
    background-color: #70d6ff;
    content: "";
    height: 36px;
    opacity: .5;
    position: absolute;
    right: -36px;
    top: -36px;
    transition: 1s cubic-bezier(.69,.01,.18,.99);
    transition-delay: .6s;
    width: 36px
}

.story-picker-content .accent-grid {
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(4,46px);
    grid-template-rows: repeat(3,46px);
    position: absolute;
    right: -1rem
}

@media (min-width: 500px) {
    .story-picker-content .accent-grid {
        grid-template-columns:repeat(4,100px);
        grid-template-rows: repeat(3,100px);
        right: -50px
    }
}

.story-picker-content .accent-grid>div {
    transition: 1s cubic-bezier(.69,.01,.18,.99)
}

.story-picker-content .accent-grid>div .aqua-opacity,.story-picker-content .accent-grid>div .gradient,.story-picker-content .accent-grid>div .purple,.story-picker-content .accent-grid>div .purple-opacity {
    width: 46px
}

@media (min-width: 500px) {
    .story-picker-content .accent-grid>div .aqua-opacity,.story-picker-content .accent-grid>div .gradient,.story-picker-content .accent-grid>div .purple,.story-picker-content .accent-grid>div .purple-opacity {
        width:100px
    }
}

.story-picker-content .accent-grid>div .aqua-lines,.story-picker-content .accent-grid>div .purple-lines {
    height: 46px
}

@media (min-width: 500px) {
    .story-picker-content .accent-grid>div .aqua-lines,.story-picker-content .accent-grid>div .purple-lines {
        height:100px
    }
}

.story-picker-content .accent-grid>div.aqua-opacity {
    background-color: #70d6ff;
    grid-area: 1/4/2/5;
    opacity: .5
}

.story-picker-content .accent-grid>div.gradient {
    grid-area: 2/3/3/4;
    opacity: .8
}

.story-picker-content .accent-grid>div.purple {
    background-color: #9a43a2;
    grid-area: 3/4/4/5
}

.story-picker-content .accent-grid>div.purple-opacity {
    background-color: #9a43a2;
    grid-area: 3/1/4/2;
    opacity: .5
}

.story-picker-content .accent-grid>div.aqua-lines {
    background-image: linear-gradient(90deg,#70d6ff 11.11%,#0000 0,#0000 50%,#70d6ff 0,#70d6ff 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    grid-area: 3/3/4/4;
    transition-delay: .4s;
    width: 46px;
    z-index: -1
}

@media (min-width: 500px) {
    .story-picker-content .accent-grid>div.aqua-lines {
        width:100px
    }
}

.story-picker-content .accent-grid>div.purple-lines {
    background-image: linear-gradient(90deg,#9a43a2 11.11%,#0000 0,#0000 50%,#9a43a2 0,#9a43a2 61.11%,#0000 0,#0000);
    background-size: 18px 18px;
    grid-area: 3/2/4/3;
    transition-delay: 1s
}

.story-picker-content .link-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.story-picker-content .link-list a {
    color: #081e7c;
    font-size: 1rem;
    font-weight: 600
}

.story-picker-content .quote {
    padding-top: 1.5rem;
    position: relative
}

.story-picker-content .quote:before {
    background-color: #626262;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 74px
}

.story-picker-content .quote blockquote {
    font-weight: 500;
    margin-bottom: .25rem
}

.story-picker-content .quote cite {
    font-style: normal
}

@media (min-width: 1100px) {
    .story-picker-mobile {
        display:none
    }
}

.story-picker-mobile .is-accordion {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.story-picker-mobile .is-accordion-trigger {
    border: 1px solid #cfcfcf;
    padding: 2.5rem 1.25rem;
    position: relative
}

.story-picker-mobile .is-accordion-trigger:after {
    background-color: #70d6ff;
    bottom: -1px;
    content: "";
    height: 0;
    left: -1px;
    position: absolute;
    transition: .15s ease-in-out;
    width: calc(100% + 2px)
}

.story-picker-mobile .is-accordion-trigger .trigger {
    color: #081e7c;
    font-size: 1.25rem
}

.story-picker-mobile .is-accordion-trigger:hover,.story-picker-mobile .is-accordion-trigger[aria-expanded=true] {
    background-color: #0c355a;
    border-color: #0000
}

.story-picker-mobile .is-accordion-trigger:hover:after,.story-picker-mobile .is-accordion-trigger[aria-expanded=true]:after {
    height: 4px
}

.story-picker-mobile .is-accordion-trigger:hover .trigger,.story-picker-mobile .is-accordion-trigger[aria-expanded=true] .trigger {
    color: #fff
}

.story-picker-mobile .is-accordion-trigger:hover .is-accordion-trigger-icon svg path,.story-picker-mobile .is-accordion-trigger[aria-expanded=true] .is-accordion-trigger-icon svg path {
    fill: #fff
}

.story-picker-mobile .is-accordion-content {
    font-family: Palanquin,Helvetica Neue,Helvetica,sans-serif
}

.story-picker {
    grid-column: main/full;
    margin-bottom: clamp(48px,8vw,120px);
    overflow: hidden;
    padding-right: 2rem
}

@media (min-width: 1100px) {
    .story-picker {
        padding:0
    }
}

.story-picker .intro {
    max-width: 800px
}

@media (min-width: 1100px) {
    .story-picker .intro {
        padding-right:2rem
    }
}

.story-picker-desktop {
    column-gap: 1.5rem;
    display: none;
    grid-template-columns: calc(30% - 12px) calc(70% - 12px)
}

@media (min-width: 1100px) {
    .story-picker-desktop {
        display:grid
    }
}

.story-picker-tabs {
    display: flex;
    flex-direction: column
}

.story-picker .story-tab {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    left: 0;
    padding: 2rem 1.75rem;
    position: relative;
    text-align: left;
    transition: .15s ease-in-out
}

@media (min-width: 1400px) {
    .story-picker .story-tab {
        gap:2.25rem
    }
}

.story-picker .story-tab:after {
    background-color: #cfcfcf;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: .15s ease-in-out;
    width: 100%
}

.story-picker .story-tab:hover,.story-picker .story-tab[aria-expanded=true] {
    background-color: #0c355a
}

.story-picker .story-tab:hover:after,.story-picker .story-tab[aria-expanded=true]:after {
    background-color: #70d6ff;
    height: 4px
}

.story-picker .story-tab:hover .icon:before,.story-picker .story-tab[aria-expanded=true] .icon:before {
    background-color: #255d83
}

.story-picker .story-tab:hover .icon svg path,.story-picker .story-tab[aria-expanded=true] .icon svg path {
    fill: #70d6ff
}

.story-picker .story-tab:hover h3,.story-picker .story-tab[aria-expanded=true] h3 {
    color: #fff
}

.story-picker .story-tab[aria-expanded=true] {
    left: 24px
}

.story-picker .story-tab .icon {
    aspect-ratio: 1;
    isolation: isolate;
    min-width: 60px;
    position: relative;
    width: 60px
}

@media (min-width: 1400px) {
    .story-picker .story-tab .icon {
        min-width:80px;
        width: 80px
    }
}

.story-picker .story-tab .icon:before {
    aspect-ratio: 1;
    background-color: #eaf2f6;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    width: 45px;
    z-index: -1
}

@media (min-width: 1400px) {
    .story-picker .story-tab .icon:before {
        width:55px
    }
}

.story-picker .story-tab .icon svg {
    max-width: 45px
}

@media (min-width: 1400px) {
    .story-picker .story-tab .icon svg {
        max-width:55px
    }
}

.story-picker .story-tab .icon svg path {
    fill: #495171
}

.story-picker .story-tab .arrow {
    display: none;
    margin-left: auto
}

.story-picker .story-tab .arrow:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 1.75rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transform: rotate(-90deg)
}

@media (min-width: 1400px) {
    .story-picker .story-tab .arrow {
        display:block
    }
}

.story-picker .story-tab h3 {
    color: #081e7c;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0
}

.table {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.table[data-freeze-column=true] table tr td:first-child,.table[data-freeze-column=true] table tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 1
}

.table[data-freeze-column=true] table tr th:first-child {
    z-index: 11
}

.table .table-element {
    overflow-x: auto
}

.table table {
    border-collapse: collapse;
    min-width: 710px;
    table-layout: fixed;
    width: 100%
}

.table table tbody tr td,.table table thead th {
    padding: 0
}

.table table tbody tr td:first-child,.table table thead th:first-child {
    padding-left: 1.25rem
}

.table table tbody tr td:last-child,.table table thead th:last-child {
    padding-right: 1.25rem
}

.table table thead {
    background-color: #fff;
    color: #081e7c;
    position: sticky;
    text-transform: capitalize;
    top: 0;
    z-index: 10
}

.table table thead th {
    background-color: #fff;
    padding-bottom: .75rem;
    padding-inline:.75rem;position: relative;
    text-align: left
}

.table table thead th:after {
    background-color: #081e7c;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.table table tbody tr {
    position: relative;
    transition: .15s ease-in-out
}

.table table tbody tr.hovered td {
    background-color: #cbdee7!important
}

.table table tbody tr:nth-child(odd) td:first-child {
    background-color: #fff
}

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

.table table tbody tr td {
    height: 100%;
    max-width: 200px;
    min-width: 200px;
    padding: 1rem .75rem;
    position: relative;
    transition: .15s ease-in-out
}

.table .caption {
    margin-top: .5rem
}

.p-plus,.p-plus-container {
    position: relative
}

.p-plus {
    display: flex;
    z-index: 0
}

.p-plus--clone {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: calc(100% - 5px)
}

.p-plus--clone,.p-plus--clone .p-plus__primary-wrapper {
    overflow: hidden
}

.p-plus--is-showing-overflow .p-plus__overflow {
    display: block
}

.p-plus:not(.p-plus--is-showing-toggle) .p-plus__toggle-btn {
    display: none
}

.p-plus--is-hiding-primary .p-plus__toggle-btn {
    flex-grow: 1
}

.p-plus--is-hiding-primary .p-plus__primary-wrapper {
    display: none
}

.p-plus__primary-wrapper {
    display: flex;
    flex-grow: 1
}

.p-plus__primary {
    display: flex;
    flex: 1 0 auto;
    list-style: none;
    margin: 0;
    padding: 0
}

.p-plus__primary>li {
    flex: 1 0 auto
}

.p-plus__overflow {
    display: none;
    position: absolute;
    right: 0;
    top: 100%
}

.p-plus__toggle-btn {
    flex-shrink: 0
}

.tabs {
    grid-column: main;
    isolation: isolate;
    position: relative
}

.tabs .intro {
    max-width: 800px
}

.tabs nav {
    border-bottom: 1px solid #cfcfcf;
    isolation: isolate;
    margin-bottom: 2rem;
    position: relative
}

.tabs nav .ghost-indicator,.tabs nav .indicator {
    background-color: #9a43a2;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    transition: .3s ease-in-out
}

.tabs nav .indicator {
    opacity: .2
}

.tabs nav .ghost-indicator {
    z-index: -1
}

.tabs nav.overflow .ghost-indicator,.tabs nav.overflow .indicator {
    display: none
}

.tabs nav.overflow .tab:before {
    display: block!important
}

.tabs .tab-list {
    column-gap: 2.5rem;
    display: flex
}

.tabs .tab-list .tab {
    position: relative
}

.tabs .tab-list .tab .tab-btn {
    color: #081e7c;
    font-weight: 500;
    letter-spacing: -.18px;
    line-height: 1.5;
    padding-bottom: .875rem;
    white-space: nowrap
}

.tabs .tab-list .tab .tab-btn[aria-expanded=true] {
    color: #000
}

.tabs .tab-list .tab .tab-btn span {
    pointer-events: none
}

.tabs .tab-list .tab:before {
    background-color: #9a43a2;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: .15s ease-in-out
}

.tabs .tab-list .tab.active:before {
    opacity: 1
}

.tabs .tab-content-container {
    position: relative;
    z-index: -1
}

.tabs .tab-content-container .tab-content[aria-hidden=true] {
    display: none
}

.tabs .p-plus__primary li {
    flex: unset
}

.tabs .p-plus__primary-wrapper {
    position: relative
}

.tabs .p-plus__toggle-btn {
    align-items: center;
    align-self: flex-start;
    color: #081e7c;
    display: flex;
    font-weight: 600;
    line-height: 1.5;
    padding-inline:1rem;position: relative
}

.tabs .p-plus__toggle-btn:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: -4px;
    text-transform: none;
    top: 30%;
    transition: .15s ease-in-out
}

.tabs .p-plus__toggle-btn:has(+.p-plus__overflow li.active) {
    color: #000
}

.tabs .p-plus__toggle-btn:has(+.p-plus__overflow li.active):before {
    background-color: #9a43a2;
    bottom: -15px;
    content: "";
    height: 4px;
    left: 16px;
    position: absolute;
    right: 16px
}

.tabs .p-plus__toggle-btn[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.tabs .p-plus__overflow {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: 0 0 10px 0 #0000001a;
    display: block;
    padding-block:1rem;transition: .15s ease-in-out
}

.tabs .p-plus__overflow[aria-hidden=true] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.tabs .p-plus__overflow .tab .tab-btn {
    color: #081e7c;
    font-weight: 500;
    padding: .5rem 1.5rem;
    text-align: left;
    width: 100%
}

.tabs .p-plus__overflow .tab .tab-btn:hover span:before {
    opacity: 1
}

.tabs .p-plus__overflow .tab .tab-btn span {
    pointer-events: none;
    position: relative
}

.tabs .p-plus__overflow .tab .tab-btn span:before {
    background-color: #9a43a2;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: .15s ease-in-out
}

.tabs .p-plus__overflow .tab.active .tab-btn span:before {
    opacity: 1
}

.testimonial-slider {
    background-color: #eaf2f6;
    grid-column: full;
    margin-bottom: clamp(48px,8vw,120px);
    overflow: hidden;
    position: relative
}

.testimonial-slider:after {
    background-color: #fff;
    border-left: 64px solid #70d6ff66;
    content: "";
    display: none;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .6s ease-in-out;
    width: 64px
}

@media (min-width: 800px) {
    .testimonial-slider:after {
        display:block
    }
}

.testimonial-slider.-animated:after {
    width: 180px
}

.testimonial-slider .inner {
    grid-column: main;
    padding-block:2.5rem;width: 100%
}

@media (min-width: 800px) {
    .testimonial-slider .inner {
        padding-block:4rem 0
    }
}

.testimonial-slider .intro {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .testimonial-slider .intro {
        max-width:80%
    }
}

@media (min-width: 1200px) {
    .testimonial-slider .intro {
        max-width:60%
    }
}

.testimonial-slider .header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2.5rem
}

@media (min-width: 800px) {
    .testimonial-slider .header {
        align-items:flex-end;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 3.75rem
    }
}

.testimonial-slider .header .content {
    max-width: 800px
}

.testimonial-slider .header .h2 {
    color: #081e7c;
    font-weight: 400;
    margin-bottom: 10px
}

.testimonial-slider .quote-icon {
    margin-left: 1rem;
    position: relative
}

.testimonial-slider .quote-icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #006bb6;
    color: #fff;
    content: "\e90f";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 2.5rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    padding: 1.5rem 1.25rem;
    text-transform: none
}

@media (min-width: 800px) {
    .testimonial-slider .quote-icon {
        margin-left:0
    }
}

.testimonial-slider .navigation {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 30px
}

@media (min-width: 800px) {
    .testimonial-slider .navigation {
        margin-left:auto
    }
}

.testimonial-slider .navigation svg {
    height: 100%;
    width: auto
}

.testimonial-slider .navigation .next,.testimonial-slider .navigation .prev {
    align-items: center;
    border: 1px solid #081e7c;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 7px 0;
    width: 30px
}

.testimonial-slider .navigation .next:before,.testimonial-slider .navigation .prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #081e7c;
    content: "\e903";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.testimonial-slider .navigation .next.slick-disabled,.testimonial-slider .navigation .prev.slick-disabled {
    cursor: not-allowed;
    opacity: .5
}

.testimonial-slider .navigation .prev:before {
    transform: rotate(180deg)
}

.testimonial-slider .testimonial {
    border-left: 1px solid #081e7c;
    display: flex!important;
    flex-direction: column;
    gap: 34px
}

@media (min-width: 800px) {
    .testimonial-slider .testimonial {
        align-items:flex-start;
        border-left: none;
        border-top: 1px solid #081e7c;
        flex-direction: row;
        gap: 56px
    }

    .testimonial-slider .testimonial:not(:has(.testimonial-image)) .testimonial-content {
        margin-bottom: 7.25rem
    }
}

.testimonial-slider .testimonial-image {
    aspect-ratio: 32/45;
    max-width: 185px;
    position: relative
}

.testimonial-slider .testimonial-image:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #081e7c;
    bottom: 0;
    color: #fff;
    content: "\e90f";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 40px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    text-transform: none
}

@media (min-width: 800px) {
    .testimonial-slider .testimonial-image {
        max-width:none;
        min-width: 320px
    }
}

.testimonial-slider .testimonial-image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.testimonial-slider .testimonial-content {
    margin-left: 1rem
}

@media (min-width: 800px) {
    .testimonial-slider .testimonial-content {
        margin:3.25rem 0 5rem
    }
}

.testimonial-slider .testimonial-content div {
    border: none;
    padding-left: 0 0 0 24px
}

@media (min-width: 800px) {
    .testimonial-slider .testimonial-content div {
        padding:24px 0 0
    }
}

.testimonial-slider .testimonial-content p {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 33px
}

@media (min-width: 800px) {
    .testimonial-slider .testimonial-content p {
        font-size:32px;
        line-height: 140%
    }
}

.testimonial-slider .testimonial-content cite {
    color: #222;
    display: block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 160%
}

.testimonial-slider .testimonial-content cite.attribution {
    font-weight: 700
}

.testimonial-slider .testimonial-content cite.attribution:before {
    content: "—";
    display: inline-block;
    margin-right: .25rem
}

.testimonial-slider .testimonial-content a {
    display: inline-block;
    margin-top: 1rem
}

.testimonial-slider .dots .slick-dots {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.testimonial-slider .dots .slick-dots li {
    line-height: 0
}

.testimonial-slider .dots .slick-dots li.slick-active button {
    opacity: 1
}

.testimonial-slider .dots .slick-dots li button {
    background-color: #081e7c;
    font-size: 0;
    height: 8px;
    opacity: .25;
    width: 8px
}

.testimonial-slider .slick-slider {
    isolation: isolate
}

@media (min-width: 800px) {
    .testimonial-slider .slick-slider:before {
        background-color:#fff;
        bottom: 0;
        content: "";
        height: 36px;
        left: -230px;
        position: absolute;
        width: 200vw;
        z-index: -1
    }
}

.topic-card-grid {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

@media (min-width: 768px) {
    .topic-card-grid .intro {
        align-items:center;
        flex-direction: row;
        gap: 2rem;
        justify-content: space-between
    }
}

.topic-card-grid .intro-text {
    max-width: 800px
}

.topic-card-grid .intro a {
    margin-right: 1.25rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.topic-card-grid .topics {
    display: grid;
    gap: .5rem;
    grid-auto-rows: minmax(auto,180px)
}

@media (min-width: 600px) {
    .topic-card-grid .topics {
        grid-auto-rows:minmax(auto,280px);
        grid-template-columns: repeat(5,minmax(172px,1fr))
    }

    .topic-card-grid .topics[data-count="1"],.topic-card-grid .topics[data-count="2"] {
        grid-template-columns: repeat(auto-fill,minmax(280px,1fr))
    }

    .topic-card-grid .topics[data-count="3"],.topic-card-grid .topics[data-count="4"] {
        grid-template-columns: repeat(auto-fit,minmax(172px,1fr))
    }
}

.topic-card-grid .topic {
    height: 100%;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    width: 100%
}

.topic-card-grid .topic.js-link-event:hover .accent {
    inset: 0;
    opacity: .9
}

.topic-card-grid .topic.js-link-event:hover .accent:before,.topic-card-grid .topic.js-link-event:hover:after {
    opacity: 0
}

.topic-card-grid .topic:before {
    background: linear-gradient(180deg,#00000080,#0000);
    content: "";
    inset: 0;
    position: absolute;
    z-index: -2
}

.topic-card-grid .topic:after {
    background-color: #000;
    content: "";
    inset: 0;
    opacity: .2;
    position: absolute;
    transition: .5s ease-in-out;
    z-index: -2
}

.topic-card-grid .topic .accent {
    inset: 0 0 calc(100% - 20px) calc(100% - 20px);
    position: absolute;
    transition: .3s ease-in-out;
    z-index: -1
}

.topic-card-grid .topic .accent:before {
    background-color: #9a43a2;
    content: "";
    inset: 0;
    position: absolute;
    transition: .3s ease-in-out
}

.topic-card-grid .topic-title {
    left: 20px;
    margin: 0;
    position: absolute;
    top: 30px
}

.topic-card-grid .topic-title a {
    color: #fff
}

.topic-card-grid .topic img {
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: -3
}

.two-by-two {
    grid-column: main;
    margin-bottom: clamp(48px,8vw,120px)
}

.two-by-two .title {
    align-items: center;
    display: flex;
    gap: 2rem;
    margin-bottom: 1.75rem
}

@media (min-width: 1000px) {
    .two-by-two .title {
        margin-bottom:2rem
    }
}

.two-by-two .title h2 {
    color: #081e7c;
    margin-bottom: 0;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.two-by-two .title .line {
    background-color: #081e7c;
    display: none;
    height: 1px;
    width: 100%
}

@media (min-width: 500px) {
    .two-by-two .title .line {
        display:block
    }
}

.two-by-two .content-cards {
    display: grid;
    gap: 1.75rem 2rem
}

@media (min-width: 1200px) {
    .two-by-two .content-cards {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (min-width: 1200px) and (min-width:768px) {
    .two-by-two .content-cards {
        gap:3rem 2rem
    }
}

@media (min-width: 1400px) {
    .two-by-two .content-cards {
        column-gap:90px
    }
}

.two-by-two .content-cards .content-card:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .two-by-two .content-cards .content-card:nth-last-child(2) {
        border-bottom:0;
        margin-bottom: 0
    }
}

.two-by-two .content-cards .content-card .image {
    aspect-ratio: 149/85;
    max-width: 298px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width: 600px) {
    .two-by-two .content-cards .content-card .image {
        height:100px;
        max-height: 100px
    }
}

.two-by-two .content-cards .content-card .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.two-by-two .footer {
    align-items: center;
    display: flex;
    gap: 1.75rem
}

.two-by-two .footer span {
    background-color: #081e7c;
    display: none;
    height: 1px;
    width: 100%
}

@media (min-width: 500px) {
    .two-by-two .footer span {
        display:block
    }
}

.two-up-cta {
    background-color: #eaf2f6;
    grid-column: main;
    isolation: isolate;
    margin-bottom: clamp(48px,8vw,120px);
    padding-top: 2.75rem;
    position: relative
}

.two-up-cta:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 112px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.two-up-cta .accent {
    content: "";
    display: none;
    height: 0;
    left: -30px;
    position: absolute;
    top: 27px;
    transition: .5s ease-in-out;
    width: 110px;
    z-index: 1
}

@media (min-width: 900px) {
    .two-up-cta .accent {
        display:block
    }
}

@media (min-width: 1100px) {
    .two-up-cta .accent {
        width:154px
    }
}

.two-up-cta .accent:after {
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: -40px;
    transition: .5s ease-in-out;
    transition-delay: .5s;
    width: 0
}

@media (min-width: 768px) {
    .two-up-cta .accent:after {
        height:60px;
        right: 0;
        top: -60px
    }
}

.two-up-cta .accent.-animated {
    height: 110px
}

@media (min-width: 1100px) {
    .two-up-cta .accent.-animated {
        height:154px
    }
}

.two-up-cta .accent.-animated:after {
    right: -40px;
    width: 40px
}

@media (min-width: 768px) {
    .two-up-cta .accent.-animated:after {
        right:-60px;
        width: 60px
    }
}

.two-up-cta .inner {
    grid-column: main
}

.two-up-cta .intro {
    margin-inline:auto;max-width: 600px
}

.two-up-cta .cards {
    display: flex;
    flex-direction: column;
    gap: 2px
}

@media (min-width: 768px) {
    .two-up-cta .cards {
        flex-direction:row;
        justify-content: center
    }
}

.two-up-cta .card {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    margin-inline:-32px;padding: 2rem 1.5rem;
    text-align: center
}

@media (min-width: 500px) {
    .two-up-cta .card {
        margin:0
    }
}

@media (min-width: 768px) {
    .two-up-cta .card {
        max-width:50%;
        padding: 3rem 2.75rem
    }

    .two-up-cta .card:first-child:not(:has(+.card)) {
        max-width: 75%
    }
}

.two-up-cta .card h3 {
    margin-bottom: .75rem
}


}