@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;700&family=Spectral:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap');

:root {
    --marissa-pink: 245, 156, 169; /* #F59CA9 */
    --marissa-dark-pink: 151, 24, 42; /* #97182 */
    --marissa-white: 245, 243, 245; /* #F5F3F5 */
    --marissa-light-blue: 137, 168, 188; /* #89A8BC */
    --marissa-muted-blue: 42, 69, 84; /* #2A4554 */
    --marissa-dark-blue: 1, 27, 40; /* #011B28 */
    --marissa-text-body: 16px;
    --marissa-text-small: 14px;
    --marissa-text-medium: 18px;
    --marissa-text-buttons: 16px;
    --marissa-h1: 65px;
    --marissa-h2: 48px;
    --marissa-h3: 36px;
    --marissa-h4: 24px;
    --marissa-h5: 18px;
    --marissa-h1-mobile: 40px;
    --marissa-h2-mobile: 32px;
    --marissa-h3-mobile: 24px;
    --marissa-h4-mobile: 20px;
    --marissa-h5-mobile: 16px;
}

body {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: var(--marissa-text-body);
    line-height: 150%;
    color: rgba(var(--marissa-white));
    background-color: rgba(var(--marissa-dark-blue));
}
.font-spectral {
    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 120%;
}

.marissa-text-small {
    font-size: var(--marissa-text-small);
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}
.color-pink {
    color: rgba(var(--marissa-pink));
}
.color-dark-pink {
    color: rgba(var(--marissa-dark-pink));
}
.color-dark-blue {
    color: rgba(var(--marissa-dark-blue));
}
.bg-dark-blue {
    background-color: rgba(var(--marissa-dark-blue)) !important;
}
.bg-muted-blue {
    background-color: rgba(var(--marissa-muted-blue)) !important;
}
.bg-white {
    background-color: rgba(var(--marissa-white)) !important;
}
.opacity-80 {
    opacity: 0.80;
}
h1 {
    font-size: var(--marissa-h1);
}
h2 {
    font-size: var(--marissa-h2);

    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
}
h3 {
    font-size: var(--marissa-h3);

    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
}
h4 {
    font-size: var(--marissa-h4);

    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
}
h5 {
    font-size: var(--marissa-h5);
    color: rgba(var(--marissa-pink));

    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: -0.54px;
    text-transform: uppercase;
}
.article-body h5, .page-body h5 {
    font-size: var(--marissa-h5);

    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
    letter-spacing: unset;
    text-transform: unset;
}
a {
    color: rgba(var(--marissa-white));
}
p {
    padding: 0;
    margin: 0;
}
.flip-y {
    transform: rotateX(180deg);
}
.flip-x {
    transform: rotateY(180deg);
}
h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
.section-sub-heading {
    font-size: var(--marissa-h5);
    color: rgba(var(--marissa-pink));
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.54px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.slick-slide img.logo {
    max-height: 28px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 160px);
}
.container-xl.container-size-lg {
    max-width: 1188px;
}
.container-xl.container-size-md {
    max-width: 888px;
}
section.quotes .quotes-container .container-xl {
    padding: 32px 24px;
}
section.hero .container-xl {
    max-width: 1312px;
}

@media (max-width: 1199.98px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 40px);
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1280px;
    }
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1280px;
    }
}

/* LINES */
.line-top {
    border-top: 2px solid #89A8BC50;
}
.line-bottom {
    border-bottom: 2px solid #89A8BC50;
}
.line-left {
    border-left: 2px solid #89A8BC50;
}
.line-right {
    border-right: 2px solid #89A8BC50;
}

/* BUTTONS */
.btn-cta {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: rgba(var(--marissa-pink));
    color: rgba(var(--marissa-dark-blue));

    font-family: 'Spectral', sans-serif;
    font-size: var(--marissa-text-buttons);
    font-style: italic;
    font-weight: 400;
    line-height: 150%;

    text-decoration: none;
    transition: filter 0.2s ease;
    width: fit-content;
}
.btn-cta:hover {
    filter: brightness(1.2);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.skip-to-content {
    position: absolute;
    top: -100%;
    left: 1rem;
    z-index: 9999;
    padding: 12px 24px;
    background: rgba(var(--marissa-pink));
    color: rgba(var(--marissa-dark-blue));
    font-size: var(--marissa-text-buttons);
    font-weight: 300;
    text-decoration: none;
    letter-spacing: 0.05em;
}
.skip-to-content:focus {
    top: 1rem;
}

/* BG FLIP */
.bg-flipped {
    transform: scaleX(-1);
}

.bg-flipped .container-xl {
    transform: scaleX(-1);
}

/* SECTION SPACER */
.section-spacer .container-xl {
    padding-top: 112px;
}

/* SECTION HEADER */
.section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.section-header .headlines {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.section-header .description {
    text-align: center;
    font-size: var(--marissa-text-medium);
    opacity: 0.8;
}

/* SECTION ARTICLES - BLOG LISTING */
.section-articles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.section-articles .item {
    border-left: 2px solid #89A8BC50;
    border-right: 2px solid #89A8BC50;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.section-articles .item .item-header {
    display: flex;
    padding: 40px 32px 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    flex: 1;
    position: relative;
}
.section-articles .item .item-header .item-category {
    padding: 4px 8px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(var(--marissa-light-blue));
    color: rgba(var(--marissa-dark-blue));
    font-size: var(--marissa-text-small);
    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 150%;
}
.section-articles .item .item-header .item-category a {
    color: inherit;
    text-decoration: none;
}


.section-articles .item .item-header a.item-read-more {
    color: rgba(var(--marissa-pink));
    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    margin-top: auto;

    text-decoration: none;
    transition: filter 0.2s ease;
}
.section-articles .item .item-header a.item-read-more:hover {
    filter: brightness(1.2);
}
.section-articles .item .item-thumbnail {
    background: var(--article-image) center right / cover no-repeat;
    height: 270px;
    width: 100%;
}
/* Every odd row */
.section-articles .item:nth-child(6n + 1),
.section-articles .item:nth-child(6n + 2),
.section-articles .item:nth-child(6n + 3) {
    border-bottom: 2px solid #89A8BC50;
}

/* Every even row */
.section-articles .item:nth-child(6n + 4),
.section-articles .item:nth-child(6n + 5),
.section-articles .item:nth-child(6n + 6) {
    border-top: 2px solid #89A8BC50;
}
/* First column items (1, 4, 7, 10...) */
.section-articles .item:nth-child(3n + 1) {
    border-left: none;
}

/* Third column items (3, 6, 9, 12...) */
.section-articles .item:nth-child(3n) {
    border-right: none;
}

/* SOCIAL ICONS */
.social-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transition: filter 0.2s ease;
}

.social-icon:hover {
    filter: opacity(0.6); /* fades */
}

.social-icon-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z' fill='%23F59CA9'/%3E%3C/svg%3E");
}

.social-icon-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 3.24268H8C5.23858 3.24268 3 5.48126 3 8.24268V16.2427C3 19.0041 5.23858 21.2427 8 21.2427H16C18.7614 21.2427 21 19.0041 21 16.2427V8.24268C21 5.48126 18.7614 3.24268 16 3.24268ZM19.25 16.2427C19.2445 18.0353 17.7926 19.4872 16 19.4927H8C6.20735 19.4872 4.75549 18.0353 4.75 16.2427V8.24268C4.75549 6.45003 6.20735 4.99817 8 4.99268H16C17.7926 4.99817 19.2445 6.45003 19.25 8.24268V16.2427ZM16.75 8.49268C17.3023 8.49268 17.75 8.04496 17.75 7.49268C17.75 6.9404 17.3023 6.49268 16.75 6.49268C16.1977 6.49268 15.75 6.9404 15.75 7.49268C15.75 8.04496 16.1977 8.49268 16.75 8.49268ZM12 7.74268C9.51472 7.74268 7.5 9.7574 7.5 12.2427C7.5 14.728 9.51472 16.7427 12 16.7427C14.4853 16.7427 16.5 14.728 16.5 12.2427C16.5027 11.0484 16.0294 9.90225 15.1849 9.05776C14.3404 8.21327 13.1943 7.74002 12 7.74268ZM9.25 12.2427C9.25 13.7615 10.4812 14.9927 12 14.9927C13.5188 14.9927 14.75 13.7615 14.75 12.2427C14.75 10.7239 13.5188 9.49268 12 9.49268C10.4812 9.49268 9.25 10.7239 9.25 12.2427Z' fill='%23F59CA9'/%3E%3C/svg%3E");
}

.social-icon-x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.1761 4.24268H19.9362L13.9061 11.0201L21 20.2427H15.4456L11.0951 14.6493L6.11723 20.2427H3.35544L9.80517 12.9935L3 4.24268H8.69545L12.6279 9.3553L17.1761 4.24268ZM16.2073 18.6181H17.7368L7.86441 5.78196H6.2232L16.2073 18.6181Z' fill='%23F59CA9'/%3E%3C/svg%3E");
}

.social-icon-linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 3.24268C3.67157 3.24268 3 3.91425 3 4.74268V19.7427C3 20.5711 3.67157 21.2427 4.5 21.2427H19.5C20.3284 21.2427 21 20.5711 21 19.7427V4.74268C21 3.91425 20.3284 3.24268 19.5 3.24268H4.5ZM8.52076 7.2454C8.52639 8.20165 7.81061 8.79087 6.96123 8.78665C6.16107 8.78243 5.46357 8.1454 5.46779 7.24681C5.47201 6.40165 6.13998 5.72243 7.00764 5.74212C7.88795 5.76181 8.52639 6.40728 8.52076 7.2454ZM12.2797 10.0044H9.75971H9.7583V18.5643H12.4217V18.3646C12.4217 17.9847 12.4214 17.6047 12.4211 17.2246C12.4203 16.2108 12.4194 15.1959 12.4246 14.1824C12.426 13.9363 12.4372 13.6804 12.5005 13.4455C12.7381 12.568 13.5271 12.0013 14.4074 12.1406C14.9727 12.2291 15.3467 12.5568 15.5042 13.0898C15.6013 13.423 15.6449 13.7816 15.6491 14.129C15.6605 15.1766 15.6589 16.2242 15.6573 17.2719C15.6567 17.6417 15.6561 18.0117 15.6561 18.3815V18.5629H18.328V18.3576C18.328 17.9056 18.3278 17.4537 18.3275 17.0018C18.327 15.8723 18.3264 14.7428 18.3294 13.6129C18.3308 13.1024 18.276 12.599 18.1508 12.1054C17.9638 11.3713 17.5771 10.7638 16.9485 10.3251C16.5027 10.0129 16.0133 9.81178 15.4663 9.78928C15.404 9.78669 15.3412 9.7833 15.2781 9.77989C14.9984 9.76477 14.7141 9.74941 14.4467 9.80334C13.6817 9.95662 13.0096 10.3068 12.5019 10.9241C12.4429 10.9949 12.3852 11.0668 12.2991 11.1741L12.2797 11.1984V10.0044ZM5.68164 18.5671H8.33242V10.01H5.68164V18.5671Z' fill='%23F59CA9'/%3E%3C/svg%3E");
}

.social-icon-youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.5928 7.20301C21.4789 6.78041 21.2563 6.39501 20.9472 6.08518C20.6381 5.77534 20.2532 5.55187 19.8308 5.43701C18.2648 5.00701 11.9998 5.00001 11.9998 5.00001C11.9998 5.00001 5.73584 4.99301 4.16884 5.40401C3.74677 5.52415 3.36266 5.75078 3.05341 6.06214C2.74415 6.3735 2.52013 6.75913 2.40284 7.18201C1.98984 8.74801 1.98584 11.996 1.98584 11.996C1.98584 11.996 1.98184 15.26 2.39184 16.81C2.62184 17.667 3.29684 18.344 4.15484 18.575C5.73684 19.005 11.9848 19.012 11.9848 19.012C11.9848 19.012 18.2498 19.019 19.8158 18.609C20.2383 18.4943 20.6236 18.2714 20.9335 17.9622C21.2434 17.653 21.4672 17.2682 21.5828 16.846C21.9968 15.281 21.9998 12.034 21.9998 12.034C21.9998 12.034 22.0198 8.76901 21.5928 7.20301ZM9.99584 15.005L10.0008 9.00501L15.2078 12.01L9.99584 15.005Z' fill='%23F59CA9'/%3E%3C/svg%3E");
}

/* TABBED SECTION */
.tabbed-section {
    background-color: rgba(var(--marissa-white));
}
.tabbed-section .tab-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}
.tabbed-section .tab-nav button {
    border: none;
    border-right: 2px solid #89A8BC50;
    border-bottom: 2px solid #89A8BC50;
    background: none;
    padding: 24px 32px;
    margin: 0;
    text-align: left;

    color: rgba(var(--marissa-dark-pink), 0.3);
    font-size: var(--marissa-text-medium);
    letter-spacing: -0.54px;
    text-transform: uppercase;

    transition: filter 0.2s ease, background 0.2s ease;
    cursor: pointer;
}
.tabbed-section .tab-nav button:hover {
    filter: brightness(1.2);
    background: rgba(var(--marissa-light-blue), 0.2);
}
.tabbed-section .tab-nav button:last-child {
    border-right: none;
}
.tabbed-section .tab-nav button.tab-active {
    color: rgba(var(--marissa-dark-pink), 1);
    border-bottom: 2px solid #89A8BC00;
}
.tabbed-section .tabs .tab {
}
.tabbed-section .tabs .tab .content-wrapper {
    display: flex;
    padding: 48px 48px 0 0;
    align-items: center;
    gap: 80px;
    flex: 1 0 0;
}
.tabbed-section .tabs .tab .content-wrapper .image-container {
    width: calc(50% - 40px);
    aspect-ratio: 1 / 1;
    background: var(--marissa-image) center center / cover no-repeat;

    display: flex;
    align-self: stretch;
}
.tabbed-section .tabs .tab .content-wrapper .content-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: center;
    width: calc(50% - 40px);
}
.tabbed-section .tabs .tab .content-wrapper .content-container .title {
    font-size: 36px;
    color: rgba(var(--marissa-dark-blue));
}
.tabbed-section .tabs .tab .content-wrapper .content-container .description {
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: rgba(var(--marissa-dark-blue));
}
/* INFO WITH IMAGE */
section.info-with-image {

}
section.info-with-image .section-spacer.line-bottom .container-xl {
    padding-top: 56px;
}
section.info-with-image .section-spacer.line-top .container-xl {
    padding-top: 80px;
}
.section-spacer.spacer-xs .container-xl {
    padding-top: 15px !important;
}
.section-spacer.spacer-md .container-xl {
    padding-top: 56px !important;
}
.section-spacer.spacer-lg .container-xl {
    padding-top: 112px !important;
}
section.info-with-image .content-wrapper {
    display: flex;
    align-items: center;
    gap: 56px;
}
section.info-with-image .content-wrapper .information {
    padding-left:56px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}
section.info-with-image .content-wrapper .image-container + .information {
    padding-left: 0;
    padding-right: 56px;
}
section.info-with-image .content-wrapper .information h2 {
    line-height: 1;
}
section.info-with-image .content-wrapper .information .description {
    color: rgba(var(--marissa-white), 0.80);
    font-size: var(--marissa-text-medium);
}
section.info-with-image .content-wrapper .image-container {
    min-width: 525px;
    height: 525px;
    background: var(--marissa-image) center center / cover no-repeat;
}
/* SECTION BILLBOARD */
section.billboard-image {
    height: 636px;
    background: var(--marissa-image) center center / cover no-repeat;
}
/* NAV */
header section.nav {
    padding-top: 12px;
    padding-bottom: 12px;
    background: transparent;

    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    transition: background 0.3s ease;
}

header section.nav .nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: transparent;
}
header section.nav img.logo {
    height: 27px;
}
header section.nav .menu {
    display: flex;
    align-items: center;
    gap: 32px;
}
header section.nav .menu a:not(.btn-cta) {
    color: rgba(var(--marissa-white));

    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-decoration: none;
}
header section.nav .menu a:not(.btn-cta):hover {
    color: rgba(var(--marissa-light-blue));
}
button.menu-toggler {
    border: none;
    background: none;
    padding: 17px 6px;
    margin: 0;
    transition: filter 0.2s ease, background 0.2s ease;
}
button.menu-toggler:hover {
    filter: brightness(1.2);
    background: rgba(var(--marissa-light-blue), 0.2);
}


.filter-select {
    /* Layout */
    min-width: 238px;
    height: 51px;
    padding: 0 24px;

    /* Appearance */
    background-color: transparent;
    border: 1px solid rgba(245, 243, 245, 0.25);
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;

    /* Typography */
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 27px */
    letter-spacing: -0.54px;
    text-transform: uppercase;
    font-size: var(--marissa-text-medium);
    color: rgba(var(--marissa-pink));

    /* Custom chevron arrow (pink/coral) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.353516 0.353516L7.85352 7.85352L15.3535 0.353516' stroke='%23F59CA9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 24px center;
}

.filter-select:focus {
    outline: none;
    border-color: rgba(245, 243, 245, 0.6);
}

.filter-select option {
    background-color: #0d2535; /* dark teal to match site bg */
    color: #F5F3F5;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.36px;
}
.custom-select {
    position: relative;
    min-width: 238px;
}

.custom-select__trigger {
    height: 51px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;

    /* Appearance */
    background-color: transparent;
    border: 1px solid rgba(245, 243, 245, 0.25);
    border-radius: 0;

    /* Typography */
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.54px;
    text-transform: uppercase;
    font-size: var(--marissa-text-medium);
    color: rgba(var(--marissa-pink));
}

.custom-select__trigger svg {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.custom-select__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #0d2535;
    border: 1px solid rgba(245, 243, 245, 0.25);
    border-top: none;
    z-index: 10;
}

.custom-select__option {
    height: 51px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    cursor: pointer;

    /* Typography — same as trigger */
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.54px;
    text-transform: uppercase;
    font-size: var(--marissa-text-medium);
    color: rgba(var(--marissa-pink));

    border-bottom: 1px solid rgba(245, 243, 245, 0.1);
}

.custom-select__option:last-child {
    border-bottom: none;
}

.custom-select__option:hover {
    background-color: rgba(245, 243, 245, 0.05);
}

/* Open state */
.custom-select.is-open .custom-select__dropdown {
    display: block;
}

.custom-select.is-open .custom-select__trigger {
    border-color: rgba(245, 243, 245, 0.6);
}

.custom-select.is-open .custom-select__trigger svg {
    transform: rotate(180deg);
}
section.hero-generic {
    background: rgba(var(--marissa-muted-blue));
    padding-top: 72px;
}
section.hero-generic.hero-with-image {
    background: var(--hero-image) center center / cover no-repeat;
}
section.hero-generic .container-xl {
    padding-top: 40px;
    padding-bottom: 56px;
}
section.hero-generic.hero-compact .container-xl {
    padding-bottom: 16px;
}
section.hero-generic .hero-row {
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    padding-left:40px;
    padding-right: 40px;
}
section.hero-generic .text-splash {
    font-size: 200px;
    font-style: italic;
    font-weight: 400;
    line-height: 90.4%;
    letter-spacing: -13.2px;
}
section.hero-generic .text-splash.text-splash-md {
    font-size: 95px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -5.7px;
    max-width: 805px;
}
section.hero-generic .text-tag {
    font-size: var(--marissa-text-medium);
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.36px;
    padding-bottom: 30px;
    text-transform: uppercase;


    align-self: stretch;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

button {
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}
form.contact-form {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 24px;
}
form.contact-form .form-row {
    display: flex;
    gap: 24px;
    flex: 1 1 auto!important;
}
form.contact-form .form-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto!important;
}
form.contact-form .form-item.form-item-horizontal {
    flex-direction: row;
    align-items: center;
}
form.contact-form label {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}
form.contact-form input, textarea {
    font-size: var(--marissa-text-small);
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    color: rgba(var(--marissa-white), 0.4);

    padding: 12px 16px;
    background-color: rgba(var(--marissa-muted-blue));
    border: 1px solid rgba(var(--marissa-light-blue), 0.50);
}
form.contact-form textarea {
    resize: none;
}
form.contact-form input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1px solid rgba(var(--marissa-white));
    border-radius: 0;
    cursor: pointer;
    position: relative;
    padding:0;
}

/* Checkmark */
form.contact-form input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg fill='%2389A8BC' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1827.701 303.065 698.835 1431.801 92.299 825.266 0 917.564 698.835 1616.4 1919.869 395.234z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}
section.hero-article {
    background-color: rgba(var(--marissa-muted-blue));
    padding-top: 72px;
}
section.hero-article .content-row {
    display: flex;
    align-items: stretch;
    gap: 80px;
}
section.hero-article .content-row .content-wrapper {
    padding-top: 40px;
    padding-bottom: 52px;
    padding-left: 40px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    gap: 24px;
}
section.hero-article .content-row .image-wrapper {
    flex: 0 0 458px;
    display: flex;
    flex-direction: column;
}
section.hero-article .content-row .image-container {
    background: var(--article-image) center center / cover no-repeat;
    width: 100%;
    flex: 1;
}
section.hero-article .content-row h1.text-splash {
    font-size: 65px;
    line-height: 120%;
}
section.hero-article .content-row .article-category {
    padding: 4px 8px;
    background: rgba(var(--marissa-light-blue));
    color: rgba(var(--marissa-dark-blue));
    font-size: var(--marissa-text-small);
    font-family: "Spectral", serif;
    font-style: italic;
    font-weight: 300;
    line-height: 150%;
}
section.hero-article .content-row .article-category a {
    color: inherit;
    text-decoration: none;
}
section.article-body {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: rgba(var(--marissa-white));
    color: rgba(var(--marissa-dark-blue));
}
section.article-body > .container-xl {
    padding-left: 20px;
    padding-right: 20px;
}
section.article-body .content-wrapper {
    display: flex;
    gap: 64px;
}
section.article-body .content-wrapper .content {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 32px;
}

section.page-body {
}
section.page-body > .container-xl {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
}
section.page-body .content-wrapper {
    display: flex;
    gap: 64px;
}
section.page-body .content-wrapper .content {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 32px;
}
/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    section.hero-article .content-row .content-wrapper {
        padding: 36px 16px 24px 16px;
    }
    section.hero-article .content-row h1.text-splash {
        font-size: 40px;
    }
}
/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .color-pink-mobile {
        color: rgba(var(--marissa-pink)) !important;
    }
    .color-dark-pink-mobile {
        color: rgba(var(--marissa-dark-pink)) !important;
    }
    .color-dark-blue-mobile {
        color: rgba(var(--marissa-dark-blue)) !important;
    }
    .color-white-mobile {
        color: rgba(var(--marissa-white)) !important;
    }
    .section-articles {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Reset all borders first */
    .section-articles .item {
        border: none;
    }

    /* All items get border top */
    .section-articles .item {
        border-top: 2px solid #89A8BC50;
    }

    /* Remove border top from first 2 items */
    .section-articles .item:nth-child(-n + 2) {
        border-top: none;
    }

    /* All items get border bottom */
    .section-articles .item {
        border-bottom: 2px solid #89A8BC50;
    }

    /* Remove border bottom from last 2 items */
    .section-articles .item:nth-last-child(-n + 2) {
        border-bottom: none;
    }

    /* Col 1 - border right */
    .section-articles .item:nth-child(2n + 1) {
        border-right: 2px solid #89A8BC50;
    }

    /* Col 2 - border left */
    .section-articles .item:nth-child(2n) {
        border-left: 2px solid #89A8BC50;
    }
    section.info-with-image .content-wrapper .image-container {
        min-width: 425px;
        height: 425px;
    }
    section.hero-generic .container-xl {
        padding-top: 16px;
        padding-bottom: 32px;
    }
    section.hero-generic .hero-row {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 16px;
        padding-right: 16px;
    }
    section.hero-generic .text-splash {
        font-size: 90px;
        letter-spacing: -5.4px;
        line-height: 90.4%;
    }
    section.hero-generic .text-splash.text-splash-md {
        font-size: 90px;
        letter-spacing: -5.4px;
        line-height: 90.4%;
    }
    section.hero-generic .text-tag {
        padding-bottom: 0;
    }
    section.hero-with-image {
        background-image: var(--hero-mobile-image, var(--hero-image)) !important;
    }
    .btn-read-more-wrapper {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
    .btn-read-more-wrapper .btn-read-more {
        display: flex;
        padding: 8px 24px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        width: 100%;

        color: rgba(var(--marissa-dark-pink));
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        letter-spacing: -0.48px;
        text-transform: uppercase;

        background-color: rgba(var(--marissa-white));
        border: none;
        cursor: pointer;
    }
    .btn-read-more-wrapper .btn-read-more svg {
        transition: transform 0.3s ease;
    }
    .btn-read-more-wrapper .btn-read-more.active svg {
        transform: scaleY(-1);
    }
    .btn-read-more-wrapper .btn-overlay {
        height: 75px;
        width: 100%;
        background: linear-gradient(180deg, rgba(var(--marissa-white), 0.00) 0%, rgba(var(--marissa-white)) 100%);
    }
}

section.info-with-image-flush {

}
section.info-with-image-flush .content-row {
    display: flex;
    align-items: stretch;
}
section.info-with-image-flush .content-row .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    width: 50%;
    flex-shrink: 0;

    padding: 112px 80px;
}
section.info-with-image-flush .content-row .image-wrapper {
    width: 50%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
section.info-with-image-flush .content-row .image-container {
    width: 100%;
    flex: 1;
    background: var(--section-image) center center / cover no-repeat;
}
section.info-with-image-flush .content-row .content-wrapper .information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
section.info-with-image-flush .content-row .content-wrapper .headlines {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
section.info-with-image-flush .content-row .content-wrapper .description {
    color: rgba(var(--marissa-white), 0.80);
    font-size: var(--marissa-text-medium);

    display: flex;
    flex-direction: column;
    gap: 32px;
}
.icon-list {
    display: flex;
    padding: 8px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.icon-list.icon-list-bg {
    padding: 16px;
}
.icon-list .item {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.icon-list .item .description {
    font-size: var(--marissa-text-small);
}
.image-bg-left {
    background-position-x: left !important;
}
.image-bg-right {
    background-position-x: right !important;
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .section-spacer .container-xl {
        padding-top: 64px;
    }
    h1 {
        font-size: var(--marissa-h1-mobile);
    }
    h2 {
        font-size: var(--marissa-h2-mobile);
    }
    h3 {
        font-size: var(--marissa-h3-mobile);
    }
    h4 {
        font-size: var(--marissa-h4-mobile);
    }
    h5 {
        font-size: var(--marissa-h5-mobile);
    }
    .section-sub-heading {
        font-size: var(--marissa-h5-mobile);
    }
    header section.nav .menu {
        display: none;
        align-items: center;
        flex-direction: column;
        gap: 0;
        position: absolute;
        top: 72px;
        right: 0;
        width: 100%;
        align-self: stretch;
    }
    header section.nav .menu.is-open {
        display: flex;
    }
    header section.nav .menu .btn-cta {
        width: 100%;
        justify-content: center;
    }
    header section.nav .menu a:first-of-type {
        border-top: 1px solid #89A8BC50;
    }
    header section.nav .menu a:not(.btn-cta) {
        display: flex;
        align-self: stretch;
        align-content: center;
        align-items: center;
        justify-content: center;
        background-color: rgba(var(--marissa-dark-blue));

        padding: 24px 20px;
        border-bottom: 1px solid #89A8BC50;
    }
    section.hero-generic .text-splash.text-splash-md {
        font-size: 70px;
    }
    .line-top {
        border-top: 1px solid #89A8BC50;
    }
    .line-bottom {
        border-bottom: 1px solid #89A8BC50;
    }
    .line-left {
        border-left: 1px solid #89A8BC50;
    }
    .line-right {
        border-right: 1px solid #89A8BC50;
    }
    .tabbed-section .tab-nav {
        grid-template-columns: repeat(1, 1fr);
    }
    .tabbed-section .tab-nav button {
        border-right: 1px solid #89A8BC50;
        border-bottom: 1px solid #89A8BC50;
        font-size: 16px;
        letter-spacing: -0.48px;
        padding: 24px 24px;
        color: rgba(var(--marissa-dark-pink), 1);
    }
    .tabbed-section .tabs .tab {
        display: block !important;
    }
    .tabbed-section .tabs .tab .content-wrapper {
        padding: 0;
        gap: 48px;
        flex-direction: column;
    }
    .tabbed-section .tabs .tab .content-wrapper .image-container {
        width: 100%;
        order: 1;
    }
    .tabbed-section .tabs .tab .content-wrapper .content-container {
        width: 100%;
        padding: 24px 24px 0 24px;
        gap: 20px;
    }
    .tabbed-section .tabs .tab .content-wrapper .content-container .title {
        font-size: 24px;
    }

    .tab .tab-nav button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .btn-icon {
        display: inline-flex;
        align-items: center;
    }

    /* Plus visible by default, minus hidden */
    .btn-icon .icon-minus { display: none; }
    .btn-icon .icon-plus  { display: inline-flex; }

    /* When active, swap */
    .tab .tab-nav button.tab-active .icon-minus { display: inline-flex; }
    .tab .tab-nav button.tab-active .icon-plus  { display: none; }

    .section-articles {
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* Reset all borders first */
    .section-articles .item {
        border: none;
    }
    .section-articles .item:nth-child(6n + 4), .section-articles .item:nth-child(6n + 5), .section-articles .item:nth-child(6n + 6) {
        border-top: none;
    }
    .section-articles .item:nth-child(6n + 1), .section-articles .item:nth-child(6n + 2), .section-articles .item:nth-child(6n + 3) {
        border-bottom: none;
    }

    /* All items get left and right border */
    .section-articles .item {
        border-left: none !important;
        border-right: none !important;
    }

    /* All items get border top */
    .section-articles .item {
        border-top: 1px solid #89A8BC50 !important;
        border-bottom: none !important;
    }

    /* Remove border top from first item */
    .section-articles .item:first-child {
        border-top: none !important;
    }

    /* All items get border bottom */
    .section-articles .item {
        border-bottom: 1px solid #89A8BC50;
    }

    /* Remove border bottom from last item */
    .section-articles .item:last-child {
        border-bottom: none;
    }
    .section-articles .item .item-header {
        gap: 8px;
    }
    section.info-with-image .section-spacer.line-top .container-xl {
        padding-top: 64px;
    }
    section.info-with-image .content-wrapper .information,
    section.info-with-image .content-wrapper .image-container + .information {
        text-align: center;
        align-items: center;
        padding: 16px 8px;
    }
    section.info-with-image .content-wrapper .image-container {
        min-width: 100%;
        height: auto;
        aspect-ratio: 1;
    }
    section.billboard-image {
        height: 211px;
    }
    form.contact-form {
        flex-direction: column;
    }
    form.contact-form .form-row {
        flex-direction: column;
    }
    section.info-with-image-flush .container-xl {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    section.info-with-image-flush .content-row {
        flex-direction: column;
    }
    section.info-with-image-flush .content-row .content-wrapper {
        padding: 32px 20px;
        gap: 20px;
        width: 100%;
    }
    section.info-with-image-flush .content-row .content-wrapper .information {
        gap: 20px;
    }
    section.info-with-image-flush .content-row .content-wrapper .headlines {
        gap: 12px;
    }
    section.info-with-image-flush .content-row .content-wrapper .description {
        gap: 20px;
    }
    section.info-with-image-flush .content-row .image-wrapper {
        order: 1;
        width: 100%;
    }
    section.info-with-image-flush .content-row .image-container {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        flex: none;
    }
    section.info-with-image-flush .content-row .section-spacer.line-top {
        padding-top: 24px;
        padding-bottom: 0;
    }
    section.info-with-image-flush .content-row .section-spacer.line-bottom {
        padding-top: 32px;
        padding-bottom: 0;
    }
}