/* ==========================================================================
  // Elements / Normalize
  // ========================================================================== */
/* Modern CSS Normalize
   Based on the reset by Andy.set with some tweaks.
   Original by Andy.set: https://piccalil.li/blog/a-more-modern-css-reset/
   Review by Chris collier: https://chriscoyier.net/2023/10/03/being-picky-about-a-css-reset-for-fun-pleasure/
*/
/* Box sizing rules */
*, *:after, *:before {
  box-sizing: border-box;
}
/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
p, h1, h2, h3, h4, h5, h6, dl, dd, figure, blockquote {
  margin-block: unset;
}
/* Remove list styles on ul, ol elements with a class, which suggests default styling will be removed */
ul[class], ol[class] {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Set core defaults */
html {
  line-height: 1.5;
}
body {
  margin: unset;
}
/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4, h5, h6, input, label, button {
  line-height: 1.1;
}
/* Balance text wrapping on headings */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
/* Remove a elements default styles if they have a class */
a[class] {
  color: inherit;
  text-decoration: none;
}
/* Make assets easier to work with */
img, svg, canvas, picture, video {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}
/* Inherit fonts for inputs and buttons */
input, button, select, textarea {
  font: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 1rlh;
}
/* Reduced mootion preference */
@media (prefers-reduced-motion: reduce) {
  *, *:after, *:before {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
button {
  color: inherit;
  border-color: inherit;
  background-color: transparent;
}
/*
    CORE BRAND ELEMENTS
*/
:root {
  --max-width: 104rem;
  --content-width: 42rem;
  --content-width-narrow: 29rem;
  --content-width-wide: 72rem;
  --color-white: #FFFFFFFF;
  --color-black: #28211F;
  --color-hope-yellow: #FFC20E;
  --color-sunny-yellow: #FFEE7C;
  --color-beige: #FDF3E7;
  --color-red: #E04E27;
  --color-pale-blue: #E0EAEC;
  --color-royal-blue: #00548D;
  --color-ocean-blue: #3C889D;
  --color-khaki-green: #928C34;
  --color-hope-yellow-50: color-mix(in srgb, var(--color-hope-yellow) 50%, var(--color-white));
  --color-hope-yellow-25: color-mix(in srgb, var(--color-hope-yellow) 25%, var(--color-white));
  --color-sunny-yellow-50: color-mix(in srgb, var(--color-sunny-yellow) 50%, var(--color-white));
  --color-sunny-yellow-25: color-mix(in srgb, var(--color-sunny-yellow) 25%, var(--color-white));
  --color-beige-50: color-mix(in srgb, var(--color-beige) 50%, var(--color-white));
  --color-beige-25: color-mix(in srgb, var(--color-beige) 25%, var(--color-white));
  --color-black-80: color-mix(in srgb, var(--color-black) 80%, transparent );
  --color-black-60: color-mix(in srgb, var(--color-black) 60%, transparent );
  --color-black-40: color-mix(in srgb, var(--color-black) 40%, transparent );
  --color-black-30: color-mix(in srgb, var(--color-black) 30%, transparent );
  --color-accent-black-80: #534D4C;
  --color-accent-black-70: #696462;
  --color-accent-black-60: #7E7A79;
  --color-accent-black-40: #A9A6A5;
  --color-accent-black-30: #BEBCBC;
  --color-accent-black-20: #D4D3D2;
  --color-accent-yellow-30: #FFEDB7;
  --color-accent-yellow-20: #FFF3CF;
  --color-error: #E30000;
  --color-error-bg: #FFF2F4;
  --color-primary: var(--color-hope-yellow);
  --color-accent: var(--color-hope-yellow);
  --color-bg: var(--color-white);
  --color-headings: currentColor;
  --text-root: 16px;
  --font-greycliff: "greycliff-cf", sans-serif;
  --font-new-spirit: "new-spirit", serif;
  --font-felt-tip: "felt-tip-senior", serif;
  --font-serif: var(--font-new-spirit);
  --font-sans: var(--font-greycliff);
  --font-body: var(--font-serif);
  --font-headings: var(--font-sans);
  --font-heading-weight: 800;
  --text-2xs: 0.625rem;
  --text-xs: 0.75rem ;
  --text-sm: 0.875rem ;
  /*
    --text-base : 1rem ;//clamp(1rem, 0.986rem + 0.07vw, 1.05rem);

    --text-body-sm : 1.125rem;

    --text-body : 1.25rem;
    --text-body-lg: 1.5rem;

    --text-card : 1.375rem;

    --text-lg:1.75rem; // h6
    --text-xl :  2rem; // h5
    --text-2xl : 3rem; // h4
    --text-3xl : 4rem; // h3
    --text-4xl : 5rem; // h2
    --text-5xl : 6rem; // h1
    */
  --text-5xl: clamp(3rem, 1.0263rem + 5.2632vw, 6.5526rem);
  --text-4xl: clamp(2.75rem, 1.2697rem + 3.9474vw, 5.4145rem);
  --text-3xl: clamp(2rem, 0.6842rem + 3.5088vw, 4.3684rem);
  --text-2xl: clamp(1.75rem, 0.9276rem + 2.193vw, 3.2303rem);
  --text-xl: clamp(1.5rem, 1.1711rem + 0.8772vw, 2.0921rem);
  --text-lg: clamp(1.25rem, 1.0033rem + 0.6579vw, 1.6941rem);
  --text-base: clamp(0.938rem, 0.8972rem + 0.1088vw, 1.0114rem);
  --text-body-sm: clamp(1rem, 0.9178rem + 0.2193vw, 1.148rem);
  --text-body-lg: clamp(1.125rem, 0.8783rem + 0.6579vw, 1.5691rem);
  --text-body: clamp(1.125rem, 1.0428rem + 0.2193vw, 1.273rem);
  --text-caption: clamp(1.75rem, 1.2566rem + 1.3158vw, 2.6382rem);
  --ease-fluid: cubic-bezier(0.3, 0, 0, 1);
  --ease-snappy: cubic-bezier(0.2, 0, 0, 1);
  --gutter: 4rem;
  --block-space: var(--section-space-main);
  --section-space-lg: 11rem;
  --section-space-main: 8rem;
  --section-space-md: 6rem;
  --section-space-sm: 4rem;
  --grid-columns: 12;
  --grid-col-gap: 1.75rem;
  --grid-row-gap: 3rem;
  --radius-xl: 2.5rem;
  --radius-lg: 2rem;
  --radius-md: 1.5rem;
  --radius-sm: 1rem;
  --radius-xs: 0.5rem;
  --radius: var(--radius-md);
  --shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 1rem 3rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
  :root {
    --gutter: 2.5rem;
  }
}
@media (max-width: 768px) {
  :root {
    --gutter: 2rem;
    --section-space-main: 4.5rem;
    --section-space-md: 3.5rem;
    --section-space-sm: 2.5rem;
    --text-body: 1.125rem;
    --text-body-lg: 1.125rem;
    /*
        --text-lg: 1.25rem; // h6
        --text-xl: 1.5rem; // h5
        --text-2xl: 1.75rem; // h4
        --text-3xl: 2rem; // h3
        --text-4xl: 2.75rem; // h2
        --text-5xl: 3rem; // h1
        */
  }
}
@media (max-width: 480px) {
  :root {
    --gutter: 1rem;
  }
}
.bg-white {
  background-color: #FFFFFFFF;
  --color-bg: #FFFFFFFF;
}
.text-white {
  color: #FFFFFFFF;
}
.accent-white {
  --color-accent: #FFFFFFFF;
}
.bg-black {
  background-color: #28211F;
  --color-bg: #28211F;
}
.text-black {
  color: #28211F;
}
.accent-black {
  --color-accent: #28211F;
}
.bg-hope-yellow {
  background-color: #FFC20E;
  --color-bg: #FFC20E;
}
.text-hope-yellow {
  color: #FFC20E;
}
.accent-hope-yellow {
  --color-accent: #FFC20E;
}
.bg-sunny-yellow {
  background-color: #FFEE7C;
  --color-bg: #FFEE7C;
}
.text-sunny-yellow {
  color: #FFEE7C;
}
.accent-sunny-yellow {
  --color-accent: #FFEE7C;
}
.bg-beige {
  background-color: #FDF3E7;
  --color-bg: #FDF3E7;
}
.text-beige {
  color: #FDF3E7;
}
.accent-beige {
  --color-accent: #FDF3E7;
}
.bg-red {
  background-color: #E04E27;
  --color-bg: #E04E27;
}
.text-red {
  color: #E04E27;
}
.accent-red {
  --color-accent: #E04E27;
}
.bg-pale-blue {
  background-color: #E0EAEC;
  --color-bg: #E0EAEC;
}
.text-pale-blue {
  color: #E0EAEC;
}
.accent-pale-blue {
  --color-accent: #E0EAEC;
}
.bg-royal-blue {
  background-color: #00548D;
  --color-bg: #00548D;
}
.text-royal-blue {
  color: #00548D;
}
.accent-royal-blue {
  --color-accent: #00548D;
}
.bg-ocean-blue {
  background-color: #3C889D;
  --color-bg: #3C889D;
}
.text-ocean-blue {
  color: #3C889D;
}
.accent-ocean-blue {
  --color-accent: #3C889D;
}
.bg-khaki-green {
  background-color: #928C34;
  --color-bg: #928C34;
}
.text-khaki-green {
  color: #928C34;
}
.accent-khaki-green {
  --color-accent: #928C34;
}
.bg-hope-yellow-50 {
  background-color: color-mix(in srgb, map-get($colors, hope-yellow) 50%, map-get($colors, white));
  --color-bg: color-mix(in srgb, map-get($colors, hope-yellow) 50%, map-get($colors, white));
}
.text-hope-yellow-50 {
  color: color-mix(in srgb, map-get($colors, hope-yellow) 50%, map-get($colors, white));
}
.accent-hope-yellow-50 {
  --color-accent: color-mix(in srgb, map-get($colors, hope-yellow) 50%, map-get($colors, white));
}
.bg-hope-yellow-25 {
  background-color: color-mix(in srgb, map-get($colors, hope-yellow) 25%, map-get($colors, white));
  --color-bg: color-mix(in srgb, map-get($colors, hope-yellow) 25%, map-get($colors, white));
}
.text-hope-yellow-25 {
  color: color-mix(in srgb, map-get($colors, hope-yellow) 25%, map-get($colors, white));
}
.accent-hope-yellow-25 {
  --color-accent: color-mix(in srgb, map-get($colors, hope-yellow) 25%, map-get($colors, white));
}
.bg-sunny-yellow-50 {
  background-color: color-mix(in srgb, map-get($colors, sunny-yellow) 50%, map-get($colors, white));
  --color-bg: color-mix(in srgb, map-get($colors, sunny-yellow) 50%, map-get($colors, white));
}
.text-sunny-yellow-50 {
  color: color-mix(in srgb, map-get($colors, sunny-yellow) 50%, map-get($colors, white));
}
.accent-sunny-yellow-50 {
  --color-accent: color-mix(in srgb, map-get($colors, sunny-yellow) 50%, map-get($colors, white));
}
.bg-sunny-yellow-25 {
  background-color: color-mix(in srgb, map-get($colors, sunny-yellow) 25%, map-get($colors, white));
  --color-bg: color-mix(in srgb, map-get($colors, sunny-yellow) 25%, map-get($colors, white));
}
.text-sunny-yellow-25 {
  color: color-mix(in srgb, map-get($colors, sunny-yellow) 25%, map-get($colors, white));
}
.accent-sunny-yellow-25 {
  --color-accent: color-mix(in srgb, map-get($colors, sunny-yellow) 25%, map-get($colors, white));
}
.bg-beige-50 {
  background-color: color-mix(in srgb, map-get($colors, beige) 50%, map-get($colors, white));
  --color-bg: color-mix(in srgb, map-get($colors, beige) 50%, map-get($colors, white));
}
.text-beige-50 {
  color: color-mix(in srgb, map-get($colors, beige) 50%, map-get($colors, white));
}
.accent-beige-50 {
  --color-accent: color-mix(in srgb, map-get($colors, beige) 50%, map-get($colors, white));
}
.bg-beige-25 {
  background-color: color-mix(in srgb, map-get($colors, beige) 25%, map-get($colors, white));
  --color-bg: color-mix(in srgb, map-get($colors, beige) 25%, map-get($colors, white));
}
.text-beige-25 {
  color: color-mix(in srgb, map-get($colors, beige) 25%, map-get($colors, white));
}
.accent-beige-25 {
  --color-accent: color-mix(in srgb, map-get($colors, beige) 25%, map-get($colors, white));
}
.bg-black-80 {
  background-color: color-mix(in srgb, map-get($colors, black) 80%, transparent);
  --color-bg: color-mix(in srgb, map-get($colors, black) 80%, transparent);
}
.text-black-80 {
  color: color-mix(in srgb, map-get($colors, black) 80%, transparent);
}
.accent-black-80 {
  --color-accent: color-mix(in srgb, map-get($colors, black) 80%, transparent);
}
.bg-black-60 {
  background-color: color-mix(in srgb, map-get($colors, black) 60%, transparent);
  --color-bg: color-mix(in srgb, map-get($colors, black) 60%, transparent);
}
.text-black-60 {
  color: color-mix(in srgb, map-get($colors, black) 60%, transparent);
}
.accent-black-60 {
  --color-accent: color-mix(in srgb, map-get($colors, black) 60%, transparent);
}
.bg-black-40 {
  background-color: color-mix(in srgb, map-get($colors, black) 40%, transparent);
  --color-bg: color-mix(in srgb, map-get($colors, black) 40%, transparent);
}
.text-black-40 {
  color: color-mix(in srgb, map-get($colors, black) 40%, transparent);
}
.accent-black-40 {
  --color-accent: color-mix(in srgb, map-get($colors, black) 40%, transparent);
}
.bg-black-30 {
  background-color: color-mix(in srgb, map-get($colors, black) 30%, transparent);
  --color-bg: color-mix(in srgb, map-get($colors, black) 30%, transparent);
}
.text-black-30 {
  color: color-mix(in srgb, map-get($colors, black) 30%, transparent);
}
.accent-black-30 {
  --color-accent: color-mix(in srgb, map-get($colors, black) 30%, transparent);
}
.bg-accent-black-80 {
  background-color: #534D4C;
  --color-bg: #534D4C;
}
.text-accent-black-80 {
  color: #534D4C;
}
.accent-accent-black-80 {
  --color-accent: #534D4C;
}
.bg-accent-black-70 {
  background-color: #696462;
  --color-bg: #696462;
}
.text-accent-black-70 {
  color: #696462;
}
.accent-accent-black-70 {
  --color-accent: #696462;
}
.bg-accent-black-60 {
  background-color: #7E7A79;
  --color-bg: #7E7A79;
}
.text-accent-black-60 {
  color: #7E7A79;
}
.accent-accent-black-60 {
  --color-accent: #7E7A79;
}
.bg-accent-black-40 {
  background-color: #A9A6A5;
  --color-bg: #A9A6A5;
}
.text-accent-black-40 {
  color: #A9A6A5;
}
.accent-accent-black-40 {
  --color-accent: #A9A6A5;
}
.bg-accent-black-30 {
  background-color: #BEBCBC;
  --color-bg: #BEBCBC;
}
.text-accent-black-30 {
  color: #BEBCBC;
}
.accent-accent-black-30 {
  --color-accent: #BEBCBC;
}
.bg-accent-black-20 {
  background-color: #D4D3D2;
  --color-bg: #D4D3D2;
}
.text-accent-black-20 {
  color: #D4D3D2;
}
.accent-accent-black-20 {
  --color-accent: #D4D3D2;
}
.bg-accent-yellow-30 {
  background-color: #FFEDB7;
  --color-bg: #FFEDB7;
}
.text-accent-yellow-30 {
  color: #FFEDB7;
}
.accent-accent-yellow-30 {
  --color-accent: #FFEDB7;
}
.bg-accent-yellow-20 {
  background-color: #FFF3CF;
  --color-bg: #FFF3CF;
}
.text-accent-yellow-20 {
  color: #FFF3CF;
}
.accent-accent-yellow-20 {
  --color-accent: #FFF3CF;
}
.bg-error {
  background-color: #E30000;
  --color-bg: #E30000;
}
.text-error {
  color: #E30000;
}
.accent-error {
  --color-accent: #E30000;
}
.bg-error-bg {
  background-color: #FFF2F4;
  --color-bg: #FFF2F4;
}
.text-error-bg {
  color: #FFF2F4;
}
.accent-error-bg {
  --color-accent: #FFF2F4;
}
.bg-custom {
  background-color: var(--color-bg);
}
.accent-custom {
  --color-accent: var(--color-accent);
}
.text-custom {
  color: var(--color-text);
}
img[class*="aspect:"], video[class*="aspect:"], [class*="aspect:"]:not(img) img {
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: 100%;
}
[class*="aspect:"]:not(img) img {
  aspect-ratio: inherit;
}
.aspect\:21\/9 {
  aspect-ratio: 2.3333333333;
}
@media (max-width: 480px) {
  .aspect\:21\/9 {
    aspect-ratio: 1.7777777778;
  }
}
.aspect\:16\/9 {
  aspect-ratio: 1.7777777778;
}
.aspect\:6\/4, .aspect\:3\/2 {
  aspect-ratio: 1.5;
}
.aspect\:8\/9 {
  aspect-ratio: 0.8888888889;
}
.aspect\:5\/7 {
  aspect-ratio: 0.7142857143;
}
.aspect\:4\/5 {
  aspect-ratio: 0.8;
}
.aspect\:4\/3 {
  aspect-ratio: 1.3333333333;
}
.aspect\:2\/3 {
  aspect-ratio: 0.6666666667;
}
.aspect\:3\/4 {
  aspect-ratio: 0.75;
}
.aspect\:1\/1 {
  aspect-ratio: 1;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-center img, .text-center video, .text-center iframe {
  margin-inline: auto;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.radius-xl {
  border-radius: var(--radius-xl);
}
.radius-lg {
  border-radius: var(--radius-lg);
}
.radius-md {
  border-radius: var(--radius-md);
}
.radius-sm {
  border-radius: var(--radius-sm);
}
.radius-xs {
  border-radius: var(--radius-xs);
}
/*
#gridDebug {
    position: fixed;
    top: 3rem;
    left: 1rem;
    z-index: 1000;

    border: solid 0.125rem black;
    background-color: aquamarine;
    text-transform: uppercase;
    font-weight: bold;

    opacity: 0.2;
    translate: -3rem 0;
    transition: all 250ms ease;

    &:hover {
        opacity: 1;
        translate: 0 0;
    }
}
*/
/*
.debug {
    section[data-block-style] {
        position: relative;

        &::before {
            content: attr(data-block-style);
            font-family: var(--font-abel);
            font-size: var(--text-a1);
            position: absolute;
            top: 0;
            left: calc(var(--gutter) * 0.25);
            background-color: #303132;
            color: var(--color-white);
            opacity: 1;
            padding: 0.25rem 1rem;
            border-radius: 0.125rem;
            z-index: 1001;
        }
    }

    .debug-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;

        z-index: 1000;

        pointer-events: none;
        transition: all 150ms ease;

        &.dark {
            >div {
                opacity: 0.3;
            }
        }

        &.hide {
            height: 0%;
            top: 50%;

            +.debug-indicator {
                display: none;
            }
        }

        >div {
            background-color: aquamarine;
            opacity: 0.05;
            transition: opacity 450ms ease;
            pointer-events: none;

            @include respond_to(xl) {
                background-color: royalblue;
            }

            @include respond_to(lg) {
                background-color: hotpink;
            }

            @include respond_to(md) {
                background-color: orange;
            }

            @include respond_to(sm) {
                background-color: limegreen;
            }
        }
    }

    .debug-indicator {
        position: fixed;
        z-index: 999999;
        top: 1rem;
        right: 1rem;
        width: 2.5rem;
        height: 2.5rem;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: var(--text-a1);
        font-family: monospace;

        border-radius: 1rem;

        div {
            display: none;
        }

        background-color: aquamarine;

        div.max {
            display: block;
        }

        @include respond_to(xxl) {
            background-color: yellow;

            div:not(.xxl) {
                display: none;
            }

            div.xxl {
                display: block;
            }
        }

        @include respond_to(xl) {
            background-color: royalblue;

            div:not(.xl) {
                display: none;
            }

            div.xl {
                display: block;
            }
        }

        @include respond_to(lg) {
            background-color: hotpink;

            div:not(.lg) {
                display: none;
            }

            div.lg {
                display: block;
            }
        }

        @include respond_to(md) {
            background-color: orange;

            div:not(.md) {
                display: none;
            }

            div.md {
                display: block;
            }
        }

        @include respond_to(sm) {
            background-color: limegreen;

            div:not(.sm) {
                display: none;
            }

            div.sm {
                display: block;
            }

        }
    }
}

body:not(.debug) {
    .debug-indicator {
        display: none;
    }
}
*/
/*
#E42312 : red
#C5C5C5 : light-grey
#FFFFFF : white
#2A2A2A : black
#FAF7ED : sand
#F8A920 : gold
#26375E : navy
#154A38 : forest
#005B4B : mag-green
#402754 : grape
#42B36E : green
#6B5CCA : purple
#45C2E2 : bright-blue
#9D0000 : wine-red
#E4BC81 : biscut
#FBA5E4 : pink
#FDD8F3 : pale-pink
#D1DDFB : pale-blue
#D8E7E2 : pale-green
#D7C7E5 : pale-purple
#F4857B : pale-red-500
#FBCBC7 : pale-red-200
*/
/*
// BG Colours
#FFFFFFFF : white
#FAF7EDFF : sand
#2A2A2AFF : black
#F4857BFF : pale-red-500
#FBCBC7FF : pale-red-200
#FDD8F3FF : pale-pink
#D1DDFBFF : pale-blue
#D8E7E2FF : pale-green
#D7C7E5FF : pale-purple
#D6D6D6FF : dust-grey

// Accent Colours
#2A2A2AFF : black
#FFFFFFFF : white
#E42312FF : red
#C5C5C5FF : light-grey
#F8A920FF : gold
#26375EFF : navy
#154A38FF : forest
#005B4BFF : mag-green
#402754FF : grape
#42B36EFF : green
#6B5CCAFF : purple
#45C2E2FF : bright-blue
#9D0000FF : wine-red
#E4BC81FF : biscut
#FBA5E4FF : pink
*/
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.has-gutter {
  padding-inline: var(--gutter);
}
.container {
  max-width: var(--max-width);
  margin-inline: auto;
  scroll-margin-top: var(--block-space);
}
.container.has-gutter {
  max-width: calc(var(--max-width) + var(--gutter) * 2);
}
/* Grid! */
/* Base grid styles */
.grid {
  display: grid;
  --_grid-cols: 12;
  grid-template-columns: repeat(var(--_grid-cols), 1fr);
  column-gap: var(--grid-col-gap, 1rem);
  row-gap: var(--grid-row-gap, 1rem);
}
@media (max-width: 768px) {
  .grid {
    --_grid-cols: 6;
  }
}
@media (max-width: 480px) {
  .grid {
    --_grid-cols: 4;
  }
}
.grid.no-row-gap {
  row-gap: 0;
}
.grid .subgrid {
  display: grid;
  grid-template-columns: subgrid;
  column-gap: inherit;
  row-gap: inherit;
}
/* Preset column counts */
.grid.cols-1 {
  --_grid-cols: 1;
}
@media (max-width: 768px) {
  .grid.cols-1 {
    --_grid-cols: 1;
  }
}
@media (max-width: 480px) {
  .grid.cols-1 {
    --_grid-cols: 1;
  }
}
.grid.cols-2 {
  --_grid-cols: 2;
}
@media (max-width: 768px) {
  .grid.cols-2 {
    --_grid-cols: 2;
  }
}
@media (max-width: 480px) {
  .grid.cols-2 {
    --_grid-cols: 2;
  }
}
.grid.cols-3 {
  --_grid-cols: 3;
}
@media (max-width: 768px) {
  .grid.cols-3 {
    --_grid-cols: 2;
  }
}
@media (max-width: 480px) {
  .grid.cols-3 {
    --_grid-cols: 1;
  }
}
.grid.cols-4 {
  --_grid-cols: 4;
}
@media (max-width: 768px) {
  .grid.cols-4 {
    --_grid-cols: 2;
  }
}
@media (max-width: 480px) {
  .grid.cols-4 {
    --_grid-cols: 1;
  }
}
.grid.cols-5 {
  --_grid-cols: 5;
}
@media (max-width: 1200px) {
  .grid.cols-5 {
    --_grid-cols: 4;
  }
}
@media (max-width: 1024px) {
  .grid.cols-5 {
    --_grid-cols: 3;
  }
}
@media (max-width: 768px) {
  .grid.cols-5 {
    --_grid-cols: 2;
  }
}
@media (max-width: 480px) {
  .grid.cols-5 {
    --_grid-cols: 1;
  }
}
.grid.cols-6 {
  --_grid-cols: 6;
}
@media (max-width: 768px) {
  .grid.cols-6 {
    --_grid-cols: 3;
  }
}
@media (max-width: 480px) {
  .grid.cols-6 {
    --_grid-cols: 2;
  }
}
.grid.cols-9 {
  --_grid-cols: 9;
}
@media (max-width: 768px) {
  .grid.cols-9 {
    --_grid-cols: 6;
  }
}
@media (max-width: 480px) {
  .grid.cols-9 {
    --_grid-cols: 4;
  }
}
/*
.grid.cols-5 {
    @include respond_to(xl) {
        --_grid-cols : 4;
    }
    @include respond_to(lg) {
        --_grid-cols : 3;
    }
}*/
/* Define layouts as a map */
/*
"5-x-6": (5, 6, x),
"6-x-4": (6, 4, x),
"6-x-5": (6, 5, x),
"6-5": (6, 5, span),
"7-5": (7, 5, span),
"7-x-4": (7, 4, x),
"4-x-6": (4, 6, x),
"4-x-7": (4, 7, x),
"3-9": (3, 9, span),
"9-3": (9, 3, span)
*/
/* Mixin to generate layout styles */
.layout\:5-x-x-5 > *:first-child {
  grid-column: span 5;
}
.layout\:5-x-x-5 > *:last-child {
  grid-column: 8 / span 5;
}
body .grid.layout\:4-x-6 > *:last-child {
  grid-column-start: 6;
}
@media (max-width: 768px) {
  body .grid.layout\:4-x-6 > *:last-child {
    grid-column-start: auto;
  }
}
/* Apply the mixin inside the grid class */
.grid.layout\:5-x-6 > *:first-child {
  grid-column: 1 / 6;
}
.grid.layout\:5-x-6 > *:nth-child(2n) {
  grid-column: 7 / span 6;
}
@media (max-width: 1200px) {
  .grid.layout\:5-x-6 > *:first-child {
    grid-column: 1 / 7;
  }
  .grid.layout\:5-x-6 > *:nth-child(2n) {
    grid-column: 8 / span 5;
  }
}
@media (max-width: 1024px) {
  .grid.layout\:5-x-6 > *:first-child {
    grid-column: 1 / span 7;
  }
  .grid.layout\:5-x-6 > *:nth-child(2n) {
    grid-column: auto /  span 5;
  }
}
@media (max-width: 768px) {
  .grid.layout\:5-x-6 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:5-x-6 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:5-x-6 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:5-x-6 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:6-x-4 > *:first-child {
  grid-column: 1 / 7;
}
.grid.layout\:6-x-4 > *:nth-child(2n) {
  grid-column: 8 / span 4;
}
@media (max-width: 768px) {
  .grid.layout\:6-x-4 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:6-x-4 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
@media (max-width: 480px) {
  .grid.layout\:6-x-4 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:6-x-4 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:6-x-5 > *:first-child {
  grid-column: 1 / 7;
}
.grid.layout\:6-x-5 > *:nth-child(2n) {
  grid-column: 8 / span 5;
}
@media (max-width: 1200px) {
  .grid.layout\:6-x-5 > *:first-child {
    grid-column: 1 / 6;
  }
  .grid.layout\:6-x-5 > *:nth-child(2n) {
    grid-column: 7 / span 6;
  }
}
@media (max-width: 1024px) {
  .grid.layout\:6-x-5 > *:first-child {
    grid-column: 1 / span 5;
  }
  .grid.layout\:6-x-5 > *:nth-child(2n) {
    grid-column: auto /  span 7;
  }
}
@media (max-width: 768px) {
  .grid.layout\:6-x-5 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:6-x-5 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:6-x-5 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:6-x-5 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:6-5 > *:first-child {
  grid-column: 1 / span 6;
}
.grid.layout\:6-5 > *:nth-child(2n) {
  grid-column: auto /  span 5;
}
@media (max-width: 768px) {
  .grid.layout\:6-5 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:6-5 > *:nth-child(2n) {
    grid-column: auto /  span 5;
  }
}
@media (max-width: 480px) {
  .grid.layout\:6-5 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:6-5 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:7-5 > *:first-child {
  grid-column: 1 / span 7;
}
.grid.layout\:7-5 > *:nth-child(2n) {
  grid-column: auto /  span 5;
}
@media (max-width: 768px) {
  .grid.layout\:7-5 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:7-5 > *:nth-child(2n) {
    grid-column: auto /  span 5;
  }
}
@media (max-width: 480px) {
  .grid.layout\:7-5 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:7-5 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:7-x-4 > *:first-child {
  grid-column: 1 / 8;
}
.grid.layout\:7-x-4 > *:nth-child(2n) {
  grid-column: 9 / span 4;
}
@media (max-width: 1024px) {
  .grid.layout\:7-x-4 > *:first-child {
    grid-column: 1 / span 9;
  }
  .grid.layout\:7-x-4 > *:nth-child(2n) {
    grid-column: auto /  span 9;
  }
}
@media (max-width: 768px) {
  .grid.layout\:7-x-4 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:7-x-4 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
@media (max-width: 480px) {
  .grid.layout\:7-x-4 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:7-x-4 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:4-x-6 > *:first-child {
  grid-column: 1 / 5;
}
.grid.layout\:4-x-6 > *:nth-child(2n) {
  grid-column: 6 / span 6;
}
@media (max-width: 768px) {
  .grid.layout\:4-x-6 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:4-x-6 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:4-x-6 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:4-x-6 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:4-x-7 > *:first-child {
  grid-column: 1 / 5;
}
.grid.layout\:4-x-7 > *:nth-child(2n) {
  grid-column: 6 / span 7;
}
@media (max-width: 1024px) {
  .grid.layout\:4-x-7 > *:first-child {
    grid-column: 1 / span 9;
  }
  .grid.layout\:4-x-7 > *:nth-child(2n) {
    grid-column: auto /  span 12;
  }
}
@media (max-width: 768px) {
  .grid.layout\:4-x-7 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:4-x-7 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:4-x-7 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:4-x-7 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:4-8 > *:first-child {
  grid-column: 1 / span 4;
}
.grid.layout\:4-8 > *:nth-child(2n) {
  grid-column: auto /  span 8;
}
@media (max-width: 768px) {
  .grid.layout\:4-8 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:4-8 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:4-8 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:4-8 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:3-9 > *:first-child {
  grid-column: 1 / span 3;
}
.grid.layout\:3-9 > *:nth-child(2n) {
  grid-column: auto /  span 9;
}
@media (max-width: 768px) {
  .grid.layout\:3-9 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:3-9 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:3-9 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:3-9 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:3-x-8 > *:first-child {
  grid-column: 1 / 4;
}
.grid.layout\:3-x-8 > *:nth-child(2n) {
  grid-column: 5 / span 8;
}
@media (max-width: 1024px) {
  .grid.layout\:3-x-8 > *:first-child {
    grid-column: 1 / span 3;
  }
  .grid.layout\:3-x-8 > *:nth-child(2n) {
    grid-column: auto /  span 9;
  }
}
@media (max-width: 768px) {
  .grid.layout\:3-x-8 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:3-x-8 > *:nth-child(2n) {
    grid-column: auto /  span 6;
  }
}
@media (max-width: 480px) {
  .grid.layout\:3-x-8 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:3-x-8 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:8-x-3 > *:first-child {
  grid-column: 1 / 9;
}
.grid.layout\:8-x-3 > *:nth-child(2n) {
  grid-column: 10 / span 3;
}
@media (max-width: 1024px) {
  .grid.layout\:8-x-3 > *:first-child {
    grid-column: 1 / span 9;
  }
  .grid.layout\:8-x-3 > *:nth-child(2n) {
    grid-column: auto /  span 3;
  }
}
@media (max-width: 768px) {
  .grid.layout\:8-x-3 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:8-x-3 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
@media (max-width: 480px) {
  .grid.layout\:8-x-3 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:8-x-3 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid.layout\:9-3 > *:first-child {
  grid-column: 1 / span 9;
}
.grid.layout\:9-3 > *:nth-child(2n) {
  grid-column: auto /  span 3;
}
@media (max-width: 1024px) {
  .grid.layout\:9-3 > *:first-child {
    grid-column: 1 / span 12;
  }
  .grid.layout\:9-3 > *:nth-child(2n) {
    grid-column: auto /  span 12;
  }
}
@media (max-width: 768px) {
  .grid.layout\:9-3 > *:first-child {
    grid-column: 1 / span 6;
  }
  .grid.layout\:9-3 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
@media (max-width: 480px) {
  .grid.layout\:9-3 > *:first-child {
    grid-column: 1 / span 4;
  }
  .grid.layout\:9-3 > *:nth-child(2n) {
    grid-column: auto /  span 4;
  }
}
.grid > *, .subgrid > * {
  --grid-col-start: auto;
  --grid-col-span: auto;
  grid-column: var(--grid-col-start) / span var(--grid-col-span);
}
.span-auto {
  --grid-col-span: auto;
}
.start-auto {
  --grid-col-start: auto;
}
.span-full {
  --grid-col-span: var(--_grid-cols);
  --grid-col-start: auto;
}
.span-1 {
  --grid-col-span: 1;
}
.start-1 {
  --grid-col-start: 1;
}
.span-2 {
  --grid-col-span: 2;
}
.start-2 {
  --grid-col-start: 2;
}
.span-3 {
  --grid-col-span: 3;
}
.start-3 {
  --grid-col-start: 3;
}
.span-4 {
  --grid-col-span: 4;
}
.start-4 {
  --grid-col-start: 4;
}
.span-5 {
  --grid-col-span: 5;
}
.start-5 {
  --grid-col-start: 5;
}
.span-6 {
  --grid-col-span: 6;
}
.start-6 {
  --grid-col-start: 6;
}
.span-7 {
  --grid-col-span: 7;
}
.start-7 {
  --grid-col-start: 7;
}
.span-8 {
  --grid-col-span: 8;
}
.start-8 {
  --grid-col-start: 8;
}
.span-9 {
  --grid-col-span: 9;
}
.start-9 {
  --grid-col-start: 9;
}
.span-10 {
  --grid-col-span: 10;
}
.start-10 {
  --grid-col-start: 10;
}
.span-11 {
  --grid-col-span: 11;
}
.start-11 {
  --grid-col-start: 11;
}
.span-12 {
  --grid-col-span: 12;
}
.start-12 {
  --grid-col-start: 12;
}
@media (max-width: 112rem) {
  .3xl\:span-1 {
    --grid-col-span: 1;
  }
  .3xl\:start-1 {
    --grid-col-start: 1;
  }
  .3xl\:span-2 {
    --grid-col-span: 2;
  }
  .3xl\:start-2 {
    --grid-col-start: 2;
  }
  .3xl\:span-3 {
    --grid-col-span: 3;
  }
  .3xl\:start-3 {
    --grid-col-start: 3;
  }
  .3xl\:span-4 {
    --grid-col-span: 4;
  }
  .3xl\:start-4 {
    --grid-col-start: 4;
  }
  .3xl\:span-5 {
    --grid-col-span: 5;
  }
  .3xl\:start-5 {
    --grid-col-start: 5;
  }
  .3xl\:span-6 {
    --grid-col-span: 6;
  }
  .3xl\:start-6 {
    --grid-col-start: 6;
  }
  .3xl\:span-7 {
    --grid-col-span: 7;
  }
  .3xl\:start-7 {
    --grid-col-start: 7;
  }
  .3xl\:span-8 {
    --grid-col-span: 8;
  }
  .3xl\:start-8 {
    --grid-col-start: 8;
  }
  .3xl\:span-9 {
    --grid-col-span: 9;
  }
  .3xl\:start-9 {
    --grid-col-start: 9;
  }
  .3xl\:span-10 {
    --grid-col-span: 10;
  }
  .3xl\:start-10 {
    --grid-col-start: 10;
  }
  .3xl\:span-11 {
    --grid-col-span: 11;
  }
  .3xl\:start-11 {
    --grid-col-start: 11;
  }
  .3xl\:span-12 {
    --grid-col-span: 12;
  }
  .3xl\:start-12 {
    --grid-col-start: 12;
  }
  .3xl\:span-auto {
    --grid-col-span: auto;
  }
  .3xl\:start-auto {
    --grid-col-start: auto;
  }
  .3xl\:span-full {
    --grid-col-span: var(--_grid-cols);
  }
}
@media (max-width: 1540px) {
  .xxl\:span-1 {
    --grid-col-span: 1;
  }
  .xxl\:start-1 {
    --grid-col-start: 1;
  }
  .xxl\:span-2 {
    --grid-col-span: 2;
  }
  .xxl\:start-2 {
    --grid-col-start: 2;
  }
  .xxl\:span-3 {
    --grid-col-span: 3;
  }
  .xxl\:start-3 {
    --grid-col-start: 3;
  }
  .xxl\:span-4 {
    --grid-col-span: 4;
  }
  .xxl\:start-4 {
    --grid-col-start: 4;
  }
  .xxl\:span-5 {
    --grid-col-span: 5;
  }
  .xxl\:start-5 {
    --grid-col-start: 5;
  }
  .xxl\:span-6 {
    --grid-col-span: 6;
  }
  .xxl\:start-6 {
    --grid-col-start: 6;
  }
  .xxl\:span-7 {
    --grid-col-span: 7;
  }
  .xxl\:start-7 {
    --grid-col-start: 7;
  }
  .xxl\:span-8 {
    --grid-col-span: 8;
  }
  .xxl\:start-8 {
    --grid-col-start: 8;
  }
  .xxl\:span-9 {
    --grid-col-span: 9;
  }
  .xxl\:start-9 {
    --grid-col-start: 9;
  }
  .xxl\:span-10 {
    --grid-col-span: 10;
  }
  .xxl\:start-10 {
    --grid-col-start: 10;
  }
  .xxl\:span-11 {
    --grid-col-span: 11;
  }
  .xxl\:start-11 {
    --grid-col-start: 11;
  }
  .xxl\:span-12 {
    --grid-col-span: 12;
  }
  .xxl\:start-12 {
    --grid-col-start: 12;
  }
  .xxl\:span-auto {
    --grid-col-span: auto;
  }
  .xxl\:start-auto {
    --grid-col-start: auto;
  }
  .xxl\:span-full {
    --grid-col-span: var(--_grid-cols);
  }
}
@media (max-width: 1200px) {
  .xl\:span-1 {
    --grid-col-span: 1;
  }
  .xl\:start-1 {
    --grid-col-start: 1;
  }
  .xl\:span-2 {
    --grid-col-span: 2;
  }
  .xl\:start-2 {
    --grid-col-start: 2;
  }
  .xl\:span-3 {
    --grid-col-span: 3;
  }
  .xl\:start-3 {
    --grid-col-start: 3;
  }
  .xl\:span-4 {
    --grid-col-span: 4;
  }
  .xl\:start-4 {
    --grid-col-start: 4;
  }
  .xl\:span-5 {
    --grid-col-span: 5;
  }
  .xl\:start-5 {
    --grid-col-start: 5;
  }
  .xl\:span-6 {
    --grid-col-span: 6;
  }
  .xl\:start-6 {
    --grid-col-start: 6;
  }
  .xl\:span-7 {
    --grid-col-span: 7;
  }
  .xl\:start-7 {
    --grid-col-start: 7;
  }
  .xl\:span-8 {
    --grid-col-span: 8;
  }
  .xl\:start-8 {
    --grid-col-start: 8;
  }
  .xl\:span-9 {
    --grid-col-span: 9;
  }
  .xl\:start-9 {
    --grid-col-start: 9;
  }
  .xl\:span-10 {
    --grid-col-span: 10;
  }
  .xl\:start-10 {
    --grid-col-start: 10;
  }
  .xl\:span-11 {
    --grid-col-span: 11;
  }
  .xl\:start-11 {
    --grid-col-start: 11;
  }
  .xl\:span-12 {
    --grid-col-span: 12;
  }
  .xl\:start-12 {
    --grid-col-start: 12;
  }
  .xl\:span-auto {
    --grid-col-span: auto;
  }
  .xl\:start-auto {
    --grid-col-start: auto;
  }
  .xl\:span-full {
    --grid-col-span: var(--_grid-cols);
  }
}
@media (max-width: 1024px) {
  .lg\:span-1 {
    --grid-col-span: 1;
  }
  .lg\:start-1 {
    --grid-col-start: 1;
  }
  .lg\:span-2 {
    --grid-col-span: 2;
  }
  .lg\:start-2 {
    --grid-col-start: 2;
  }
  .lg\:span-3 {
    --grid-col-span: 3;
  }
  .lg\:start-3 {
    --grid-col-start: 3;
  }
  .lg\:span-4 {
    --grid-col-span: 4;
  }
  .lg\:start-4 {
    --grid-col-start: 4;
  }
  .lg\:span-5 {
    --grid-col-span: 5;
  }
  .lg\:start-5 {
    --grid-col-start: 5;
  }
  .lg\:span-6 {
    --grid-col-span: 6;
  }
  .lg\:start-6 {
    --grid-col-start: 6;
  }
  .lg\:span-7 {
    --grid-col-span: 7;
  }
  .lg\:start-7 {
    --grid-col-start: 7;
  }
  .lg\:span-8 {
    --grid-col-span: 8;
  }
  .lg\:start-8 {
    --grid-col-start: 8;
  }
  .lg\:span-9 {
    --grid-col-span: 9;
  }
  .lg\:start-9 {
    --grid-col-start: 9;
  }
  .lg\:span-10 {
    --grid-col-span: 10;
  }
  .lg\:start-10 {
    --grid-col-start: 10;
  }
  .lg\:span-11 {
    --grid-col-span: 11;
  }
  .lg\:start-11 {
    --grid-col-start: 11;
  }
  .lg\:span-12 {
    --grid-col-span: 12;
  }
  .lg\:start-12 {
    --grid-col-start: 12;
  }
  .lg\:span-auto {
    --grid-col-span: auto;
  }
  .lg\:start-auto {
    --grid-col-start: auto;
  }
  .lg\:span-full {
    --grid-col-span: var(--_grid-cols);
  }
}
@media (max-width: 768px) {
  .md\:span-1 {
    --grid-col-span: 1;
  }
  .md\:start-1 {
    --grid-col-start: 1;
  }
  .md\:span-2 {
    --grid-col-span: 2;
  }
  .md\:start-2 {
    --grid-col-start: 2;
  }
  .md\:span-3 {
    --grid-col-span: 3;
  }
  .md\:start-3 {
    --grid-col-start: 3;
  }
  .md\:span-4 {
    --grid-col-span: 4;
  }
  .md\:start-4 {
    --grid-col-start: 4;
  }
  .md\:span-5 {
    --grid-col-span: 5;
  }
  .md\:start-5 {
    --grid-col-start: 5;
  }
  .md\:span-6 {
    --grid-col-span: 6;
  }
  .md\:start-6 {
    --grid-col-start: 6;
  }
  .md\:span-7 {
    --grid-col-span: 7;
  }
  .md\:start-7 {
    --grid-col-start: 7;
  }
  .md\:span-8 {
    --grid-col-span: 8;
  }
  .md\:start-8 {
    --grid-col-start: 8;
  }
  .md\:span-9 {
    --grid-col-span: 9;
  }
  .md\:start-9 {
    --grid-col-start: 9;
  }
  .md\:span-10 {
    --grid-col-span: 10;
  }
  .md\:start-10 {
    --grid-col-start: 10;
  }
  .md\:span-11 {
    --grid-col-span: 11;
  }
  .md\:start-11 {
    --grid-col-start: 11;
  }
  .md\:span-12 {
    --grid-col-span: 12;
  }
  .md\:start-12 {
    --grid-col-start: 12;
  }
  .md\:span-auto {
    --grid-col-span: auto;
  }
  .md\:start-auto {
    --grid-col-start: auto;
  }
  .md\:span-full {
    --grid-col-span: var(--_grid-cols);
  }
}
@media (max-width: 480px) {
  .sm\:span-1 {
    --grid-col-span: 1;
  }
  .sm\:start-1 {
    --grid-col-start: 1;
  }
  .sm\:span-2 {
    --grid-col-span: 2;
  }
  .sm\:start-2 {
    --grid-col-start: 2;
  }
  .sm\:span-3 {
    --grid-col-span: 3;
  }
  .sm\:start-3 {
    --grid-col-start: 3;
  }
  .sm\:span-4 {
    --grid-col-span: 4;
  }
  .sm\:start-4 {
    --grid-col-start: 4;
  }
  .sm\:span-5 {
    --grid-col-span: 5;
  }
  .sm\:start-5 {
    --grid-col-start: 5;
  }
  .sm\:span-6 {
    --grid-col-span: 6;
  }
  .sm\:start-6 {
    --grid-col-start: 6;
  }
  .sm\:span-7 {
    --grid-col-span: 7;
  }
  .sm\:start-7 {
    --grid-col-start: 7;
  }
  .sm\:span-8 {
    --grid-col-span: 8;
  }
  .sm\:start-8 {
    --grid-col-start: 8;
  }
  .sm\:span-9 {
    --grid-col-span: 9;
  }
  .sm\:start-9 {
    --grid-col-start: 9;
  }
  .sm\:span-10 {
    --grid-col-span: 10;
  }
  .sm\:start-10 {
    --grid-col-start: 10;
  }
  .sm\:span-11 {
    --grid-col-span: 11;
  }
  .sm\:start-11 {
    --grid-col-start: 11;
  }
  .sm\:span-12 {
    --grid-col-span: 12;
  }
  .sm\:start-12 {
    --grid-col-start: 12;
  }
  .sm\:span-auto {
    --grid-col-span: auto;
  }
  .sm\:start-auto {
    --grid-col-start: auto;
  }
  .sm\:span-full {
    --grid-col-span: var(--_grid-cols);
  }
}
/**
 * FLEX!!!
 */
.flex-row {
  display: flex;
  gap: var(--grid-col-gap);
  flex-direction: row;
}
.flex-col, .flex-column {
  display: flex;
  gap: var(--grid-col-gap);
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.space-between {
  justify-content: space-between;
}
.space-around {
  justify-content: space-around;
}
.space-evenly {
  justify-content: space-evenly;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-self-bottom {
  align-self: flex-end;
}
.align-self-top {
  align-self: flex-start;
}
/** 
 * Spacing utilities
 */
.ss-xl {
  padding: var(--section-space-xl);
}
.ss-xl-t {
  padding-top: var(--section-space-xl);
}
.ss-xl-b {
  padding-bottom: var(--section-space-xl);
}
.ss-xl-l {
  padding-left: var(--section-space-xl);
}
.ss-xl-r {
  padding-right: var(--section-space-xl);
}
.ss-xl-inline {
  padding-inline: var(--section-space-xl);
}
.ss-xl-block {
  padding-block: var(--section-space-xl);
}
.ss-main {
  padding: var(--section-space-main);
}
.ss-main-t {
  padding-top: var(--section-space-main);
}
.ss-main-b {
  padding-bottom: var(--section-space-main);
}
.ss-main-l {
  padding-left: var(--section-space-main);
}
.ss-main-r {
  padding-right: var(--section-space-main);
}
.ss-main-inline {
  padding-inline: var(--section-space-main);
}
.ss-main-block {
  padding-block: var(--section-space-main);
}
.ss-lg {
  padding: var(--section-space-lg);
}
.ss-lg-t {
  padding-top: var(--section-space-lg);
}
.ss-lg-b {
  padding-bottom: var(--section-space-lg);
}
.ss-lg-l {
  padding-left: var(--section-space-lg);
}
.ss-lg-r {
  padding-right: var(--section-space-lg);
}
.ss-lg-inline {
  padding-inline: var(--section-space-lg);
}
.ss-lg-block {
  padding-block: var(--section-space-lg);
}
.ss-md {
  padding: var(--section-space-md);
}
.ss-md-t {
  padding-top: var(--section-space-md);
}
.ss-md-b {
  padding-bottom: var(--section-space-md);
}
.ss-md-l {
  padding-left: var(--section-space-md);
}
.ss-md-r {
  padding-right: var(--section-space-md);
}
.ss-md-inline {
  padding-inline: var(--section-space-md);
}
.ss-md-block {
  padding-block: var(--section-space-md);
}
.ss-sm {
  padding: var(--section-space-sm);
}
.ss-sm-t {
  padding-top: var(--section-space-sm);
}
.ss-sm-b {
  padding-bottom: var(--section-space-sm);
}
.ss-sm-l {
  padding-left: var(--section-space-sm);
}
.ss-sm-r {
  padding-right: var(--section-space-sm);
}
.ss-sm-inline {
  padding-inline: var(--section-space-sm);
}
.ss-sm-block {
  padding-block: var(--section-space-sm);
}
.ss-xs {
  padding: var(--section-space-x);
}
.ss-xs-t {
  padding-top: var(--section-space-x);
}
.ss-xs-b {
  padding-bottom: var(--section-space-x);
}
.ss-xs-l {
  padding-left: var(--section-space-x);
}
.ss-xs-r {
  padding-right: var(--section-space-x);
}
.ss-xs-inline {
  padding-inline: var(--section-space-x);
}
.ss-xs-block {
  padding-block: var(--section-space-x);
}
.cg-xl {
  gap: var(--content-gap-xl);
}
.cg-xl-p {
  padding: var(--content-gap-xl);
}
.cg-xl-t {
  padding-top: var(--content-gap-xl);
}
.cg-xl-b {
  padding-bottom: var(--content-gap-xl);
}
.cg-xl-l {
  padding-left: var(--content-gap-xl);
}
.cg-xl-r {
  padding-right: var(--content-gap-xl);
}
.cg-xl-inline {
  padding-inline: var(--content-gap-xl);
}
.cg-xl-block {
  padding-block: var(--content-gap-xl);
}
.cg-lg {
  gap: var(--content-gap-lg);
}
.cg-lg-p {
  padding: var(--content-gap-lg);
}
.cg-lg-t {
  padding-top: var(--content-gap-lg);
}
.cg-lg-b {
  padding-bottom: var(--content-gap-lg);
}
.cg-lg-l {
  padding-left: var(--content-gap-lg);
}
.cg-lg-r {
  padding-right: var(--content-gap-lg);
}
.cg-lg-inline {
  padding-inline: var(--content-gap-lg);
}
.cg-lg-block {
  padding-block: var(--content-gap-lg);
}
.cg-md {
  gap: var(--content-gap-md);
}
.cg-md-p {
  padding: var(--content-gap-md);
}
.cg-md-t {
  padding-top: var(--content-gap-md);
}
.cg-md-b {
  padding-bottom: var(--content-gap-md);
}
.cg-md-l {
  padding-left: var(--content-gap-md);
}
.cg-md-r {
  padding-right: var(--content-gap-md);
}
.cg-md-inline {
  padding-inline: var(--content-gap-md);
}
.cg-md-block {
  padding-block: var(--content-gap-md);
}
.cg-main {
  gap: var(--content-gap-main);
}
.cg-main-p {
  padding: var(--content-gap-main);
}
.cg-main-t {
  padding-top: var(--content-gap-main);
}
.cg-main-b {
  padding-bottom: var(--content-gap-main);
}
.cg-main-l {
  padding-left: var(--content-gap-main);
}
.cg-main-r {
  padding-right: var(--content-gap-main);
}
.cg-main-inline {
  padding-inline: var(--content-gap-main);
}
.cg-main-block {
  padding-block: var(--content-gap-main);
}
.cg-sm {
  gap: var(--content-gap-sm);
}
.cg-sm-p {
  padding: var(--content-gap-sm);
}
.cg-sm-t {
  padding-top: var(--content-gap-sm);
}
.cg-sm-b {
  padding-bottom: var(--content-gap-sm);
}
.cg-sm-l {
  padding-left: var(--content-gap-sm);
}
.cg-sm-r {
  padding-right: var(--content-gap-sm);
}
.cg-sm-inline {
  padding-inline: var(--content-gap-sm);
}
.cg-sm-block {
  padding-block: var(--content-gap-sm);
}
.cg-xs {
  gap: var(--content-gap-xs);
}
.cg-xs-p {
  padding: var(--content-gap-xs);
}
.cg-xs-t {
  padding-top: var(--content-gap-xs);
}
.cg-xs-b {
  padding-bottom: var(--content-gap-xs);
}
.cg-xs-l {
  padding-left: var(--content-gap-xs);
}
.cg-xs-r {
  padding-right: var(--content-gap-xs);
}
.cg-xs-inline {
  padding-inline: var(--content-gap-xs);
}
.cg-xs-block {
  padding-block: var(--content-gap-xs);
}
.cg-xxs {
  gap: var(--content-gap-xx);
}
.cg-xxs-p {
  padding: var(--content-gap-xx);
}
.cg-xxs-t {
  padding-top: var(--content-gap-xx);
}
.cg-xxs-b {
  padding-bottom: var(--content-gap-xx);
}
.cg-xxs-l {
  padding-left: var(--content-gap-xx);
}
.cg-xxs-r {
  padding-right: var(--content-gap-xx);
}
.cg-xxs-inline {
  padding-inline: var(--content-gap-xx);
}
.cg-xxs-block {
  padding-block: var(--content-gap-xx);
}
.ts-lg {
  margin-block: var(--text-space-lg);
}
.ts-lg-t {
  margin-top: var(--text-space-lg);
}
.ts-lg-b {
  margin-bottom: var(--text-space-lg);
}
.ts-lg-l {
  margin-left: var(--text-space-lg);
}
.ts-lg-r {
  margin-right: var(--text-space-lg);
}
.ts-lg-inline {
  margin-inline: var(--text-space-lg);
}
.ts-lg-block {
  margin-block: var(--text-space-lg);
}
.ts-md {
  margin-block: var(--text-space-md);
}
.ts-md-t {
  margin-top: var(--text-space-md);
}
.ts-md-b {
  margin-bottom: var(--text-space-md);
}
.ts-md-l {
  margin-left: var(--text-space-md);
}
.ts-md-r {
  margin-right: var(--text-space-md);
}
.ts-md-inline {
  margin-inline: var(--text-space-md);
}
.ts-md-block {
  margin-block: var(--text-space-md);
}
.ts-sm {
  margin-block: var(--text-space-sm);
}
.ts-sm-t {
  margin-top: var(--text-space-sm);
}
.ts-sm-b {
  margin-bottom: var(--text-space-sm);
}
.ts-sm-l {
  margin-left: var(--text-space-sm);
}
.ts-sm-r {
  margin-right: var(--text-space-sm);
}
.ts-sm-inline {
  margin-inline: var(--text-space-sm);
}
.ts-sm-block {
  margin-block: var(--text-space-sm);
}
.ts-xs {
  margin-block: var(--text-space-xs);
}
.ts-xs-t {
  margin-top: var(--text-space-xs);
}
.ts-xs-b {
  margin-bottom: var(--text-space-xs);
}
.ts-xs-l {
  margin-left: var(--text-space-xs);
}
.ts-xs-r {
  margin-right: var(--text-space-xs);
}
.ts-xs-inline {
  margin-inline: var(--text-space-xs);
}
.ts-xs-block {
  margin-block: var(--text-space-xs);
}
.ts-xxs {
  margin-block: var(--text-space-xx);
}
.ts-xxs-t {
  margin-top: var(--text-space-xx);
}
.ts-xxs-b {
  margin-bottom: var(--text-space-xx);
}
.ts-xxs-l {
  margin-left: var(--text-space-xx);
}
.ts-xxs-r {
  margin-right: var(--text-space-xx);
}
.ts-xxs-inline {
  margin-inline: var(--text-space-xx);
}
.ts-xxs-block {
  margin-block: var(--text-space-xx);
}
.mi-auto {
  margin-inline: auto;
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.cg-0 {
  gap: 0;
}
.prose {
  font-weight: 400;
  font-size: var(--text-body);
  /** Gallery WYSIWYG **/
}
.prose a {
  color: var(--color-ocean-blue);
}
.prose p a:not(.cta), .prose li a:not(.cta), .prose blockquote a:not(.cta) {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.prose ul, .prose ol, .prose dl {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  line-height: 1.5;
}
.prose ul:last-child, .prose ol:last-child, .prose dl:last-child {
  margin-bottom: 0;
}
.prose li {
  line-height: 1.5;
  margin-bottom: 0.6rem;
}
.prose li:last-child {
  margin-bottom: 0;
}
.prose img {
  object-fit: cover;
}
.prose iframe {
  width: 100%;
  display: block;
}
.prose iframe[title*="video"], .prose iframe[class*="video"] {
  aspect-ratio: 1.7777777778;
  height: auto;
}
.prose blockquote {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  position: relative;
}
.prose blockquote::before {
  content: "";
  display: block;
  background: url("data: image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.75%2024C2.14286%2024%200%2021.6109%200%2017.1584C0%208.14479%208.57143%200%2012.2143%200C13.3929%200%2014.25%200.651585%2014.25%201.73756C14.25%202.71494%2013.7143%203.36652%2012.75%204.1267C11.25%205.32127%207.82143%208.1448%207.82143%2010.9683C7.82143%2012.2715%209.10714%2013.0317%2010.3929%2013.6833C12%2014.552%2013.7143%2015.7466%2013.7143%2018.3529C13.7143%2021.6109%2010.7143%2024%206.75%2024ZM25.5%2024C20.8929%2024%2018.75%2021.6109%2018.75%2017.1584C18.75%208.14479%2027.3214%200%2030.9643%200C32.1429%200%2033%200.651585%2033%201.73756C33%202.71494%2032.4643%203.36652%2031.5%204.1267C30%205.32127%2026.5714%208.1448%2026.5714%2010.9683C26.5714%2012.2715%2027.8571%2013.0317%2029.1429%2013.6833C30.75%2014.552%2032.4643%2015.7466%2032.4643%2018.3529C32.4643%2021.6109%2029.4643%2024%2025.5%2024Z%22%20fill%3D%22%23FFC20E%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  width: 2.0625rem;
  height: 1.5rem;
  margin-bottom: 1.5rem;
}
.prose blockquote:last-child {
  margin-bottom: 0;
}
.prose blockquote > * {
  font-size: var(--text-body-lg);
}
.prose .cta {
  font-size: var(--text-sm);
}
.prose p:has(.cta) {
  margin-top: calc(var(--text-space-lg) + 0.25rem);
}
.prose + .cta {
  margin-top: 1.5rem;
}
.prose .cta + .cta {
  margin-left: 0.5rem;
}
.prose .gallery {
  display: grid;
  grid-template-columns: repeat(var(--gallery-cols, 3), minmax(0, 1fr));
  gap: 2.5rem 1.75rem;
  margin: 2rem 0 3.5rem;
  padding: 0;
}
.prose figure {
  margin: 0;
  padding: 0;
}
.prose .gallery-icon {
  overflow: hidden;
}
.prose .gallery-columns-1 {
  --gallery-cols: 1;
}
.prose .gallery-columns-2 {
  --gallery-cols: 2;
}
.prose .gallery-columns-3 {
  --gallery-cols: 3;
}
.prose .gallery-columns-4 {
  --gallery-cols: 4;
}
.prose .gallery-columns-5 {
  --gallery-cols: 5;
}
.prose .gallery-columns-6 {
  --gallery-cols: 6;
}
.prose .gallery-columns-7 {
  --gallery-cols: 7;
}
.prose .gallery-columns-8 {
  --gallery-cols: 8;
}
.prose .gallery-columns-9 {
  --gallery-cols: 9;
}
.prose .gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1.5;
  scale: 1;
  transition: all 450ms ease;
}
.prose .gallery img:hover {
  scale: 1.05;
}
.prose .gallery.gallery-style-expanded {
  --_expand: 8rem;
  --_width: calc(100% + var(--_expand) * 2);
  max-width: var(--_width);
  width: var(--_width);
  translate: calc(var(--_expand) * -1) 0;
}
.prose .gallery.gallery-style-expanded.gallery-columns-2 {
  --_expand: 4rem;
}
.prose .gallery .gallery-caption {
  margin-top: 1rem;
  font-size: var(--text-a1);
}
.prose .gallery figure.gallery-item {
  position: relative;
}
.prose .icon-text-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-weight: 500;
  --_background-image: url("../images/icons/arrow-down.svg");
}
.prose .icon-text-item::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: var(--_background-image);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.prose .icon-text-item[data-icon="calendar"] {
  --_background-image: url("../images/icons/calendar.svg");
}
.prose .icon-text-item[data-icon="globe"] {
  --_background-image: url("../images/icons/globe.svg");
}
.prose .icon-text-item[data-icon="clock"] {
  --_background-image: url("../images/icons/clock.svg");
}
.prose .icon-text-item[data-icon="place"] {
  --_background-image: url("../images/icons/place.svg");
}
.prose .icon-text-item[data-icon="player"] {
  --_background-image: url("../images/icons/player.svg");
}
.prose .icon-text-item[data-icon="play"] {
  --_background-image: url("../images/icons/play.svg");
}
.prose .icon-text-item[data-icon="profile"] {
  --_background-image: url("../images/icons/profile.svg");
}
.prose .eyebrow + p:has(.icon-text-item) {
  margin-top: 1.75rem;
}
.sans {
  font-family: var(--font-jakarta);
}
.font-greycliff {
  font-family: var(--font-greycliff);
}
.font-new-spirit, .serif {
  font-family: var(--font-new-spirit);
  font-weight: 400;
  --_size-modifer: 0.9;
}
.font-felt-tip {
  font-family: var(--font-felt-tip);
  font-weight: 400;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading {
  font-family: var(--font-headings);
  font-weight: var(--font-heading-weight);
  font-optical-sizing: auto;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  color: currentColor;
  --_size-modifer: 1;
}
h1.light, .h1.light, h2.light, .h2.light, h3.light, .h3.light, h4.light, .h4.light, h5.light, .h5.light, h6.light, .h6.light, .heading.light {
  font-weight: 400;
}
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child, .heading:last-child {
  margin-bottom: 0;
}
h1 .serif, h1 .font-new-spirit, .h1 .serif, .h1 .font-new-spirit, h2 .serif, h2 .font-new-spirit, .h2 .serif, .h2 .font-new-spirit, h3 .serif, h3 .font-new-spirit, .h3 .serif, .h3 .font-new-spirit, h4 .serif, h4 .font-new-spirit, .h4 .serif, .h4 .font-new-spirit, h5 .serif, h5 .font-new-spirit, .h5 .serif, .h5 .font-new-spirit, h6 .serif, h6 .font-new-spirit, .h6 .serif, .h6 .font-new-spirit, .heading .serif, .heading .font-new-spirit {
  font-size: 0.9em;
}
h1, .h1 {
  font-size: calc(var(--_size-modifer) * var(--text-5xl));
  line-height: 1.04;
  letter-spacing: -0.075rem;
}
h2, .h2 {
  font-size: calc(var(--_size-modifer) * var(--text-4xl));
  line-height: 1.06;
  letter-spacing: -0.0625rem;
}
h3, .h3 {
  font-size: calc(var(--_size-modifer) * var(--text-3xl));
  line-height: 1.1;
  letter-spacing: -0.04rem;
}
h4, .h4 {
  font-size: calc(var(--_size-modifer) * var(--text-2xl));
  line-height: 1.1;
  letter-spacing: -0.03rem;
}
h5, .h5 {
  font-size: calc(var(--_size-modifer) * var(--text-xl));
  line-height: 1.24;
  letter-spacing: -0.02rem;
}
h6, .h6 {
  font-size: calc(var(--_size-modifer) * var(--text-lg));
  line-height: 1.3;
}
p {
  line-height: 1.5;
}
p:not(:last-child) {
  margin-bottom: 1.5rem;
}
.title {
  --_size-modifer: 1;
}
.title.title-large {
  font-size: calc(var(--_size-modifer) * var(--text-4xl));
  line-height: 1.06;
  letter-spacing: -0.0625rem;
}
.title.title-medium {
  font-size: calc(var(--_size-modifer) * var(--text-3xl));
  line-height: 1.1;
  letter-spacing: -0.04rem;
}
.title.title-small {
  font-size: calc(var(--_size-modifer) * var(--text-2xl));
  line-height: 1.1;
  letter-spacing: -0.03rem;
}
a {
  cursor: pointer;
  transition: all 150ms ease;
  text-decoration: none;
  color: inherit;
}
.eyebrow {
  font-family: var(--font-felt-tip);
  font-weight: 400;
  line-height: 1.2;
  font-size: var(--text-xl);
  color: currentColor;
  margin-bottom: 1rem;
}
.bold, .fw-bold {
  font-weight: 800;
}
.fw-normal {
  font-weight: 400;
}
.fw-light {
  font-weight: 300;
}
p:empty {
  display: none;
}
.text-2xs {
  font-size: var(--text-2xs);
}
.text-xs {
  font-size: var(--text-xs);
}
.text-sm {
  font-size: var(--text-sm);
}
.text-md {
  font-size: var(--text-md);
}
.text-base {
  font-size: var(--text-base);
}
.text-body {
  font-size: var(--text-body);
}
.text-body-lg {
  font-size: var(--text-body-lg);
}
.text-lg {
  font-size: var(--text-lg);
}
.text-xl {
  font-size: var(--text-xl);
}
.text-2xl {
  font-size: var(--text-2xl);
}
.text-3xl {
  font-size: var(--text-3xl);
}
.text-4xl {
  font-size: var(--text-4xl);
}
.text-5xl {
  font-size: var(--text-5xl);
}
html {
  font-size: var(--text-root);
}
body {
  font-size: var(--text-base);
}
html, body {
  font-family: var(--font-body);
  font-size: var(--text-root);
  color: var(--color-black);
  background-color: var(--color-bg);
  line-height: 1.5;
  font-weight: var(--font-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  tab-size: 4;
  --column-width-vw: calc( (100vw - var(--gutter)*2 - var(--grid-col-gap) * 11) / 12);
}
@media (max-width: 768px) {
  html, body {
    --column-width-vw: calc((100vw - var(--gutter)*2 - var(--grid-col-gap) * 5) / 6);
  }
}
@media (max-width: 480px) {
  html, body {
    --column-width-vw: calc((100vw - var(--gutter)*2 - var(--grid-col-gap) * 3) / 4);
  }
}
@media screen and (min-width: 104rem) {
  html, body {
    --column-width-vw: calc((104rem - var(--grid-col-gap) * 11) / 12);
  }
}
.mobile-only {
  display: none;
}
a, button {
  cursor: pointer;
}
/* Core */
.sr-only {
  display: none;
}
.mobile-only {
  display: none;
}
.image-wrap img {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}
.image-wrap.portrait img {
  aspect-ratio: 0.8;
}
.image-wrap.landscape img {
  aspect-ratio: 1.5;
}
img {
  object-position: center center;
  /* Fallback */
}
img[data-focal-x] {
  object-position: var(--_focal-x) var(--_focal-y);
}
.link {
  text-decoration: underline;
  color: currentColor;
}
.posted-on .updated:not(.published) {
  display: none;
}
p iframe {
  width: 100%;
}
iframe.video {
  aspect-ratio: 1.7777777778;
  width: 100%;
  background-color: var(--clr--black);
}
.media-wrap .video {
  width: 100%;
}
/** HOPE CORE ELEMENTS */
.content {
  max-width: var(--content-width);
  margin-inline: auto;
}
.stripe {
  width: 4.125rem;
  height: 1.375rem;
  background-color: var(--_color-bg, var(--color-accent));
  aspect-ratio: 3;
  --_color-bg: var(--color-bg, var(--color-sunny-yellow));
}
.eyebrow {
  font-family: var(--font-felt-tip);
  font-weight: 400;
  line-height: 1.2;
  font-size: var(--text-xl);
  color: currentColor;
  margin-bottom: 1rem;
}
.cta, .btn, a.cta, a.btn {
  --_color-bg: var(--color-accent);
  --_color-border: var(--color-accent);
  --_color-text: var(--color-black);
  border-radius: 2.5rem;
  --_border-width: 1px;
  border: solid var(--_border-width) transparent;
  background: var(--_color-bg, var(--color-accent));
  color: var(--_color-text, var(--color-black));
  padding: 0.625rem 1.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--font-greycliff);
  font-size: var(--text-base);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -0.0125rem;
  cursor: pointer;
  transition: all 150ms ease;
  width: var(--_width, fit-content);
}
.cta:hover, .btn:hover, a.cta:hover, a.btn:hover {
  background: var(--_color-bg-hover, transparent);
  border-color: var(--_color-border-hover, currentColor);
  color: var(--_color-text-hover, currentColor);
}
.cta__sm, .btn__sm, a.cta__sm, a.btn__sm {
  font-size: var(--text-sm);
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
}
.cta__secondary, .cta__ghost, .btn__secondary, .btn__ghost, a.cta__secondary, a.cta__ghost, a.btn__secondary, a.btn__ghost {
  --_color-bg: transparent;
  --_color-text: currentColor;
  --_color-border: currentColor;
  --_color-bg-hover: var(--color-accent);
  --_color-border-hover: var(--color-accent);
  --_color-text-hover: var(--color-white);
  border-color: var(--_color-border);
}
.cta__white, .btn__white, a.cta__white, a.btn__white {
  --_color-bg: var(--color-white);
  --_color-border: var(--color-white);
  --_color-bg-hover: var(--color-sunny-yellow);
  --_color-border-hover: var(--color-sunny-yellow);
  --_color-text-hover: currentColor;
}
.cta__text, .btn__text, a.cta__text, a.btn__text {
  padding: 0;
  border-radius: 0;
  border-width: 0;
  --_bg: transparent;
  --_fg: currentColor;
}
.bg-hope-yellow .cta, .bg-hope-yellow .btn {
  --_color-bg: var(--color-white);
  --_color-border: var(--color-white);
  --_color-bg-hover: var(--color-sunny-yellow);
  --_color-border-hover: var(--color-sunny-yellow);
}
.btn_circle {
  --_icon-size: 2rem;
  border-radius: 100%;
  background-color: var(--color-accent);
  color: var(--color-white);
  border: 0;
  aspect-ratio: 1;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  transition: all 250ms ease;
}
.btn_circle svg {
  width: var(--_icon-size);
  height: var(--_icon-size);
  object-fit: contain;
  transition: all 250ms ease;
}
.btn_circle:hover {
  background-color: var(--color-black);
}
.btn_circle:hover[data-scroll-control="prev"] svg {
  translate: -0.25rem 0;
}
.btn_circle:hover svg {
  translate: 0.25rem 0;
}
.button-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
  width: 100%;
}
.button-group.centered {
  justify-content: center;
}
.button-group.right {
  justify-content: flex-end;
}
.button-group.left {
  justify-content: flex-start;
}
.prose + .button-group, .title-group + .button-group, .content-group + .button-group {
  margin-top: 1.75rem;
}
@media (max-width: 480px) {
  .prose + .button-group, .title-group + .button-group, .content-group + .button-group {
    margin-top: 1.25rem;
  }
}
.draggable-scroll {
  cursor: grab;
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  width: 100vw;
  --_translate-offset: calc(var(--gutter) * -1);
  translate: var(--_translate-offset) 0;
}
.draggable-scroll.is-dragging {
  scroll-snap-type: none;
}
@media (min-width: 112rem) {
  .draggable-scroll {
    --_translate-offset: calc( (100vw - var(--max-width) - (var(--gutter) * 2)) / -2);
  }
  .draggable-scroll > *:first-child {
    margin-left: var(--gutter);
  }
  .draggable-scroll > *:last-child {
    margin-right: var(--gutter);
  }
}
.draggable-scroll::-webkit-scrollbar {
  display: none;
}
.draggable-scroll .scroll-track {
  display: flex;
  width: max-content;
  padding-inline: var(--gutter);
}
@media (min-width: 112rem) {
  .draggable-scroll .scroll-track {
    padding-inline: calc(var(--_translate-offset) * -1);
  }
}
.draggable-scroll .scroll-item {
  width: calc(var(--column-width-vw) * 3 + var(--grid-col-gap) * 2);
}
.draggable-scroll__controls {
  margin-top: 2.5rem;
  width: 100%;
}
.draggable-scroll__controls--inner {
  display: flex;
  gap: 1.5rem;
  justify-content: flex-end;
}
.draggable-scroll__controls--button {
  border-radius: 100%;
  background-color: transparent;
  color: currentColor;
  border: 2px solid var(--color-black);
  aspect-ratio: 1;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 250ms ease;
  width: 4.25rem;
  height: 4.25rem;
  outline: 0px solid transparent;
}
.draggable-scroll__controls--button svg {
  width: 2.125rem;
  height: auto;
  object-fit: contain;
  transition: all 250ms ease;
  color: var(--color-black);
}
.draggable-scroll__controls--button:hover {
  background-color: color-mix(in srgb, var(--color-bg), var(--color-white) 50%);
}
.draggable-scroll__controls--button:hover[data-scroll-control="prev"] svg {
  translate: -0.25rem 0;
}
.draggable-scroll__controls--button:hover svg {
  translate: 0.25rem 0;
}
.draggable-scroll__controls--labels {
  display: flex;
  gap: 0.38rem;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  border: 0;
}
.draggable-scroll__controls--labels .draggable-scroll__controls--button {
  background-color: var(--color-black-60);
  width: 0.5rem;
  height: 0.5rem;
  padding-inline: 0;
  padding-block: 0;
  border-radius: 1.5rem;
  transition: all 350ms ease;
  outline: 0px solid transparent;
  border-width: 0px;
}
.draggable-scroll__controls--labels .draggable-scroll__controls--button.active {
  background-color: var(--color-black);
  width: 1.75rem;
}
.draggable-scroll__controls--labels .draggable-scroll__controls--button:hover {
  background-color: var(--color-black);
  scale: 1.2;
}
.image-stack {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-content: center;
  padding-top: 4.5rem;
}
.image-stack img {
  aspect-ratio: 1.5;
  object-fit: cover;
}
.image-stack__item {
  position: relative;
  grid-row: 1;
  grid-column: 1;
  width: 90%;
  transition: all 250ms ease-in-out;
  opacity: 1;
}
.image-stack__item-1 {
  z-index: 3;
  transform-origin: bottom left;
}
.image-stack__item-1 .hope-tab {
  right: 4rem;
}
@media (max-width: 768px) {
  .image-stack__item-1 .hope-tab {
    right: 2.95rem;
  }
}
.image-stack__item-2 {
  margin-left: auto;
  translate: 0 -2rem;
  transform-origin: center right;
  z-index: 2;
}
.image-stack__item-2 .hope-tab {
  left: 3.5rem;
}
@media (max-width: 768px) {
  .image-stack__item-2 .hope-tab {
    left: 2.125rem;
  }
}
.image-stack__item-3 {
  margin-inline: auto;
  translate: 0 -4.5rem;
  transform-origin: top right;
  z-index: 1;
}
.image-stack__item-3 .hope-tab {
  right: 3rem;
}
@media (max-width: 768px) {
  .image-stack__item-3 .hope-tab {
    right: 1.75rem;
  }
}
.image-stack__item.is-next {
  z-index: 4;
}
.image-stack__item.is-previous {
  z-index: 3;
}
.image-stack__item.is-active {
  z-index: 5;
}
.image-stack__item.is-active .image-stack__caption {
  opacity: 1;
}
.image-stack__item.is-exiting {
  z-index: 5;
  opacity: 0.85;
  rotate: 3deg;
  translate: 1rem -1rem;
}
.image-stack__item.is-exiting .image-stack__caption {
  opacity: 0;
}
.image-stack__item.is-exiting.image-stack__item-1 {
  rotate: -3deg;
}
.image-stack__item.is-exiting.image-stack__item-2 {
  rotate: 5deg;
  translate: 1rem -2rem;
}
.image-stack__item.is-exiting.image-stack__item-3 {
  translate: 0.5rem -6rem;
}
.image-stack__item-inner {
  position: relative;
  isolation: isolate;
}
.image-stack__caption {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
  right: 1rem;
  font-family: var(--font-felt-tip);
  font-size: 2.5rem;
  color: var(--color-white);
  transition: opacity 50ms ease;
  opacity: 0;
}
.image-stack .hope-tab {
  position: absolute;
  top: 0;
  translate: 0% -50%;
}
.hope-tab {
  width: 3.96125rem;
  height: 1.32044rem;
  aspect-ratio: 3;
}
@media (max-width: 768px) {
  .hope-tab {
    width: 2.5rem;
    height: 0.825rem;
  }
}
.image-caption {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
  right: 1rem;
  font-family: var(--font-felt-tip);
  font-size: 2.5rem;
  color: var(--color-white);
}
dialog {
  border: 0;
  padding: 0 var(--gutter);
  background: transparent;
  max-width: 100vw;
  width: 100%;
  margin-inline: auto;
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
dialog[data-closing] {
  opacity: 0;
  transform: scale(0.95);
}
dialog[open].open {
  opacity: 1;
  transform: scale(1);
}
dialog .dialog__content {
  position: relative;
  padding: 2rem;
  background: var(--color-white);
  border-radius: 1rem;
  max-width: 40rem;
  margin: 0 auto;
}
dialog .dialog__content .prose h1, dialog .dialog__content .prose h2, dialog .dialog__content .prose h3 {
  font-size: calc(var(--_size-modifer) * var(--text-2xl));
  line-height: 1.1;
  letter-spacing: -0.03rem;
}
dialog .dialog__content .video, dialog .dialog__content iframe {
  width: 100%;
  aspect-ratio: 1.7777777778 !important;
  height: auto !important;
  background-color: var(--color-black);
  border-radius: 0 !important;
}
dialog .dialog__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
  --_icon-size: 1rem;
  background-color: var(--color-white);
  color: var(--color-black);
}
dialog .dialog__close:hover {
  background-color: var(--color-sunny-yellow);
}
dialog .dialog__close:hover svg {
  translate: 0 0;
  scale: 1.25;
}
dialog#hx-popup {
  height: 100svh !important;
  opacity: 1;
  color: inherit;
  background: inherit;
}
dialog#hx-popup[open] {
  opacity: 1;
}
dialog#hx-popup iframe {
  background: inherit;
}
.mdl-lqip {
  filter: blur(3px);
  transition: filter 0.4s ease-out;
}
.mdl-lqip.is-loaded {
  filter: blur(0);
}
.site {
  position: relative;
}
.site-header {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1000;
}
.site-header .cta {
  font-family: var(--font-serif);
  font-weight: 400;
  padding: 0.38rem 1.25rem;
  font-size: var(--text-body-sm);
}
.site-navigation {
  align-items: start;
}
.main-navigation__logo svg {
  min-width: 2.875rem;
  width: 2.875rem;
}
.main-navigation__wrap {
  width: 100%;
}
@media (min-width: 1200px) {
  .main-navigation__wrap {
    min-width: max-content;
  }
}
#header-menu {
  isolation: isolate;
  position: relative;
  z-index: 1000;
}
#header-menu a {
  transition: all 0.3s ease-in-out;
  opacity: 1;
  cursor: pointer;
}
.main-navigation__mobile--footer, .main-navigation__mobile--header, .slide-menu__page--header {
  display: none;
}
#page:has(.page-header.header__hero) #siteNavigation .hope-economy-logo .cls-2, #page:has(.page-header.header__drop) #siteNavigation .hope-economy-logo .cls-2 {
  fill: var(--color-black) !important;
}
#page:has(.page-header.header__hero) #siteNavigation .cta, #page:has(.page-header.header__drop) #siteNavigation .cta {
  --_color-bg: var(--color-white);
  --_color-border: var(--color-white);
  --_color-bg-hover: var(--color-sunny-yellow);
  --_color-border-hover: var(--color-sunny-yellow);
}
.slide-menu__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
@media screen and (min-width: 1025px) {
  .site-header {
    padding-top: 1.75rem;
  }
  .main-navigation__wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #header-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0rem;
    padding: 0;
    font-size: var(--text-body-sm);
  }
  #header-menu .slide-menu__link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: space-between;
  }
  #header-menu > li.menu-item > a, #header-menu > li.menu-item > .no-link {
    display: flex;
    padding: 0.375rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.1875rem;
    border-radius: 100vh;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  #header-menu > li.menu-item > a > svg, #header-menu > li.menu-item > .no-link > svg {
    display: none;
  }
  #header-menu > li.menu-item .slide-menu__page {
    display: none;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    transform-origin: top center;
    translate: 0.5rem 0rem;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
  }
  #header-menu > li.menu-item .slide-menu__page .slide-menu__page--inner {
    transition: all 250ms ease-in-out 75ms;
  }
  #header-menu > li.menu-item .slide-menu__page .slide-menu__page--inner + .slide-menu__page--inner {
    transition-delay: 120ms;
  }
  #header-menu > li.menu-item.is-active > a {
    background-color: var(--color-hope-yellow-50);
  }
  #header-menu > li.menu-item.is-active > .slide-menu__page, #header-menu > li.menu-item.is-entering > .slide-menu__page, #header-menu > li.menu-item.is-exiting > .slide-menu__page {
    display: block;
    position: absolute;
    z-index: 1000;
  }
  #header-menu > li.menu-item.is-active > .slide-menu__page {
    display: block;
    position: absolute;
    z-index: 1000;
    opacity: 1;
    scale: 1;
    box-shadow: 0px 4px 12px -5px rgba(0, 0, 0, 0.7);
    translate: 0 0;
  }
  #header-menu > li.menu-item.is-active > .slide-menu__page .slide-menu__page--inner {
    translate: 0 0;
  }
  #header-menu > li.menu-item.is-exiting > .slide-menu__page {
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: 175ms;
    translate: 0.5rem 0rem;
  }
  #header-menu > li.menu-item .sub-menu .menu-item.is-active > .slide-menu__page {
    display: block;
    opacity: 1;
    scale: 1;
  }
  #header-menu > li.menu-item .sub-menu .slide-menu__link {
    padding: 0.25rem 1rem;
    border-radius: 100vw;
  }
  #header-menu > li.menu-item .sub-menu .slide-menu__link .text {
    transition: all 250ms ease;
  }
  #header-menu > li.menu-item .sub-menu .slide-menu__link:hover {
    background-color: var(--color-sunny-yellow-50);
  }
  #header-menu > li.menu-item .sub-menu .slide-menu__link:hover .text {
    translate: 0.5rem 0rem;
  }
  .menu-item--donate {
    margin-left: 0.5rem;
  }
  ul#header-menu::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2223%22%20viewBox%3D%220%200%2032%2023%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.4563%201.49215C14.0575%20-0.497348%2017.0876%20-0.497351%2018.6887%201.49215L30.2536%2015.8622C32.3599%2018.4794%2030.4969%2022.3701%2027.1374%2022.3701H4.00759C0.648136%2022.3701%20-1.21486%2018.4794%200.891405%2015.8622L12.4563%201.49215Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    z-index: 1004;
    bottom: 0;
    translate: 0 calc(100% + 0.5rem);
    left: calc(anchor( left ) + 3rem);
    position-anchor: --active-item;
    transition: left 250ms ease-in-out 150ms, opacity 350ms ease-in-out 0ms;
    opacity: 0;
    filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.1));
    pointer-events: none;
  }
  ul#header-menu:has(li.menu-item-has-children.is-active:not(.menu-item--donate))::before {
    opacity: 1;
  }
  ul#header-menu:has(li.menu-item-has-children.is-active.is-exiting)::before {
    opacity: 0;
    transition: opacity 50ms ease 0ms, left 250ms ease-in-out 0ms;
  }
  li.menu-item.is-active {
    anchor-name: --active-item;
  }
  .main-navigation__utilities {
    display: none;
  }
  .menu-button {
    font-size: var(--text-sm);
    font-weight: 600;
    padding: calc(0.5rem + 0.3125rem) 1rem;
    border: solid 0px transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
  }
  .menu-button .search-icon-close {
    display: none;
  }
  .menu-button.menu-toggle {
    display: none;
  }
  .slide-menu__page.depth-0 {
    position: absolute;
    top: calc(100% + 1.5rem);
    right: 0;
    width: calc(100% - 0rem);
    border-radius: 1.25rem;
    padding: 1rem 0.375rem;
    background-color: var(--color-white);
    border: 0px solid transparent;
    font-family: var(--font-sans);
    font-weight: 500;
  }
  .slide-menu__page.depth-0 > .slide-menu__page--inner {
    position: relative;
  }
  .slide-menu__page.depth-0 .slide-menu__page {
    display: none;
  }
  .slide-menu__page.depth-0 .sub-menu {
    font-weight: 500;
    font-size: var(--text-body);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .slide-menu__section-title, .slide-menu__subtitle {
    grid-column: span 2;
    font-size: var(--text-sm);
  }
  .slide-menu__section-title {
    color: var(--color-red);
    font-weight: 700;
    font-family: var(--font-oswald);
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
  }
  .slide-menu__section-title .slide-menu__section-action {
    color: var(--color-navy);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .slide-menu__link--feature {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;
  }
  .slide-menu__subtitle {
    margin-top: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
  }
  .slide-menu__section-title + .slide-menu__subtitle {
    margin-top: 0;
  }
  .slide-menu__featured-image {
    flex-shrink: 0;
  }
  .slide-menu__featured-image img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.5rem;
  }
}
/**
* Tablet & Mobile Navigation
*/
@media (max-width: 1024px) {
  /*
    .menu li:first-child .slide-menu__page {
        display: block;
    }
    */
  /*
    #header-menu > li.menu-item:not(.menu-item--donate) > .slide-menu__link .slide-menu__title {
        translate: 5rem 0;
        transition: translate 250ms ease;
        will-change: translate;
    
        transition-delay: calc(150ms + (var(--_item-index) * 40ms));
    }
    */
  .site-header {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .main-navigation__logo svg .cls-2 {
    fill: var(--color-black);
  }
  .main-navigation__utilities .utility-item, .main-navigation__utilities .search-toggle {
    display: none;
  }
  .main-navigation__mobile--footer, .main-navigation__mobile--header, .header-menu__wrap {
    padding-inline: var(--gutter);
  }
  .main-navigation__mobile--footer {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    gap: 0.5rem;
  }
  .main-navigation__mobile--footer .cta {
    width: 100%;
  }
  .header-menu__wrap {
    transition: min-height 250ms ease;
    --_modified-height: calc(1rem + var(--_sub-menu-height, 12rem));
    min-height: var(--_modified-height);
  }
  .main-navigation__mobile--header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.25rem;
  }
  .main-navigation__mobile--header .btn_circle {
    padding: 0;
    width: 2rem;
    height: 2rem;
    color: var(--color-black);
    --_icon-size: 1rem;
  }
  .main-navigation__mobile--header .btn_circle:hover svg {
    translate: 0 0;
    scale: 1.1;
  }
  .slide-menu__featured-image {
    display: none;
  }
  #masthead {
    --_gutter-half: calc(var(--gutter) / 2);
  }
  #masthead::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2000;
    pointer-events: none;
    transition: all 350ms ease-in-out;
    opacity: 0;
    backdrop-filter: blur(0rem);
  }
  .menu-item--donate {
    margin-top: 4rem;
  }
  .menu-item--donate .cta {
    width: 100%;
    --_color-bg: var(--color-white);
    --_color-border: var(--color-white);
  }
  #mainNavigation {
    --_top-offset: 0px;
    position: fixed;
    top: 0;
    bottom: auto;
    right: 0;
    width: 100%;
    max-width: 100vw;
    z-index: 5000;
    padding-top: calc(1.25rem + var(--_top-offset));
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    background-color: var(--color-hope-yellow);
  }
  #mainNavigation .menu {
    display: flex;
    flex-direction: column;
    gap: 0rem;
    padding-bottom: var(--gutter);
  }
  #mainNavigation .menu > .menu-item > .slide-menu__link {
    font-family: var(--font-sans);
    font-weight: 800;
    font-size: var(--text-xl);
  }
  #mainNavigation .menu .slide-menu__link {
    padding: 0.875rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-body);
    font-weight: 800;
    border-bottom: 1px solid var(--color-black-30);
    cursor: pointer;
  }
  #mainNavigation .menu .slide-menu__link:hover {
    background: var(--color-white);
  }
  #mainNavigation .menu > li:nth-child(odd) .slide-menu__link:hover {
    background-color: var(--color-white);
  }
  #mainNavigation .menu .slide-menu__page .slide-menu__link {
    font-weight: 500;
    border-bottom: 0px solid transparent;
    padding-block: 0.45rem;
    font-size: var(--text-lg);
    padding-inline: var(--_gutter-half);
    border-radius: 100vw;
  }
  #mainNavigation .menu .slide-menu__page__inner {
    padding-inline: var(--_gutter-half);
  }
  #mainNavigation .menu .slide-menu__page--header {
    display: block;
    margin-bottom: 0.67rem;
    padding-inline: var(--_gutter-half);
    padding-top: 0.5rem;
  }
  #mainNavigation .menu .slide-menu__page--header > .slide-menu__link {
    border-radius: 0;
    border-top: solid 1px var(--color-black-30);
    padding-inline: 0;
    font-size: var(--text-xl);
    padding-top: 1rem;
    background-color: var(--color-hope-yellow) !important;
  }
  body:has(#wpadminbar) #mainNavigation, body:has(#wpadminbar) .slide-menu__page {
    --_top-offset: 32px;
  }
  .slide-menu__page {
    background-color: var(--color-hope-yellow);
    font-family: var(--font-sans);
    padding-top: 0rem;
    padding-inline: var(--_gutter-half);
    position: fixed;
    top: calc(8rem + 3px);
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 100vw;
    z-index: 6000;
  }
  .menu-go-back {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: var(--text-base);
    font-weight: 400;
    padding: 1rem 5rem 1rem 0;
    border: solid 1px transparent;
    cursor: pointer;
    font-family: var(--font-sans);
    transition: 350ms ease-in-out;
    opacity: 0;
    pointer-events: none;
    translate: 1rem 0;
  }
  .menu-button.menu-toggle {
    font-size: var(--text-sm);
    font-weight: 600;
    border: solid 0px transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1875rem;
    position: relative;
  }
  .menu-button.menu-toggle svg {
    width: 2rem;
    height: 2rem;
  }
  .menu-button.menu-toggle svg:last-child {
    position: absolute;
    scale: 0.75;
    opacity: 0;
  }
  .slide-menu__page {
    transition: translate 350ms ease-in-out;
    translate: 100% 0;
  }
  #mainNavigation {
    translate: 0% -100%;
    transition: translate 350ms ease-in-out;
    overflow: hidden;
  }
  #mainNavigation .sub-menu .menu-item {
    translate: 5rem 0;
    transition: translate 250ms ease;
    will-change: translate;
    transition-delay: calc(150ms + (var(--_item-index) * 40ms));
  }
  #masthead {
    transition: background-color 350ms ease-in-out;
  }
  #masthead .main-navigation__logo svg, #masthead .main-navigation__logo path, #masthead .main-navigation__utilities svg, #masthead .main-navigation__utilities path {
    transition: color 350ms ease-in-out 0ms, fill 350ms ease-in-out 0ms;
  }
  #masthead .main-navigation__logo, #masthead .main-navigation__utilities {
    position: relative;
    z-index: 20000;
  }
  #masthead .close-icon rect {
    transition: all 150ms ease-in-out;
  }
  #masthead .close-icon rect:first-child {
    rotate: -45deg;
    translate: 0 50%;
  }
  #masthead .close-icon rect:last-child {
    rotate: 45deg;
    translate: 30% -20%;
  }
  .main-navigation__mobile--header {
    opacity: 0;
  }
  #masthead.is-active {
    /* making it fancy */
    background-color: var(--color-hope-yellow);
    transition-delay: 0;
    /*
        #header-menu > li.menu-item:not(.menu-item--donate) {
            translate: 0 0;
        }
        */
  }
  #masthead.is-active .menu-button.menu-toggle svg:first-child {
    opacity: 0;
  }
  #masthead.is-active .menu-button.menu-toggle svg:last-child {
    opacity: 1;
  }
  #masthead.is-active .close-icon rect {
    rotate: 0deg;
    translate: 0% 0%;
  }
  #masthead.is-active .main-navigation__logo svg, #masthead.is-active .main-navigation__utilities svg {
    color: var(--color-black) !important;
  }
  #masthead.is-active .main-navigation__logo svg .cls-2, #masthead.is-active .main-navigation__logo svg .cls-1, #masthead.is-active .main-navigation__utilities svg .cls-2, #masthead.is-active .main-navigation__utilities svg .cls-1 {
    fill: var(--color-black) !important;
  }
  #masthead.is-active::after {
    opacity: 1;
    backdrop-filter: blur(1rem);
  }
  #masthead.is-active #mainNavigation {
    translate: 0 0;
    box-shadow: 0px -12px 24px 8px rgba(0, 0, 0, 0.6);
  }
  #masthead.is-active .menu-item.is-active .slide-menu__page {
    translate: 0 0;
  }
  #masthead.is-active .menu-item.is-active .menu-item {
    translate: 0 0;
  }
  #masthead.is-active .menu-item.is-active ~ .menu-item--donate {
    opacity: 0;
  }
  #masthead.is-active.sub-menu-active {
    /*
            .main-navigation__mobile--header .main-navigation__logo {
                opacity: 0;
                translate: 1rem 0;
                pointer-events: none;
            }*/
  }
  #masthead.is-active.sub-menu-active .menu-go-back {
    opacity: 1;
    pointer-events: all;
    translate: 0 0;
  }
}
@media (max-width: 480px) {
  #mainNavigation, .slide-menu__page {
    max-width: 100%;
    width: 100%;
  }
}
@keyframes quick-shake {
  0% {
    transform: translateX(0) rotate(0deg);
  }
  20% {
    transform: translateX(-2px) rotate(-2deg);
  }
  40% {
    transform: translateX(2px) rotate(2deg);
  }
  60% {
    transform: translateX(-1px) rotate(-1.5deg);
  }
  80% {
    transform: translateX(1px) rotate(1deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
/**
 * Block Headers
 */
/* Page Headers */
header.entry-header {
  --_header-margin: 4rem;
}
header.author-header img {
  max-width: 10rem;
  aspect-ratio: 1;
  border-radius: 100%;
}
.site-footer {
  padding-top: 4rem;
  padding-bottom: 0rem;
  --_logo-width: 12.9375rem;
}
.site-footer .hope-economy-logo {
  max-width: var(--_logo-width);
  width: 100%;
}
@media (max-width: 480px) {
  .site-footer .hope-economy-logo {
    max-width: 5rem;
  }
}
.site-footer .hope-economy-logo .cls-2 {
  fill: var(--color-black);
}
.site-footer a {
  text-decoration: none;
}
.site-footer a:hover {
  opacity: 0.7;
}
.site-footer .h-is-for-hope {
  overflow: hidden;
  padding-top: 5rem;
  position: relative;
}
.site-footer .h-is-for-hope svg {
  width: 6.5505rem;
  flex-shrink: 0;
  translate: 0 3rem;
  transition: translate 350ms ease-in-out;
  transition-delay: calc(var(--_item-index) * 40ms);
}
.site-footer .h-is-for-hope.is-inview svg {
  translate: 0 0;
}
.site-footer .h-is-for-hope__inner {
  translate: -5% 0%;
  display: flex;
  flex-direction: row;
  gap: 0.85rem;
}
.site-footer .hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-black-40);
  grid-column: span var(--_grid-cols);
}
@media (min-width: 768px) {
  .site-footer .hr-1 {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .site-footer .hr-1 {
    order: 3;
  }
}
@media (min-width: 768px) {
  .site-footer .hr-2 {
    display: none;
  }
}
@media (max-width: 768px) {
  .site-footer .hr-2 {
    order: 5;
  }
}
.site-footer .site-footer__row {
  row-gap: 2rem;
}
@media (max-width: 768px) {
  .site-footer .site-footer__logo {
    order: 1;
  }
}
@media (max-width: 768px) {
  .site-footer .site-footer__signup {
    order: 6;
  }
}
.site-footer .site-footer__signup-message {
  font-size: var(--text-body-lg);
}
.site-footer .site-footer__signup-cta {
  font-size: 2.5rem;
  font-family: var(--font-sans);
  font-weight: 800;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.site-footer .site-footer__signup-cta svg {
  transition: all 350ms ease;
}
.site-footer .site-footer__signup-cta:hover svg {
  translate: 0.25rem 0;
}
.site-footer .site-footer__social {
  line-height: 1.2;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.site-footer .site-footer__social-label {
  font-size: 1.375rem;
  font-weight: 800;
  font-family: var(--font-sans);
  display: block;
  margin-bottom: 0.75rem;
}
@media (max-width: 1024px) {
  .site-footer .site-footer__social-label {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .site-footer .site-footer__menu {
    order: 4;
  }
}
.site-footer .site-footer__ctas {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .site-footer .site-footer__ctas {
    order: 2;
  }
}
.site-footer .site-footer__ctas .cta {
  max-width: 100%;
  width: var(--_logo-width);
}
@media (max-width: 768px) {
  .site-footer .site-footer__ctas .cta {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .site-footer .site-footer__ctas .cta {
    max-width: 55vw;
    margin-left: auto;
  }
}
.site-footer .site-footer__ctas .cta:nth-child(n+2) {
  --_color-bg: var(--color-black);
  --_color-border: var(--color-black);
  --_color-text: var(--color-white);
}
.site-footer .social-row {
  gap: 0.75rem;
}
.site-footer .social-icon {
  flex-shrink: 0;
}
.site-footer .social-icon img {
  width: 1.375rem;
  height: 1.375rem;
  object-fit: contain;
}
.site-footer .copyright {
  margin-top: auto;
  padding-top: 2rem;
  font-size: var(--text-xs);
}
.site-footer ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--grid-col-gap);
  row-gap: 3.5rem;
}
@media (max-width: 768px) {
  .site-footer ul.menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
.site-footer ul.menu > li > a {
  font-size: 1.375rem;
  font-weight: 800;
  font-family: var(--font-sans);
  display: block;
  margin-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1024px) {
  .site-footer ul.menu > li > a {
    font-size: 1.25rem;
  }
}
.site-footer ul.menu .sub-menu {
  font-size: var(--text-base);
  gap: 0.75rem;
}
.site-footer ul.menu .sub-menu .menu-item-has-children > a {
  margin-top: 0.75rem;
  color: var(--color-white);
}
.site-footer ul.menu li, .site-footer ul.menu ul {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  line-height: 1.2;
}
a.beech-attr {
  position: absolute;
  top: 3rem;
  right: 1rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-size: 80%;
  opacity: 0.6;
  transition: opacity 250ms ease;
  height: calc(var(--text-sm) * 1.5);
}
a.beech-attr:hover {
  opacity: 1;
  color: white;
}
a.beech-attr #beechLogo {
  height: 0.67rem;
  transition: none;
}
input, textarea, select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: transparent;
  color: inherit;
  font: inherit;
}
input::placeholder, textarea::placeholder, select::placeholder {
  color: color-mix(in srgb, currentColor, transparent 50%);
}
input, textarea, select, .select2-container--default .select2-selection--single {
  --_border-color: var(--color-accent-black-30);
  padding: 0.88rem 0.75rem 0.88rem 0.75rem;
  border-radius: 0.1875rem;
  border: 1px solid var(--_border-color);
  width: 100%;
  font-size: var(--text-base);
  color: inherit;
  line-height: 1.4;
  accent-color: var(--color-accent);
  outline-color: transparent;
  transition: all 0.2s ease;
  font-family: var(--font-sans);
}
input:focus-visible, textarea:focus-visible, select:focus-visible, .select2-container--default .select2-selection--single:focus-visible {
  outline-color: var(--color-accent);
}
input::placeholder, textarea::placeholder, select::placeholder, .select2-container--default .select2-selection--single::placeholder {
  color: color-mix(in srgb, currentColor, transparent 50%);
  font-size: 1rem;
}
select[multiple] {
  appearance: none;
  -webkit-appearance: none;
}
select[multiple] option:checked {
  background-color: var(--color-accent);
  color: var(--color-black);
  border-radius: 3px;
}
input[type="checkbox"], input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
  margin: 0;
  accent-color: var(--color-accent);
}
.select2-container--default .select2-selection--single {
  height: 3rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.3;
  color: inherit;
}
label {
  color: inherit;
  font-size: 0.75em;
  font-weight: 500;
  padding-bottom: 0.4rem;
  display: block;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset legend {
  margin-bottom: 0.5rem;
}
.form-row {
  display: inline-block;
}
.form-row.form-row-wide:not(.form-row-narrow), .form-row.notes {
  width: 100%;
}
.gform_wrapper {
  text-align: left;
  font-family: var(--font-sans);
  color: var(--color-black);
}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
  background-color: var(--color-white);
}
.gform_wrapper br {
  display: none;
}
.gform_wrapper .gsection_title {
  font-size: var(--text-xl);
  padding-top: 1.5rem;
  border-top: var(--color-accent-black-30) 1px solid;
  margin-top: 1.5rem;
}
.gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.gform_wrapper .gform_body:has(#field_submit) .gform_fields {
  column-gap: 0.25rem;
}
.gform_wrapper .gfield {
  grid-column: span 12;
}
.gform_wrapper .gfield.gfield--width-full {
  grid-column: span 12;
}
.gform_wrapper .gfield.gfield--width-half {
  grid-column: span 6;
}
@media (max-width: 480px) {
  .gform_wrapper .gfield.gfield--width-half {
    grid-column: span 12;
  }
}
.gform_wrapper .gfield.gfield--width-third {
  grid-column: span 4;
}
@media (max-width: 480px) {
  .gform_wrapper .gfield.gfield--width-third {
    grid-column: span 12;
  }
}
.gform_wrapper .gfield.gfield--width-three-quarter {
  grid-column: span 9;
}
@media (max-width: 480px) {
  .gform_wrapper .gfield.gfield--width-three-quarter {
    grid-column: span 12;
  }
}
.gform_wrapper .gfield.gfield--width-quarter {
  grid-column: span 3;
}
@media (max-width: 480px) {
  .gform_wrapper .gfield.gfield--width-quarter {
    grid-column: span 12;
  }
}
.gform_wrapper .gfield_required {
  margin-left: 0.25rem;
  font-size: 0.9em;
  opacity: 0.8;
}
.gform_wrapper .gfield--type-checkbox legend.gfield_label, .gform_wrapper .gfield--type-radio legend.gfield_label {
  margin-bottom: 0.75rem;
}
.gform_wrapper .ginput_complex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  row-gap: 1rem;
}
@media (max-width: 480px) {
  .gform_wrapper .ginput_complex {
    grid-template-columns: 1fr;
  }
}
.gform_wrapper .ginput_complex p {
  margin-bottom: 0;
}
.gform_wrapper .ginput_complex .gform-grid-col {
  grid-column: span 1;
  position: relative;
}
.gform_wrapper .ginput_complex .ginput_full {
  grid-column: span 2;
}
@media (max-width: 480px) {
  .gform_wrapper .ginput_complex .ginput_full {
    grid-column: span 1;
  }
}
.gform_wrapper .ginput_complex .gf_clear {
  display: none;
}
.gform_wrapper .gfield--type-textarea .gfield_label {
  margin-bottom: 0.5rem;
  font-size: var(--text-base);
}
.gform_wrapper .gfield--type-textarea .gfield_description {
  font-size: var(--text-xs);
  margin-bottom: 0.25rem;
}
.gform_wrapper .gfield--type-textarea .ginput_counter {
  font-size: var(--text-xs);
  opacity: 0.8;
  text-align: right;
  margin-top: 0.25rem;
}
.gform_wrapper .ginput_complex, .gform_wrapper .gfield--type-phone, .gform_wrapper .gfield--type-select, .gform_wrapper .gfield--type-number, .gform_wrapper .gfield--type-multiselect, .gform_wrapper .gfield--type-date, .gform_wrapper .gfield--type-fileupload, .gform_wrapper .gfield--type-text, .gform_wrapper .gfield--type-email, .gform_wrapper .gfield--type-url, .gform_wrapper .gfield--type-website {
  position: relative;
}
.gform_wrapper .ginput_complex .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone .gform-field-label:not(legend), .gform_wrapper .gfield--type-select .gform-field-label:not(legend), .gform_wrapper .gfield--type-number .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect .gform-field-label:not(legend), .gform_wrapper .gfield--type-date .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload .gform-field-label:not(legend), .gform_wrapper .gfield--type-text .gform-field-label:not(legend), .gform_wrapper .gfield--type-email .gform-field-label:not(legend), .gform_wrapper .gfield--type-url .gform-field-label:not(legend), .gform_wrapper .gfield--type-website .gform-field-label:not(legend) {
  translate: 0rem 0%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  padding-bottom: 0;
  padding-inline: 0.75rem;
  width: max-content;
  transition: all 250ms ease;
  opacity: 0;
  pointer-events: none;
  color: var(--color-accent-black-60);
}
.gform_wrapper .ginput_complex:has(input:hover) input, .gform_wrapper .ginput_complex:has(input:hover) select, .gform_wrapper .ginput_complex:has(input:focus-within) input, .gform_wrapper .ginput_complex:has(input:focus-within) select, .gform_wrapper .ginput_complex:has(input:focus) input, .gform_wrapper .ginput_complex:has(input:focus) select, .gform_wrapper .ginput_complex:has(input:active) input, .gform_wrapper .ginput_complex:has(input:active) select, .gform_wrapper .ginput_complex:has(select:hover) input, .gform_wrapper .ginput_complex:has(select:hover) select, .gform_wrapper .ginput_complex:has(select:focus-within) input, .gform_wrapper .ginput_complex:has(select:focus-within) select, .gform_wrapper .ginput_complex:has(select:focus) input, .gform_wrapper .ginput_complex:has(select:focus) select, .gform_wrapper .ginput_complex:has(select:active) input, .gform_wrapper .ginput_complex:has(select:active) select, .gform_wrapper .ginput_complex:has(input:not(:placeholder-shown)) input, .gform_wrapper .ginput_complex:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-phone:has(input:hover) input, .gform_wrapper .gfield--type-phone:has(input:hover) select, .gform_wrapper .gfield--type-phone:has(input:focus-within) input, .gform_wrapper .gfield--type-phone:has(input:focus-within) select, .gform_wrapper .gfield--type-phone:has(input:focus) input, .gform_wrapper .gfield--type-phone:has(input:focus) select, .gform_wrapper .gfield--type-phone:has(input:active) input, .gform_wrapper .gfield--type-phone:has(input:active) select, .gform_wrapper .gfield--type-phone:has(select:hover) input, .gform_wrapper .gfield--type-phone:has(select:hover) select, .gform_wrapper .gfield--type-phone:has(select:focus-within) input, .gform_wrapper .gfield--type-phone:has(select:focus-within) select, .gform_wrapper .gfield--type-phone:has(select:focus) input, .gform_wrapper .gfield--type-phone:has(select:focus) select, .gform_wrapper .gfield--type-phone:has(select:active) input, .gform_wrapper .gfield--type-phone:has(select:active) select, .gform_wrapper .gfield--type-phone:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-phone:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-select:has(input:hover) input, .gform_wrapper .gfield--type-select:has(input:hover) select, .gform_wrapper .gfield--type-select:has(input:focus-within) input, .gform_wrapper .gfield--type-select:has(input:focus-within) select, .gform_wrapper .gfield--type-select:has(input:focus) input, .gform_wrapper .gfield--type-select:has(input:focus) select, .gform_wrapper .gfield--type-select:has(input:active) input, .gform_wrapper .gfield--type-select:has(input:active) select, .gform_wrapper .gfield--type-select:has(select:hover) input, .gform_wrapper .gfield--type-select:has(select:hover) select, .gform_wrapper .gfield--type-select:has(select:focus-within) input, .gform_wrapper .gfield--type-select:has(select:focus-within) select, .gform_wrapper .gfield--type-select:has(select:focus) input, .gform_wrapper .gfield--type-select:has(select:focus) select, .gform_wrapper .gfield--type-select:has(select:active) input, .gform_wrapper .gfield--type-select:has(select:active) select, .gform_wrapper .gfield--type-select:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-select:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-number:has(input:hover) input, .gform_wrapper .gfield--type-number:has(input:hover) select, .gform_wrapper .gfield--type-number:has(input:focus-within) input, .gform_wrapper .gfield--type-number:has(input:focus-within) select, .gform_wrapper .gfield--type-number:has(input:focus) input, .gform_wrapper .gfield--type-number:has(input:focus) select, .gform_wrapper .gfield--type-number:has(input:active) input, .gform_wrapper .gfield--type-number:has(input:active) select, .gform_wrapper .gfield--type-number:has(select:hover) input, .gform_wrapper .gfield--type-number:has(select:hover) select, .gform_wrapper .gfield--type-number:has(select:focus-within) input, .gform_wrapper .gfield--type-number:has(select:focus-within) select, .gform_wrapper .gfield--type-number:has(select:focus) input, .gform_wrapper .gfield--type-number:has(select:focus) select, .gform_wrapper .gfield--type-number:has(select:active) input, .gform_wrapper .gfield--type-number:has(select:active) select, .gform_wrapper .gfield--type-number:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-number:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-multiselect:has(input:hover) input, .gform_wrapper .gfield--type-multiselect:has(input:hover) select, .gform_wrapper .gfield--type-multiselect:has(input:focus-within) input, .gform_wrapper .gfield--type-multiselect:has(input:focus-within) select, .gform_wrapper .gfield--type-multiselect:has(input:focus) input, .gform_wrapper .gfield--type-multiselect:has(input:focus) select, .gform_wrapper .gfield--type-multiselect:has(input:active) input, .gform_wrapper .gfield--type-multiselect:has(input:active) select, .gform_wrapper .gfield--type-multiselect:has(select:hover) input, .gform_wrapper .gfield--type-multiselect:has(select:hover) select, .gform_wrapper .gfield--type-multiselect:has(select:focus-within) input, .gform_wrapper .gfield--type-multiselect:has(select:focus-within) select, .gform_wrapper .gfield--type-multiselect:has(select:focus) input, .gform_wrapper .gfield--type-multiselect:has(select:focus) select, .gform_wrapper .gfield--type-multiselect:has(select:active) input, .gform_wrapper .gfield--type-multiselect:has(select:active) select, .gform_wrapper .gfield--type-multiselect:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-multiselect:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-date:has(input:hover) input, .gform_wrapper .gfield--type-date:has(input:hover) select, .gform_wrapper .gfield--type-date:has(input:focus-within) input, .gform_wrapper .gfield--type-date:has(input:focus-within) select, .gform_wrapper .gfield--type-date:has(input:focus) input, .gform_wrapper .gfield--type-date:has(input:focus) select, .gform_wrapper .gfield--type-date:has(input:active) input, .gform_wrapper .gfield--type-date:has(input:active) select, .gform_wrapper .gfield--type-date:has(select:hover) input, .gform_wrapper .gfield--type-date:has(select:hover) select, .gform_wrapper .gfield--type-date:has(select:focus-within) input, .gform_wrapper .gfield--type-date:has(select:focus-within) select, .gform_wrapper .gfield--type-date:has(select:focus) input, .gform_wrapper .gfield--type-date:has(select:focus) select, .gform_wrapper .gfield--type-date:has(select:active) input, .gform_wrapper .gfield--type-date:has(select:active) select, .gform_wrapper .gfield--type-date:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-date:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-fileupload:has(input:hover) input, .gform_wrapper .gfield--type-fileupload:has(input:hover) select, .gform_wrapper .gfield--type-fileupload:has(input:focus-within) input, .gform_wrapper .gfield--type-fileupload:has(input:focus-within) select, .gform_wrapper .gfield--type-fileupload:has(input:focus) input, .gform_wrapper .gfield--type-fileupload:has(input:focus) select, .gform_wrapper .gfield--type-fileupload:has(input:active) input, .gform_wrapper .gfield--type-fileupload:has(input:active) select, .gform_wrapper .gfield--type-fileupload:has(select:hover) input, .gform_wrapper .gfield--type-fileupload:has(select:hover) select, .gform_wrapper .gfield--type-fileupload:has(select:focus-within) input, .gform_wrapper .gfield--type-fileupload:has(select:focus-within) select, .gform_wrapper .gfield--type-fileupload:has(select:focus) input, .gform_wrapper .gfield--type-fileupload:has(select:focus) select, .gform_wrapper .gfield--type-fileupload:has(select:active) input, .gform_wrapper .gfield--type-fileupload:has(select:active) select, .gform_wrapper .gfield--type-fileupload:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-fileupload:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-text:has(input:hover) input, .gform_wrapper .gfield--type-text:has(input:hover) select, .gform_wrapper .gfield--type-text:has(input:focus-within) input, .gform_wrapper .gfield--type-text:has(input:focus-within) select, .gform_wrapper .gfield--type-text:has(input:focus) input, .gform_wrapper .gfield--type-text:has(input:focus) select, .gform_wrapper .gfield--type-text:has(input:active) input, .gform_wrapper .gfield--type-text:has(input:active) select, .gform_wrapper .gfield--type-text:has(select:hover) input, .gform_wrapper .gfield--type-text:has(select:hover) select, .gform_wrapper .gfield--type-text:has(select:focus-within) input, .gform_wrapper .gfield--type-text:has(select:focus-within) select, .gform_wrapper .gfield--type-text:has(select:focus) input, .gform_wrapper .gfield--type-text:has(select:focus) select, .gform_wrapper .gfield--type-text:has(select:active) input, .gform_wrapper .gfield--type-text:has(select:active) select, .gform_wrapper .gfield--type-text:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-text:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-email:has(input:hover) input, .gform_wrapper .gfield--type-email:has(input:hover) select, .gform_wrapper .gfield--type-email:has(input:focus-within) input, .gform_wrapper .gfield--type-email:has(input:focus-within) select, .gform_wrapper .gfield--type-email:has(input:focus) input, .gform_wrapper .gfield--type-email:has(input:focus) select, .gform_wrapper .gfield--type-email:has(input:active) input, .gform_wrapper .gfield--type-email:has(input:active) select, .gform_wrapper .gfield--type-email:has(select:hover) input, .gform_wrapper .gfield--type-email:has(select:hover) select, .gform_wrapper .gfield--type-email:has(select:focus-within) input, .gform_wrapper .gfield--type-email:has(select:focus-within) select, .gform_wrapper .gfield--type-email:has(select:focus) input, .gform_wrapper .gfield--type-email:has(select:focus) select, .gform_wrapper .gfield--type-email:has(select:active) input, .gform_wrapper .gfield--type-email:has(select:active) select, .gform_wrapper .gfield--type-email:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-email:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-url:has(input:hover) input, .gform_wrapper .gfield--type-url:has(input:hover) select, .gform_wrapper .gfield--type-url:has(input:focus-within) input, .gform_wrapper .gfield--type-url:has(input:focus-within) select, .gform_wrapper .gfield--type-url:has(input:focus) input, .gform_wrapper .gfield--type-url:has(input:focus) select, .gform_wrapper .gfield--type-url:has(input:active) input, .gform_wrapper .gfield--type-url:has(input:active) select, .gform_wrapper .gfield--type-url:has(select:hover) input, .gform_wrapper .gfield--type-url:has(select:hover) select, .gform_wrapper .gfield--type-url:has(select:focus-within) input, .gform_wrapper .gfield--type-url:has(select:focus-within) select, .gform_wrapper .gfield--type-url:has(select:focus) input, .gform_wrapper .gfield--type-url:has(select:focus) select, .gform_wrapper .gfield--type-url:has(select:active) input, .gform_wrapper .gfield--type-url:has(select:active) select, .gform_wrapper .gfield--type-url:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-url:has(input:not(:placeholder-shown)) select, .gform_wrapper .gfield--type-website:has(input:hover) input, .gform_wrapper .gfield--type-website:has(input:hover) select, .gform_wrapper .gfield--type-website:has(input:focus-within) input, .gform_wrapper .gfield--type-website:has(input:focus-within) select, .gform_wrapper .gfield--type-website:has(input:focus) input, .gform_wrapper .gfield--type-website:has(input:focus) select, .gform_wrapper .gfield--type-website:has(input:active) input, .gform_wrapper .gfield--type-website:has(input:active) select, .gform_wrapper .gfield--type-website:has(select:hover) input, .gform_wrapper .gfield--type-website:has(select:hover) select, .gform_wrapper .gfield--type-website:has(select:focus-within) input, .gform_wrapper .gfield--type-website:has(select:focus-within) select, .gform_wrapper .gfield--type-website:has(select:focus) input, .gform_wrapper .gfield--type-website:has(select:focus) select, .gform_wrapper .gfield--type-website:has(select:active) input, .gform_wrapper .gfield--type-website:has(select:active) select, .gform_wrapper .gfield--type-website:has(input:not(:placeholder-shown)) input, .gform_wrapper .gfield--type-website:has(input:not(:placeholder-shown)) select {
  padding: 1.42rem 0.75rem 0.34rem 0.75rem;
}
.gform_wrapper .ginput_complex:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(input:active) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(select:active) .gform-field-label:not(legend), .gform_wrapper .ginput_complex:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-phone:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-select:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-number:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-multiselect:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-date:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-fileupload:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-text:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-email:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-url:has(input:not(:placeholder-shown)) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(input:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(input:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(input:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(input:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(select:hover) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(select:focus-within) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(select:focus) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(select:active) .gform-field-label:not(legend), .gform_wrapper .gfield--type-website:has(input:not(:placeholder-shown)) .gform-field-label:not(legend) {
  translate: 0rem 50%;
  pointer-events: all;
  opacity: 1;
}
.gform_wrapper .gfield--type-date .screen-reader-text {
  display: none;
}
.gform_wrapper .gform_fileupload_rules {
  display: block;
  font-size: var(--text-xs);
  padding-inline: 0.5rem;
  margin-top: 0.25rem;
}
.gform_wrapper .gfield--type-time {
  align-self: flex-end;
}
.gform_wrapper .gfield--type-time legend {
  display: none;
}
.gform_wrapper .gfield--type-time .ginput_complex {
  grid-template-columns: 1fr 0.5rem 1fr 1fr;
  align-items: end;
  gap: 0.25rem;
}
.gform_wrapper .gfield--type-time .hour_minute_colon {
  align-self: center;
  justify-content: center;
  text-align: center;
}
.gform_wrapper .gchoice {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem !important;
}
.gform_wrapper .gchoice label {
  line-height: 1.1;
  margin: 0;
  padding: 0rem 0 0 0;
  font-size: var(--text-sm);
}
.gform_wrapper .gfield_description {
  font-size: var(--text-xs);
  margin-bottom: 0.5rem;
  display: block;
}
.gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
  margin: 0;
}
.gform_wrapper .ginput_container_checkbox .gchoice:not(:last-child), .gform_wrapper .ginput_container_radio .gchoice:not(:last-child) {
  margin-bottom: 0.5rem;
}
.gform_wrapper .ginput_container_image_choice .gfield_radio, .gform_wrapper .ginput_container_image_choice .gfield_checkbox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  row-gap: 1.5rem;
  align-items: stretch;
}
.gform_wrapper .ginput_container_image_choice .gfield_radio .gchoice, .gform_wrapper .ginput_container_image_choice .gfield_checkbox .gchoice {
  margin-bottom: 0;
}
.gform_wrapper .ginput_container_image_choice .gfield-image-choice-wrapper-outer {
  padding: 0.5rem;
  border: solid 1px color-mix(in srgb, currentColor, transparent 70%);
  display: block;
  transition: border-color 150ms ease;
  height: 100%;
}
.gform_wrapper .ginput_container_image_choice .gfield-image-choice-wrapper-outer:has(input:checked) {
  border-color: currentColor;
}
.gform_wrapper .ginput_container_image_choice .gfield-image-choice-wrapper-inner {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.gform_wrapper .ginput_container_image_choice .gfield_choice_limit_message {
  text-emphasis: italics;
}
.gform_wrapper .gfield--type-consent .ginput_container_consent {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gform_wrapper .gfield--type-consent legend.gfield_label {
  margin-bottom: 0.5rem;
}
.gform_wrapper .gfield--type-consent label {
  padding-bottom: 0;
  font-size: var(--text-sm);
}
.gform_wrapper .gfield--type-consent .gfield_description {
  font-size: var(--text-sm);
  margin-top: 1rem;
}
.gform_wrapper .gfield_list_groups .gfield_list_group {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.gform_wrapper .gfield_list_groups .gfield_list_group_item {
  width: 100%;
}
.gform_wrapper .gfield_list_groups .gfield_list_icons {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.gform_wrapper .gfield_list_groups button {
  border: solid 1px color-mix(in srgb, currentColor, transparent 30%);
  border-radius: 0.25rem;
  text-transform: uppercase;
  font-family: var(--font-abel);
  padding: 0.5rem 1rem;
  height: 100%;
}
.gform_wrapper .gfield_list_groups button[style="visibility:hidden;"] {
  display: none;
}
.gform_wrapper .gfield_list_groups button.delete_list_item {
  opacity: 0.7;
}
.gform_wrapper .gform_footer {
  margin-top: 1.75rem;
}
.gform_wrapper .gform_footer .gform_button {
  padding-inline: 1.75rem;
  padding-block: 1.25rem;
  border-radius: 2rem;
}
.gform_wrapper #field_submit {
  align-self: stretch;
}
.gform_wrapper #field_submit input {
  height: 100%;
}
.gform_wrapper .gform_button, .gform_wrapper .gform-button {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-black);
  font-family: var(--font-serif);
  font-size: var(--text-body);
  padding: 0.75rem 0.75rem 0.75rem 0.75rem;
  width: 100%;
  margin-left: auto;
  line-height: 0.8;
  transition: all 250ms ease;
  cursor: pointer;
}
.gform_wrapper .gform_button:hover, .gform_wrapper .gform-button:hover {
  background-color: var(--color-sunny-yellow);
  border-color: var(--color-accent);
}
.gform_wrapper .gform_button.gform-button--width-full, .gform_wrapper .gform-button.gform-button--width-full {
  width: 100%;
}
.gform_wrapper .gform_validation_container {
  display: none !important;
}
.gform_wrapper .gform_validation_errors {
  border: solid 1px var(--color-red);
  border-radius: 0.25rem;
  background-color: color-mix(in srgb, var(--color-red) 60%, var(--color-black));
  color: var(--color-white);
  padding: 1rem;
  margin-bottom: 2rem;
}
.gform_wrapper .gform_validation_errors h2.gform_submission_error {
  color: inherit !important;
  font-size: var(--text-md);
}
.gform_wrapper .gform_validation_errors .gform_submission_error {
  border-radius: 0.25rem;
  font-size: var(--text-base);
  font-weight: 400;
}
.gform_wrapper .gform_validation_errors ol {
  padding-left: 1rem;
  margin-bottom: 0;
}
.gform_wrapper .validation_message {
  color: var(--color-red);
  font-size: var(--text-xs);
  margin-top: 0.25rem;
  padding-inline: 0.5rem;
}
.gform_wrapper .hidden_label > .gfield_label {
  display: none;
}
.gform_wrapper .gfield--type-submit {
  align-self: end;
}
.ui-datepicker {
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 1rem;
  max-width: 19rem;
  width: 100%;
  border: solid 1px color-mix(in srgb, currentColor, transparent 70%);
  border-radius: 0.5rem;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.ui-datepicker .ui-datepicker-header {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  align-items: center;
}
.ui-datepicker .ui-datepicker-title {
  order: 2;
  width: 100%;
  display: flex;
  gap: 0.5rem;
}
.ui-datepicker a.ui-datepicker-next {
  order: 3;
}
.ui-datepicker a.ui-datepicker-prev {
  order: 1;
}
.ui-datepicker table.ui-datepicker-calendar {
  width: 100%;
  margin-top: 1.5rem;
  text-align: center;
  border-collapse: collapse;
}
.ui-datepicker table.ui-datepicker-calendar th, .ui-datepicker table.ui-datepicker-calendar td {
  padding: 0.25rem;
}
.ui-datepicker table.ui-datepicker-calendar td {
  border-radius: 0.25rem;
}
.ui-datepicker table.ui-datepicker-calendar .ui-state-disabled {
  opacity: 0.5;
  color: var(--color-black);
  pointer-events: none;
}
.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today {
  background-color: var(--color-ice);
}
.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: color-mix(in srgb, currentColor, transparent 70%);
}
.card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.card a {
  text-decoration: none;
}
.card:has(a:hover) h5 {
  color: var(--color-accent);
}
.card h5 {
  margin: 0rem 0;
  font-size: var(--text-lg);
  transition: opacity 150ms ease;
}
.card .card__image img {
  aspect-ratio: 1.6666666667;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.card .card__category {
  margin-top: auto;
  color: color-mix(in srgb, currentColor, transparent 60%);
}
.card .card__date {
  color: inherit;
}
.card .card__footer {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  letter-spacing: -0.00875rem;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.75rem;
}
.card .card__author {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.62rem;
}
.card .card__author img {
  aspect-ratio: 1;
  width: 2.5rem;
  border-radius: 100%;
  object-fit: cover;
}
.card .card__excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--text-base);
  overflow: hidden;
  margin-top: auto;
  max-width: 25rem;
}
.card.card__default {
  min-height: 24rem;
  padding-bottom: 1rem;
}
@media (max-width: 480px) {
  .card.card__default {
    min-height: 0;
    border-bottom: solid 1px var(--color-black-30);
  }
}
.card.card__horizontal {
  flex-direction: row;
  align-items: start;
  gap: 1rem;
}
.card.card__horizontal h5 {
  font-size: var(--text-card);
}
@media (max-width: 768px) {
  .card.card__horizontal h5 {
    font-size: var(--text-body);
  }
}
.card.card__horizontal .card__image {
  max-width: 7.375rem;
  width: 100%;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .card.card__horizontal .card__image {
    max-width: 6rem;
  }
}
.card.card__horizontal .card__image img {
  aspect-ratio: 1;
}
.card.card__feature .card__image img {
  aspect-ratio: 1.5;
}
.card.card__feature h5 {
  font-size: var(--text-3xl);
}
.news-feature-box {
  padding-top: 1.75rem;
  padding-bottom: var(--section-space-md);
}
.news-feature-box__wrap {
  display: flex;
  gap: var(--grid-col-gap);
}
@media (max-width: 768px) {
  .news-feature-box__wrap {
    flex-direction: column;
  }
}
.news-feature-box__feature {
  padding-right: var(--grid-col-gap);
  border-right: 1px solid var(--color-black-30);
}
@media (max-width: 768px) {
  .news-feature-box__feature {
    border-right: 0;
    padding-right: 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-black-30);
  }
}
.news-feature-box__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.archive-post-list {
  padding-block: 1.75rem;
  border-top: solid 1px var(--color-black-30);
}
.archive-post-list .grid {
  row-gap: 4rem;
}
.posts-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-inline: auto;
  width: max-content;
  max-width: 100%;
  margin-top: 3em;
  border: solid 1px transparent;
  border-radius: 2rem;
  padding: 0.5rem;
}
.posts-pagination .page-numbers {
  font-size: var(--text-body-sm);
  font-weight: 400;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.125rem;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-black-30);
}
.posts-pagination .page-numbers svg {
  width: 0.4065rem;
}
.posts-pagination .page-numbers.current {
  background-color: var(--color-accent);
  color: var(--color-black);
  border-color: var(--color-sunny-yellow);
}
.posts-pagination .page-numbers:hover {
  background-color: var(--color-sunny-yellow);
}
article.post {
  --_content-width: 42rem;
  --_content-width-wide: 57rem;
  --_content-width-widest: 72rem;
}
article.post header {
  --_nav-offset: calc(1.75rem + 4.25rem);
  padding-top: calc(7rem + var(--_nav-offset));
}
@media (max-width: 480px) {
  article.post header {
    padding-top: calc(4rem + var(--_nav-offset));
  }
}
article.post header .title-wrap {
  padding-bottom: 10rem;
}
article.post header .post-author__guest {
  border-top: 1px solid var(--color-black-30);
  padding-block: 1.5rem;
}
article.post header .post-author__guest .author__bio {
  max-width: 34.5rem;
}
article.post .post-meta {
  margin-bottom: var(--text-space-md);
  gap: 0.5rem;
}
article.post .page-header__image-wrap {
  padding-top: 1rem;
}
article.post .page-header__image-wrap img, article.post .page-header__image-wrap video, article.post .page-header__image-wrap iframe {
  border-radius: 0rem;
  display: block;
  aspect-ratio: 2.1;
}
@media (max-width: 768px) {
  article.post .page-header__image-wrap img, article.post .page-header__image-wrap video, article.post .page-header__image-wrap iframe {
    width: calc(100vw - var(--gutter));
    max-width: calc(100vw - var(--gutter));
    translate: calc(var(--gutter) / -2) 0;
  }
}
@media (max-width: 480px) {
  article.post .page-header__image-wrap img, article.post .page-header__image-wrap video, article.post .page-header__image-wrap iframe {
    width: 100%;
    max-width: 100%;
    translate: 0 0;
    aspect-ratio: 1;
  }
}
article.post .entry-content__wrap {
  padding-top: 5rem;
}
@media (max-width: 480px) {
  article.post .social-sharing {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid var(--color-black-40);
    padding-bottom: 1.5rem;
  }
  article.post .social-sharing h6 {
    margin-bottom: 0;
  }
  article.post .social-sharing-buttons {
    flex-direction: row;
  }
  article.post .social-sharing-button {
    width: 2.25rem;
  }
  article.post .social-sharing-button svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}
article.post .entry-footer {
  row-gap: 2.5rem;
}
article.post .more-posts {
  margin-top: 2.5rem;
  border-top: 1px solid var(--color-black-40);
  margin-bottom: 6rem;
}
@media (max-width: 480px) {
  article.post .more-posts {
    margin-top: 5rem;
    margin-bottom: 6.5rem;
  }
}
article.post .prose {
  font-size: var(--text-base);
}
article.post .prose p.text-lg, article.post .prose p .text-lg {
  font-weight: 700;
}
article.post .prose h1, article.post .prose h2, article.post .prose h3, article.post .prose h4, article.post .prose h5, article.post .prose h6, article.post .prose p, article.post .prose ul, article.post .prose ol, article.post .prose dl {
  max-width: var(--_content-width);
  margin-inline: auto;
  margin-bottom: 2rem;
}
article.post .prose h1:not(:first-child), article.post .prose h2:not(:first-child), article.post .prose h3:not(:first-child), article.post .prose h4:not(:first-child), article.post .prose h5:not(:first-child), article.post .prose h6:not(:first-child) {
  margin-top: 3rem;
}
article.post .prose p:has(.text-lg) {
  margin-bottom: 2rem;
}
article.post .prose p:has(img) {
  max-width: 100%;
}
article.post .prose blockquote:first-child {
  margin-top: 0;
}
article.post .prose blockquote {
  max-width: var(--_content-width-wide);
  margin-inline: auto;
}
article.post .prose blockquote > * {
  max-width: 100%;
}
article.post .prose img, article.post .prose iframe, article.post .prose video {
  border-radius: 0rem;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  max-width: var(--_content-width-widest);
  width: 100%;
  margin-inline: auto;
}
article.post .entry-footer {
  max-width: calc(var(--_content-width-wide) + var(--gutter) * 2);
  margin-bottom: 6rem;
}
article.post .entry-footer section {
  border-top: 1px solid var(--color-black-30);
  padding-top: 1.5rem;
}
article.post .entry-footer__cta {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--grid-col-gap);
  padding-bottom: 2.5rem;
}
article.post .entry-footer__cta img {
  aspect-ratio: 1;
  object-fit: cover;
  grid-column: span 3;
}
article.post .entry-footer__cta .prose {
  grid-column: 5 / span 4;
}
article.post .entry-footer__cta .prose h1, article.post .entry-footer__cta .prose h2, article.post .entry-footer__cta .prose h3, article.post .entry-footer__cta .prose h4, article.post .entry-footer__cta .prose h5 {
  font-size: var(--text-xl);
  margin-bottom: 1rem;
}
article.post .entry-footer__cta .prose p {
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  article.post .entry-footer__cta .prose {
    grid-column: span 5;
  }
}
article.post .entry-footer__author {
  padding-bottom: 2.5rem;
}
article.post .entry-footer__sharer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  padding-bottom: 2.5rem;
}
.entry__related {
  margin-bottom: 8rem;
}
.entry__related .post-list {
  margin-top: 4rem;
}
/** Social Sharing **/
.social-sharing-buttons {
  gap: 0.75rem;
}
a.social-sharing-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px var(--color-black-40);
  padding-inline: 0.25rem;
  border-radius: 100%;
  width: 3rem;
  aspect-ratio: 1;
  color: var(--color-black-80);
  transition: all 150ms ease;
}
a.social-sharing-button:hover {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  color: var(--color-black);
}
a.social-sharing-button:focus {
  outline: 0;
}
.social-sharing-button svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}
.social-sharing .copy-toast {
  position: fixed;
  z-index: 9999;
  top: 1rem;
  right: 1rem;
  border-radius: 2.5rem;
  color: var(--color-white);
  background-color: var(--color-green);
  padding: 0.25rem 1.5rem;
  translate: calc(100% + 2rem) 0;
  transition: translate 350ms ease;
  box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  font-size: var(--text-body);
  display: flex;
  align-items: center;
}
.social-sharing .copy-toast .emoji {
  font-size: var(--text-2xl);
}
.social-sharing .copy-toast.active {
  translate: 0 0;
}
.social-sharing h6 {
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 150%;
  font-family: var(--font-sans);
  margin-bottom: 0.5rem;
}
ol.breadcrumbs {
  padding-block: 1rem;
  padding-inline: var(--gutter);
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-xs);
  font-family: var(--font-sans);
}
ol.breadcrumbs svg {
  width: 9px;
  height: 9px;
}
ol.breadcrumbs a, ol.breadcrumbs svg {
  color: var(--color-accent-black-70);
}
ol.breadcrumbs a {
  text-decoration: none;
}
ol.breadcrumbs a:hover {
  color: var(--color-hope-yellow);
}
.breadcrumbs-container {
  border-top: solid 1px color-mix(in srgb, currentColor, transparent 80%);
}
@media (max-width: 768px) {
  .breadcrumbs-container {
    overflow-x: scroll;
  }
  .breadcrumbs-container ol.breadcrumbs {
    width: max-content;
    min-width: 100%;
  }
  .breadcrumbs-container li {
    width: max-content;
  }
}
.author-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--grid-col-gap);
  align-items: start;
}
@media (max-width: 768px) {
  .author-card {
    flex-direction: column;
    align-items: start;
  }
}
.author__image {
  border-radius: 100%;
  aspect-ratio: 1;
  border: solid 3px var(--color-accent);
}
.author__image img {
  display: block;
  max-width: 6rem;
  border-radius: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: solid 2px transparent;
}
.author__row {
  gap: 1rem;
}
.author__content {
  font-family: var(--font-sans);
}
.author__content h5 {
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
  font-family: var(--font-sans);
}
.author__bio {
  max-width: 26rem;
}
.author__bio .h6 {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 140%;
  /* 1.4rem */
  letter-spacing: -0.0125rem;
  margin-bottom: 0.25rem;
}
.author__bio p {
  font-size: var(--text-xs);
  font-family: var(--text-sans);
}
.circle-images {
  gap: 0rem;
  justify-content: center;
}
.circle-images img {
  border-radius: 100% !important;
  border: 4px solid var(--color-white);
  width: 4.875rem;
  height: 4.875rem;
}
.circle-images__item {
  position: relative;
  isolation: isolate;
}
.circle-images__item .is-main {
  position: relative;
  z-index: 2;
}
.circle-images__item .is-swap {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.circle-images__item:nth-child(1) {
  --offset: 0s;
  margin-left: -0.62rem;
}
.circle-images__item:nth-child(2) {
  --offset: -1.3s;
  margin-right: -0.62rem;
  margin-left: -0.62rem;
}
.circle-images__item:nth-child(3) {
  --offset: -2.7s;
}
.circle-images__item:nth-child(4) {
  --offset: -0.9s;
  margin-right: -0.62rem;
  margin-left: -0.62rem;
}
.circle-images__item:nth-child(5) {
  --offset: -3.4s;
  margin-right: -0.62rem;
}
.circle-images__item img.is-main {
  animation: circle-image-swap 8s infinite ease-in-out alternate;
  animation-delay: var(--offset);
}
@keyframes circle-image-swap {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*
* Blocks
* This file imports all the block styles used across the site.
*/
.block {
  padding-block: var(--section-space-main);
  margin-top: -1px;
}
.block:last-of-type {
  padding-bottom: var(--section-space-lg);
}
header {
  --nav-offset: calc(1.5rem * 2 + 4.5rem);
}
header .prose, header .button_group {
  max-width: 65rem;
  margin-right: auto;
}
header .prose p {
  max-width: var(--content-width);
}
header .title-medium h1 {
  font-size: var(--text-4xl);
}
header .title-small h1 {
  font-size: var(--text-2xl);
}
header .title-small h2 {
  font-size: var(--text-2xl);
}
header .title-small h3 {
  font-size: var(--text-2xl);
}
.block[class*="has-overlay"], .page-header [class*="has-overlay"] {
  --_overlay-color: var(--color-black);
  --_overlay-opacity: 0.8;
}
.block[class*="has-overlay"] .has-overlay, .page-header .has-overlay {
  position: relative;
}
.block[class*="has-overlay"] .has-overlay::before, .page-header .has-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  /*background: 
            linear-gradient(180deg, rgba(0, 0, 0, 0) 54.5%, rgba(0, 0, 0, 0.7) 100%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%);*/
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  transition: opacity 450ms ease 150ms;
}
@media (max-width: 768px) {
  .block[class*="has-overlay"] .has-overlay::before, .page-header .has-overlay::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  }
}
.block.has-overlay-none, .page-header .has-overlay-none {
  --_overlay-opacity: 0;
}
.block.has-overlay-light, .page-header .has-overlay-light {
  --_overlay-opacity: 0.4;
}
.block.has-overlay-medium, .page-header .has-overlay-medium {
  --_overlay-opacity: 0.7;
}
.block.has-overlay-dark, .page-header .has-overlay-dark {
  --_overlay-opacity: 0.85;
}
.block.password-protected {
  padding-top: 12rem;
}
.block.password-protected .hope-password-form {
  max-width: var(--content-width);
}
.block.password-protected .post-password-form {
  max-width: var(--content-width-narrow);
}
.block.not-found {
  padding-block: var(--section-space-sm);
}
.block.suggestions-404 {
  padding-top: var(--section-space-sm);
}
.block.suggestions-404 h2 {
  margin-bottom: 4.5rem;
}
.page-header.header__fullcover {
  position: relative;
  color: var(--color-white);
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.page-header.header__fullcover .header-inner {
  padding-top: calc(var(--nav-offset, 0rem) + 1.5rem);
  padding-bottom: var(--section-space-sm);
  top: 0;
  left: 0rem;
  right: 0rem;
  z-index: 2;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--grid-col-gap);
  width: 100%;
}
@media (max-width: 768px) {
  .page-header.header__fullcover .header-inner {
    flex-direction: column;
    row-gap: 4rem;
  }
}
.page-header.header__fullcover .header-inner__content {
  padding-top: 2rem;
}
.page-header.header__fullcover .header-inner__content h1, .page-header.header__fullcover .header-inner__content > div {
  max-width: 52rem;
}
.page-header.header__fullcover .header-inner__shortcode {
  max-width: 29.375rem;
  width: 100%;
}
@media (max-width: 768px) {
  .page-header.header__fullcover .header-inner__shortcode {
    margin-inline: auto;
  }
}
.page-header.header__fullcover .header-inner__media {
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
@media (max-width: 768px) {
  .page-header.header__fullcover .header-inner__media {
    position: relative;
  }
}
.page-header.header__fullcover .header-inner__media video, .page-header.header__fullcover .header-inner__media image, .page-header.header__fullcover .header-inner__media iframe {
  aspect-ratio: 1.6;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  max-height: 100svh;
}
@media (max-width: 768px) {
  .page-header.header__fullcover .header-inner__media video, .page-header.header__fullcover .header-inner__media image, .page-header.header__fullcover .header-inner__media iframe {
    position: sticky;
    top: 0;
  }
}
.page-header.header__fullcover .circle-images {
  margin-inline: auto;
}
.page-header.header__fullcover .header-style-fullcover h1, .page-header.header__fullcover .header-style-fullcover .prose, .page-header.header__fullcover .header-style-fullcover .button-group {
  max-width: 34rem;
}
.page-header.header__fullcover .header-style-fullcover .prose h1 {
  font-size: calc(var(--_size-modifer) * var(--text-3xl));
}
.page-header.header__fullcover .header-style-fullcover .prose img {
  display: block;
  max-width: 12rem;
  object-position: bottom left;
  object-fit: contain;
}
.page-header.header__fullcover .header-style-fullcover .prose img[src*=".svg"] {
  width: 100%;
}
.page-header.header__fullcover .header-inner__media {
  position: relative;
}
.page-header.header__fullcover .header-inner__media video, .page-header.header__fullcover .header-inner__media img, .page-header.header__fullcover .header-inner__media iframe {
  position: sticky;
  top: 0;
  width: 100%;
  object-fit: cover;
  max-height: 100svh;
  min-height: 58rem;
  height: 100%;
}
@media (max-width: 768px) {
  .page-header.header__fullcover .header-inner__media video, .page-header.header__fullcover .header-inner__media img, .page-header.header__fullcover .header-inner__media iframe {
    min-height: calc(100svh - 2rem);
  }
}
.page-header.header__fullcover .header-inner__media.header-style-slider::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.5%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%);
}
@media screen and (min-width: 1025px) {
  #page:has(.header__fullcover) #masthead .menu > .menu-item > .slide-menu__link:not(:hover), #page:has(.header__fullcover) #masthead .menu > .menu-item:not(.is-active) > .slide-menu__link {
    color: var(--color-white);
  }
}
#page:has(.header__fullcover) #siteNavigation > .main-navigation__logo svg.hope-economy-logo .cls-1 {
  fill: var(--color-white);
}
#page:has(.header__fullcover) #siteNavigation > .main-navigation__logo svg.hope-economy-logo .cls-2 {
  fill: var(--color-hope-yellow);
}
#page:has(.header__fullcover) #menuOpen {
  color: var(--color-white);
}
.page-header.header__basic {
  padding-block: calc(var(--nav-offset, 0rem) + 7.5rem) 0;
  /**
    *  MARQUEE STYLES ARE IN THE HORIZONTAL MARQUEE BLOCK
    **/
}
@media (max-width: 480px) {
  .page-header.header__basic {
    padding-top: calc(var(--nav-offset, 0rem) + 4.5rem);
  }
}
.page-header.header__basic .header-inner {
  padding-bottom: 9.5rem;
}
@media (max-width: 480px) {
  .page-header.header__basic .header-inner {
    padding-bottom: 6rem;
  }
}
.page-header.header__basic .header-inner.header-marquee {
  border-bottom: none;
  padding-bottom: 7rem;
}
@media (max-width: 768px) {
  .page-header.header__basic .header-inner.header-marquee {
    padding-bottom: 4.5rem;
  }
}
.page-header.header__basic .header-inner__news {
  padding-top: 1.25rem;
  padding-bottom: var(--section-space-sm);
  border-bottom: solid 1px var(--color-accent-black-30);
}
.page-header.header__basic .header-inner__marquee {
  padding-bottom: var(--section-space-md);
}
.page-header.header__basic .header-inner__wrap {
  border-bottom: solid 1px var(--color-accent-black-30);
}
.page-header.header__basic .header-inner__wrap.header-marquee {
  border-bottom: none;
}
.page-header.header__basic .header-inner__media {
  padding: 0.875rem;
  margin-top: var(--section-space-xs);
}
.page-header.header__basic .page-header__image, .page-header.header__basic .page-header__video {
  aspect-ratio: 2;
  object-fit: cover;
  border-radius: 1.5rem;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .page-header.header__basic .page-header__image, .page-header.header__basic .page-header__video {
    aspect-ratio: 0.6666666667;
  }
}
.page-header.header__basic .header-news .prose h1 {
  font-size: calc(var(--_size-modifer) * var(--text-4xl));
}
.page-header.header__hero {
  padding-block: calc(var(--nav-offset, 0rem) + 1rem) 0;
  position: relative;
  background-color: var(--color-primary);
  color: var(--color-black);
  overflow: hidden;
}
.page-header.header__hero .header-inner {
  padding-bottom: 3em;
  row-gap: 0rem;
}
@media (min-width: 1024px) {
  .page-header.header__hero .header-inner {
    row-gap: 2rem;
  }
}
@media (max-width: 768px) {
  .page-header.header__hero .header-inner__title {
    order: 1;
  }
}
.page-header.header__hero .header-inner__content {
  height: 100%;
  align-self: stretch;
  padding-top: calc(4rem + 4.5rem);
  display: flex;
  gap: 0;
  flex-direction: column;
}
.page-header.header__hero .header-inner__content .prose {
  max-width: 35rem;
  font-size: var(--text-body-lg);
}
@media (max-width: 768px) {
  .page-header.header__hero .header-inner__content .prose {
    margin-inline: auto;
  }
}
.page-header.header__hero .header-inner__content .prose, .page-header.header__hero .header-inner__content .button-group {
  order: 2;
}
@media (max-width: 768px) {
  .page-header.header__hero .header-inner__content {
    padding-top: 0;
    order: 3;
  }
}
.page-header.header__hero .header-inner__image-stack {
  padding-top: 4.5rem;
}
@media (max-width: 768px) {
  .page-header.header__hero .header-inner__image-stack {
    order: 2;
    padding-top: 3.25rem;
    padding-bottom: 3rem;
    max-width: calc(100% - var(--gutter) * 2);
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .page-header.header__hero .header-inner {
    text-align: center;
  }
  .page-header.header__hero .header-inner .button-group {
    justify-content: center;
  }
}
.page-header.header__hero .cta {
  --_color-bg: var(--color-white);
  --_color-border: var(--color-white);
  --_color-bg-hover: var(--color-sunny-yellow);
  --_color-border-hover: var(--color-sunny-yellow);
}
.page-header.header__hero .scroll-down {
  font-family: var(--font-sans);
  text-transform: uppercase;
  line-height: 140%;
  letter-spacing: -0.00875rem;
  font-size: var(--text-sm);
  gap: 0.38rem;
}
.page-header.header__hero .scroll-down.position-top {
  order: 1;
  margin-bottom: auto;
  padding-bottom: 3rem;
}
.page-header.header__hero .scroll-down.position-bottom {
  order: 3;
  margin-top: auto;
  padding-top: 3rem;
}
@media (max-width: 768px) {
  .page-header.header__hero .scroll-down {
    display: none;
  }
}
.page-header.header__hero .image-stack img {
  aspect-ratio: 1.5;
  object-fit: cover;
}
.page-header.header__drop .header-inner {
  padding-block: calc(var(--nav-offset, 0rem) + 4rem) 5rem;
}
.page-header.header__drop .header-inner__drop {
  border-radius: 0 0 7vw 7vw;
}
.page-header.header__drop .prose, .page-header.header__drop .button_group {
  margin-inline: auto;
}
.page-header.header__drop .eyebrow {
  font-size: 2.5rem;
}
.page-header.header__drop .prose {
  max-width: var(--content-width-wide);
}
.block.basic.default .content-group, .block.basic.default .title-group {
  grid-column: 1 / span 9;
}
@media (max-width: 1540px) {
  .block.basic.default .content-group, .block.basic.default .title-group {
    grid-column: 1 / span 10;
  }
}
@media (max-width: 1200px) {
  .block.basic.default .content-group, .block.basic.default .title-group {
    grid-column: 1 / span 10;
  }
}
@media (max-width: 768px) {
  .block.basic.default .content-group, .block.basic.default .title-group {
    grid-column: span var(--_grid-cols);
  }
}
@media (min-width: 1024px) {
  .block.basic .prose p, .block.basic .prose ul, .block.basic .prose ol, .block.basic .prose blockquote {
    max-width: calc(var(--column-width-vw) * 6 + var(--grid-col-gap) * 5);
  }
}
.block.basic .prose iframe, .block.basic .prose video {
  width: 100%;
  margin-inline: auto;
  display: block;
  aspect-ratio: 1.7777777778;
}
.block.basic.full .content-group, .block.basic.full .title-group {
  grid-column: span var(--grid-columns);
}
@media (max-width: 1024px) {
  .block.basic.full .content-group, .block.basic.full .title-group {
    grid-column: 1 / span 12;
  }
}
.block.horizontal-marquee .block-inner {
  margin-bottom: 4rem;
}
/** MARQUEE **/
.marquee__track {
  overflow: hidden;
  width: 100%;
  /* Set the width of the container */
  box-sizing: border-box;
  /* display: flex; */
  flex-wrap: nowrap;
}
.marquee__track--reverse {
  padding-top: 2rem;
}
.marquee__track--reverse .marquee {
  animation-direction: reverse;
}
.marquee {
  --_marquee-viewport-width: 1920;
  --_marquee-content-width: 2800;
  --_marquee-speed: 55s;
  --_marquee-item-count: 10;
  --_marquee-px-per-second: 40;
  display: flex;
  flex-wrap: nowrap;
  animation-name: marquee;
  animation-duration: calc((var(--_marquee-content-width) / 1px) / var(--_marquee-px-per-second) * 1s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  --_marquee-height: 25rem;
  --_marquee-element-width: var(--_marquee-size);
  height: var(--_marquee-height);
  width: max-content;
}
@media (max-width: 768px) {
  .marquee {
    --_marquee-px-per-second: 60;
  }
}
/*
.has-size-largest .marquee { --_marquee-size: 50rem; }
.has-size-large .marquee { --_marquee-size: 36rem;}
.has-size-medium .marquee { 
    --_marquee-size: 30rem;

    @include respond_to(sm) {--_marquee-size: 22rem; }
}
.has-size-small .marquee { --_marquee-size: 20rem;}
.has-speed-fastest .marquee { --_marquee-speed: 2s;}
.has-speed-fast .marquee { --_marquee-speed: 15s;}
.has-speed-medium .marquee { --_marquee-speed: 20s;}
.has-speed-slow .marquee { --_marquee-speed: 40s;
    @include respond_to(sm) {--_marquee-speed: 20s;}
}
.has-speed-slowest .marquee { --_marquee-speed: 40s;}
*/
.marquee__item {
  flex: 0 0 auto;
  height: 100%;
  /* Prevent items from shrinking */
  white-space: nowrap;
  /* Ensure items stay on a single line */
  font-size: inherit;
  /* Adjust text size */
  align-items: center;
  display: flex;
  justify-content: center;
  padding-inline: calc(1.75rem / 2);
}
.marquee__item a {
  display: block;
}
.marquee__item img {
  height: 100%;
  width: auto;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 768px) {
  .marquee__item img {
    max-width: calc(100vw - 4rem);
    object-fit: cover;
  }
}
.marquee__group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 0 auto;
  height: 100%;
}
@keyframes marquee {
  0% {
    translate: 0% 0%;
  }
  100% {
    translate: calc(var(--_marquee-content-width) * -1) 0%;
  }
}
@media (max-width: 768px) {
  .block.three-point-timer {
    overflow: hidden;
  }
}
.block.three-point-timer .image-stack img {
  aspect-ratio: 0.8;
}
.block.three-point-timer .three-points__content {
  display: flex;
  flex-direction: column;
  gap: 2.75rem 1rem;
  grid-column: 8 / span 4;
}
@media (max-width: 1200px) {
  .block.three-point-timer .three-points__content {
    grid-column: 7 / span 6;
  }
}
@media (max-width: 768px) {
  .block.three-point-timer .three-points__content {
    grid-column: span var(--_grid-cols);
  }
}
.block.three-point-timer .three-points__content--inner {
  margin-top: auto;
}
.block.three-point-timer .three-points__image-stack-wrapper {
  grid-column: span 5;
}
@media (max-width: 768px) {
  .block.three-point-timer .three-points__image-stack-wrapper {
    grid-column: span var(--_grid-cols);
  }
  .block.three-point-timer .three-points__image-stack-wrapper .image-stack {
    max-width: 32rem;
    margin-inline: auto;
  }
}
.block.three-point-timer .three-points__stories .three-points__story {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  transition: all 350ms ease;
  opacity: 0.4;
}
.block.three-point-timer .three-points__stories .three-points__story:hover {
  opacity: 0.6;
}
.block.three-point-timer .three-points__stories .three-points__story.active {
  opacity: 1;
}
.block.three-point-timer .three-points__stories .three-points__story.active .three-points__text {
  max-height: var(--_open-height, 5rem);
}
.block.three-point-timer .three-points__stories .three-points__story.active .three-points__progress-bar {
  background-color: var(--color-hope-yellow);
}
.block.three-point-timer .three-points__stories .three-points__text {
  max-height: 0rem;
  overflow: hidden;
  transition: all 700ms ease;
}
.block.three-point-timer .three-points__stories .three-points__title {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: var(--text-lg);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.block.three-point-timer .three-points__stories .three-points__step {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.25rem;
  background-color: var(--color-hope-yellow);
  font-family: var(--font-serif);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 400;
  font-size: var(--text-body-lg);
}
.block.three-point-timer .three-points__stories .three-points__body {
  padding-left: 3.25rem;
}
.block.three-point-timer .three-points__stories .three-points__progress {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 0.125rem;
  background-color: var(--color-black-30);
}
.block.three-point-timer .three-points__stories .three-points__progress-bar {
  --_progress: 0%;
  width: var(--_progress, 0%);
  height: 100%;
  background-color: transparent;
  transition: width 350ms ease;
}
.block.image-text {
  position: relative;
  isolation: isolate;
}
@media (max-width: 768px) {
  .block.image-text {
    overflow: hidden;
  }
}
.block.image-text .image-right .content {
  margin-right: auto;
  margin-left: 0;
}
.block.image-text .image-left .content {
  margin-left: auto;
  margin-right: 0;
}
.block.image-text .content {
  align-self: center;
}
@media (max-width: 768px) {
  .block.image-text .grid {
    row-gap: 6.5rem;
  }
}
.block.image-text .image-wrap {
  position: relative;
  isolation: isolate;
  align-self: start;
}
.block.image-text.default .hope-tab {
  position: absolute;
  top: 0;
  translate: 0% -50%;
  left: 6.8%;
  width: 8.475rem;
  max-width: 16%;
  aspect-ratio: 2.8318584071;
  height: auto;
}
.block.image-text.team-member .title-group {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.block.image-text.team-member .title-group .eyebrow {
  order: 2;
  font-family: var(--font-sans);
  font-size: var(--text-base);
  margin-bottom: 1.5rem;
}
.block.image-text.team-member .title-group h2 {
  order: 1;
  font-family: var(--font-felt-tip);
  font-weight: 400;
  font-size: 4.5rem;
  margin-bottom: 0;
  line-height: 0.75;
}
.block.image-text.team-member .title-group .prose {
  order: 3;
  font-size: var(--text-base);
}
.block.image-text .image-stack {
  max-width: calc(var(--column-width-vw) * 5 + var(--grid-col-gap) * 5);
}
@media (max-width: 768px) {
  .block.image-text .image-stack {
    max-width: 100%;
  }
}
.block.image-text .image-stack img {
  aspect-ratio: 0.8;
}
.block.image-text .image-left .image-stack {
  margin-right: auto;
  margin-left: 0;
}
@media (max-width: 768px) {
  .block.image-text .image-left .image-stack {
    margin-left: auto;
  }
}
.block.image-text .image-right .image-stack {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 768px) {
  .block.image-text .image-right .image-stack {
    margin-right: auto;
  }
}
.block.image-text .logo-pattern {
  width: 50vw;
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}
@media (max-width: 1024px) {
  .block.image-text .logo-pattern {
    width: 42vw;
  }
}
@media (max-width: 768px) {
  .block.image-text .logo-pattern {
    height: calc(90vw / 0.8 + var(--section-space-main) + 0rem);
    width: 100vw;
  }
}
@media (max-width: 480px) {
  .block.image-text .logo-pattern {
    height: calc(90vw / 0.8 + var(--section-space-main) + 4.5rem);
  }
}
.block.image-text .logo-pattern__inner {
  position: relative;
  height: 100%;
}
@media (max-width: 1024px) {
  .block.image-text .logo-pattern__inner {
    overflow: hidden;
  }
}
.block.image-text .logo-pattern.image-left {
  left: 0;
}
@media (max-width: 768px) {
  .block.image-text .logo-pattern.image-left {
    top: 0;
  }
}
.block.image-text .logo-pattern.image-right {
  right: 0;
}
@media (max-width: 768px) {
  .block.image-text .logo-pattern.image-right {
    top: unset;
    bottom: 0;
  }
}
.block.image-text .logo-pattern svg {
  width: 100%;
  top: 0;
}
.block.image-text.bg-sunny-yellow .logo-pattern svg g path {
  fill: var(--color-hope-yellow) !important;
}
.block.centered {
  position: relative;
  isolation: isolate;
  /*
    &.default, &.circles, &.images {
        .prose {
            max-width: var(--content-width);
            margin-inline: auto;
        }
    }
    */
}
.block.centered .title-group {
  max-width: var(--content-width);
  margin-inline: auto;
}
.block.centered .prose {
  max-width: var(--content-width-narrow);
  margin-inline: auto;
}
.block.centered .prose p:has(img) {
  max-width: 100%;
}
.block.centered .prose img.size-full {
  width: 100%;
  max-width: calc(var(--column-width-vw) * 8 + var(--grid-col-gap) * 7);
}
.block.centered.wide .title-group {
  max-width: 100%;
}
.block.centered.wide .prose {
  max-width: var(--content-width-wide);
}
.block.centered.wide .prose img.size-full {
  max-width: 100%;
}
.block.centered .image-stack {
  max-width: var(--content-width);
  margin-inline: auto;
  margin-bottom: 3.5rem;
  margin-top: 3.5rem;
}
.block.centered .embed-wrap {
  max-width: 100%;
  width: 100%;
}
.block.centered .embed-wrap p {
  max-width: 100%;
  width: 100%;
}
.block.centered.circles {
  padding-block: var(--section-space-lg);
}
@media (min-width: 1540px) {
  .block.centered.circles .block-inner {
    position: relative;
  }
}
@media (max-width: 768px) {
  .block.centered.circles {
    padding-block: var(--section-space-main);
  }
}
.block.centered .circle {
  max-width: 9.25rem;
  border-radius: 100%;
  --_position-x-offset: calc(var(--gutter) + 10vw);
  --_position-x-offset-outer: var(--gutter);
  --_position-y-offset: var(--block-space);
  position: absolute;
  z-index: -1;
}
.block.centered .circle-0, .block.centered .circle-3 {
  top: var(--_position-y-offset);
}
.block.centered .circle-1, .block.centered .circle-4 {
  top: 50%;
  translate: 0% -50%;
}
.block.centered .circle-2, .block.centered .circle-5 {
  bottom: var(--_position-y-offset);
}
.block.centered .circle-0 {
  left: var(--_position-x-offset);
}
.block.centered .circle-1 {
  left: var(--_position-x-offset-outer);
}
.block.centered .circle-2 {
  left: var(--_position-x-offset);
}
.block.centered .circle-3 {
  right: var(--_position-x-offset);
}
.block.centered .circle-4 {
  right: var(--_position-x-offset-outer);
}
.block.centered .circle-5 {
  right: var(--_position-x-offset);
}
@media (min-width: 1540px) {
  .block.centered .circle {
    --_position-y-offset: 0;
    --_position-x-offset-outer: 10rem;
    --_position-x-offset: 20rem;
  }
}
@media (max-width: 1200px) {
  .block.centered .circle {
    max-width: 8rem;
    --_position-x-offset: calc(var(--gutter) + 5vw);
    --_position-x-offset-outer: calc(var(--gutter) * 0.25);
  }
}
@media (max-width: 1024px) {
  .block.centered .circle {
    max-width: 6.6rem;
  }
}
@media (max-width: 768px) {
  .block.centered .circle {
    position: static;
    top: 0;
    border: solid 0.25rem var(--color-bg);
  }
  .block.centered .circle-3, .block.centered .circle-4, .block.centered .circle-5 {
    display: none;
  }
  .block.centered .circle-0 {
    translate: 1rem 0;
  }
  .block.centered .circle-1 {
    translate: 0 0;
  }
  .block.centered .circle-2 {
    translate: -1rem 0;
  }
}
.block.centered .block-inner__circle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0rem;
  width: fit-content;
}
@media (max-width: 768px) {
  .block.centered .block-inner__circle-wrap {
    padding-top: 2.5rem;
    margin-inline: auto;
  }
}
.block.centered.feature {
  padding-block: 0;
  color: var(--color-white);
}
.block.centered.feature .title {
  font-family: var(--font-serif);
  font-weight: 400;
}
.block.centered.feature .title-group {
  max-width: 100%;
}
.block.centered.feature .block-inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  align-items: center;
}
.block.centered .block-inner__media {
  max-width: 100%;
}
.block.centered .block-inner__media::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, var(--color-black-40) 0%, var(--color-black-40) 100%);
}
.block.centered .block-inner__media img {
  min-height: 37rem;
}
.block.centered .block-inner__media.is-single {
  overflow: hidden;
}
.block.centered .block-inner__media.is-single img {
  aspect-ratio: 2.3333333333;
  object-fit: cover;
  scale: 1.08;
}
@media (max-width: 768px) {
  .block.centered .block-inner__media.is-single img {
    min-height: 32rem;
  }
}
.block.centered .block-inner__media.is-triptych {
  aspect-ratio: 2.3333333333;
  display: grid;
  gap: 0rem;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
}
.block.centered .block-inner__media.is-triptych img {
  max-width: 100%;
  object-fit: cover;
  transition: all 350ms ease var(--_delay);
}
.block.centered .block-inner__media.is-triptych img:nth-child(1) {
  --_delay: 50ms;
}
.block.centered .block-inner__media.is-triptych img:nth-child(2) {
  --_delay: 150ms;
}
.block.centered .block-inner__media.is-triptych img:nth-child(3) {
  --_delay: 250ms;
}
.block.centered .block-inner__media.is-triptych[data-scroll] img {
  filter: brightness(0.3);
}
.block.centered .block-inner__media.is-triptych[data-scroll].is-inview img {
  filter: brightness(1);
}
@media (max-width: 768px) {
  .block.centered .block-inner__media.is-triptych {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    min-height: 50rem;
  }
  .block.centered .block-inner__media.is-triptych img {
    aspect-ratio: 2.3333333333;
    min-height: 0;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .block.centered .block-inner__media img {
    min-height: 50rem;
  }
}
.block.centered.inset {
  color: var(--color-white);
}
.block.centered.inset .title {
  font-family: var(--font-serif);
  font-weight: 400;
}
.block.centered.inset .title-group {
  max-width: 100%;
}
.block.centered.inset .block-inner {
  align-items: stretch;
}
.block.centered.inset .block-inner > div {
  grid-row: 1 / 1;
}
.block.centered.inset .block-inner .span-10 {
  grid-column: 1 / 13;
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 5rem 4rem;
  background: linear-gradient(0deg, rgba(40, 33, 31, 0.5) 0%, rgba(40, 33, 31, 0.5) 100%);
}
.block.centered.inset .hope-tab {
  position: absolute;
  width: 8.6875rem;
  height: 2.5rem;
}
.block.centered.inset .hope-tab--top {
  top: 0rem;
  right: 7.5rem;
  translate: 0 -50%;
}
.block.centered.inset .hope-tab--bottom {
  bottom: 0rem;
  left: 7.5rem;
  translate: 0 50%;
}
.block.centered .block-inner__media-inset {
  grid-column: 1 / 13;
}
.block.centered .block-inner__media-inset img {
  aspect-ratio: 2.3333333333;
  object-fit: cover;
  height: 100%;
}
.block.slider-block {
  overflow: hidden;
}
.block.slider-block .block-inner__content {
  display: flex;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.block.slider-block .block-inner__content .draggable-scroll__controls {
  width: fit-content;
  margin-left: auto;
}
@media (max-width: 768px) {
  .block.slider-block .block-inner__content .draggable-scroll__controls {
    display: none;
  }
}
.block.slider-block .slider {
  translate: 0;
  padding-left: var(--_translate-offset);
  padding-right: var(--_translate-offset);
}
.block.slider-block .slider .scroll-track {
  column-gap: var(--grid-col-gap);
}
@media (max-width: 768px) {
  .block.slider-block .slider .scroll-track {
    column-gap: 1rem;
  }
}
.block.slider-block.default .title-group {
  max-width: 78rem;
}
.block.slider-block.default .prose {
  max-width: 50rem;
}
.block.slider-block.default .draggable-scroll__wrap {
  padding-block: var(--section-space-sm);
}
.block.slider-block .slider-card {
  overflow: hidden;
  position: relative;
  isolation: isolate;
  color: var(--color-white);
  width: calc(var(--column-width-vw) * 4 + var(--grid-col-gap) * 2);
  border-radius: 0;
}
.block.slider-block .slider-card .btn_circle {
  --_icon-size: 1.5rem;
}
.block.slider-block .slider-card:hover .slider-card__media {
  scale: 1.025;
}
.block.slider-block .slider-card:hover .slider-card__title {
  color: var(--color-primary);
}
.block.slider-block .slider-card .slider-card__content {
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  gap: 1rem;
}
@media (max-width: 768px) {
  .block.slider-block .slider-card .slider-card__content {
    padding: 1.25rem;
    gap: 0.85rem;
  }
}
.block.slider-block .slider-card .slider-card__title {
  margin-top: auto;
  font-family: var(--font-sans);
  font-weight: var(--font-heading-weight);
  font-size: var(--text-2xl);
  line-height: 1.06;
  transition: color 150ms ease;
}
.block.slider-block .slider-card .slider-card__text {
  font-size: var(--text-body);
  line-height: 140%;
}
.block.slider-block .slider-card .slider-card__media {
  aspect-ratio: 0.7142857143;
  object-fit: cover;
  pointer-events: none;
  transition: scale 350ms ease;
}
.block.slider-block .slider-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  background: linear-gradient(180deg, rgba(40, 33, 31, 0) 47.33%, var(--color-black-80) 100%);
}
.block.post-list .title-area {
  margin-bottom: 4rem;
  max-width: var(--content-width-wide);
  margin-inline: auto;
  text-align: center;
}
.block.post-list .title-area .prose p {
  max-width: var(--content-width-narrow);
  margin-inline: auto;
}
.block.two-column-text .prose p {
  max-width: 43rem;
}
.block.two-column-text .has-top-border > .grid {
  border-top: solid 1px var(--color-black-30);
  padding-top: 1.75rem;
}
@media (max-width: 768px) {
  .block.two-column-text .has-top-border > .grid {
    row-gap: 2rem;
  }
}
.block.two-column-text .circle-images {
  justify-content: flex-start;
  margin-bottom: 1.75rem;
  translate: 0.62rem 0;
}
.block.team {
  overflow: hidden;
}
.block.team .block-inner.grid {
  row-gap: 2rem;
}
.block.team .title-area {
  margin-bottom: 4rem;
}
.block.team .column-wrap {
  margin-left: 0;
  margin-right: 0;
}
.block.team .simple-profiles {
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--grid-row-gap) 4rem;
}
.block.team .btn_circle {
  position: absolute;
  bottom: 1.38rem;
  right: 1.5rem;
  z-index: 7;
  --_icon-size: 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-black);
}
.block.team .btn_circle .icon\:plus {
  display: block;
}
.block.team .btn_circle .icon\:minus {
  display: none;
}
@media (max-width: 480px) {
  .block.team .btn_circle {
    --_icon-size: 1rem;
  }
}
.block.team .profile.simple {
  flex-shrink: 0;
  flex-grow: 0;
  font-family: var(--font-sans);
  text-align: center;
}
.block.team .profile.simple .name {
  font-size: 1.125rem;
  font-weight: var(--font-heading-weight);
}
.block.team .profile.simple .title {
  font-size: var(--text-xs);
}
.block.team .profile.simple .image-wrap {
  margin-bottom: 1rem;
  border: solid 3px var(--color-accent);
  border-radius: 100%;
  width: 9.75rem;
  height: 9.75rem;
  overflow: hidden;
}
.block.team .profile.simple .profile-image {
  object-fit: cover;
  aspect-ratio: 1;
  border-radius: 100%;
  width: 100%;
  display: block;
  border: solid 3px transparent;
}
.block.team .profile.card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.block.team .profile.card .text-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.38rem 1.5rem;
  z-index: 3;
  color: var(--color-white);
}
.block.team .profile.card .text-wrap .name {
  font-family: var(--font-felt-tip);
  font-size: var(--text-2xl);
  line-height: 0.96;
}
.block.team .profile.card .text-wrap .title {
  font-family: var(--font-sans);
  letter-spacing: -0.0125rem;
}
.block.team .profile.card .bio {
  margin-top: 1.5rem;
}
.block.team .profile.card .bio .prose {
  font-size: var(--text-base);
}
.block.team .profile.card .bio .prose b, .block.team .profile.card .bio .prose strong {
  font-family: var(--font-sans);
}
.block.team .profile.card .overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  padding: 1.25rem 1.5rem;
  translate: 0 30%;
  opacity: 0;
  will-change: translate;
  transition: all 350ms ease;
  transition-delay: 350ms;
  box-shadow: -1px -5px 20px -8px rgba(0, 0, 0, 0.75);
}
.block.team .profile.card .overlay .name {
  font-size: var(--text-lg);
  font-family: var(--font-sans);
  letter-spacing: -0.0125rem;
  font-weight: var(--font-heading-weight);
}
.block.team .profile.card .overlay .title {
  font-family: var(--font-sans);
  letter-spacing: -0.0125rem;
}
.block.team .profile.card:hover .overlay, .block.team .profile.card:focus-within .overlay, .block.team .profile.card.is-active .overlay {
  translate: 0 0;
  opacity: 1;
  transition-delay: 0ms;
}
.block.team .profile.card:hover .btn_circle, .block.team .profile.card:focus-within .btn_circle, .block.team .profile.card.is-active .btn_circle {
  background-color: var(--color-black);
  color: var(--color-accent);
}
.block.team .profile.card:hover .btn_circle svg, .block.team .profile.card:focus-within .btn_circle svg, .block.team .profile.card.is-active .btn_circle svg {
  translate: 0 0;
}
.block.team .profile.card:hover .btn_circle .icon\:plus, .block.team .profile.card:focus-within .btn_circle .icon\:plus, .block.team .profile.card.is-active .btn_circle .icon\:plus {
  display: none;
}
.block.team .profile.card:hover .btn_circle .icon\:minus, .block.team .profile.card:focus-within .btn_circle .icon\:minus, .block.team .profile.card.is-active .btn_circle .icon\:minus {
  display: block;
}
.block.team .profile.card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.28%, rgba(0, 0, 0, 0.63) 100%);
  z-index: 1;
}
.block.team .profile.card .profile-image {
  aspect-ratio: 0.8;
  object-fit: cover;
}
@media (max-width: 768px) {
  .block.team .profile.card .profile-image {
    aspect-ratio: 0.75;
  }
}
.block.team .mode-slider .columns-area {
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  width: 100vw;
  --_translate-offset: calc( var(--gutter) * -1 );
  translate: var(--_translate-offset) 0;
}
@media screen and (min-width: 112rem) {
  .block.team .mode-slider .columns-area {
    --_translate-offset: calc((100vw - var(--max-width) ) / -2);
  }
}
.block.team .mode-slider .columns-area::-webkit-scrollbar {
  display: none;
}
.block.team .mode-slider .column-wrap {
  display: flex;
  width: max-content;
  padding-inline: var(--gutter);
  gap: 1.75rem;
}
@media (min-width: 1540px) {
  .block.team .mode-slider .column-wrap {
    padding-inline: calc(var(--_translate-offset) * -1);
  }
}
@media (max-width: 768px) {
  .block.team .mode-slider .column-wrap {
    gap: 0.875rem;
  }
}
.block.team .mode-slider .column {
  width: 25rem;
  /*
            width: calc(var(--column-width-vw) * 4 + var(--grid-col-gap) * 2);

            @include up(xxl) {
                width: calc(var(--column-width-vw) * 4 + var(--grid-col-gap) * 3);
            }

            @include respond_to(xl) {
                width: calc( var(--column-width-vw) * 5 + var(--grid-col-gap) * 3 );
            }

            @include respond_to(lg) {
                width:  25rem;
            }*/
}
@media (max-width: 768px) {
  .block.team .mode-slider .column {
    max-width: 83vw;
  }
}
.column-wrap[data-scroll] .column {
  translate: 0 2rem;
  opacity: 0.8;
  --_transition-delay: calc(50ms + (var(--_column-index) * 75ms));
  transition: translate 350ms ease var(--_transition-delay), opacity 350ms ease var(--_transition-delay);
  will-change: translate, opacity;
}
.column-wrap[data-scroll].is-inview .column {
  translate: 0 0;
  opacity: 1;
}
.block.list .title-group {
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
  .block.list .title-group {
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 1024px) {
  .block.list.stats-list .block-inner {
    row-gap: 0;
  }
}
@media (max-width: 768px) {
  .block.list .block-inner {
    row-gap: 0;
  }
}
.block.list .prose {
  font-size: var(--text-body);
}
.block.list .column-wrap {
  row-gap: 5rem;
}
@media (max-width: 768px) {
  .block.list .column-wrap {
    row-gap: 3rem;
  }
}
.block.list .columns-list .title-group {
  max-width: var(--content-width);
  margin-inline: auto;
  text-align: center;
}
.block.list .columns-list .column-wrap {
  align-items: start;
}
.block.list .list-content-item {
  display: grid;
  grid-template-columns: 5.6rem 1fr;
  gap: 1rem var(--grid-col-gap);
}
@media (max-width: 768px) {
  .block.list .list-content-item {
    grid-template-columns: 4rem 1fr;
  }
}
@media (max-width: 480px) {
  .block.list .list-content-item {
    grid-template-columns: auto 1fr;
    column-gap: 0.5rem;
  }
}
.block.list .list-content-item .prose {
  grid-column-start: 2;
}
@media (max-width: 480px) {
  .block.list .list-content-item .prose {
    grid-column: 1 / span 2;
  }
}
.block.list .list-content-item .step-title {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .block.list .list-content-item .step-title {
    align-self: center;
  }
}
.block.list .list-content-item .step-icon {
  position: absolute;
}
@media (max-width: 480px) {
  .block.list .list-content-item .step-icon {
    position: static;
    align-self: center;
  }
}
.block.list .list-content-item .step-icon img {
  width: 3.5rem;
  object-fit: contain;
}
@media (max-width: 480px) {
  .block.list .list-content-item .step-icon img {
    width: 1.875rem;
  }
}
.block.list .list-content-item.type-columns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-inline: 1.5rem;
}
@media (max-width: 768px) {
  .block.list .list-content-item.type-columns {
    padding-inline: 1rem;
  }
}
.block.list .list-content-item.type-columns .step-title {
  font-size: var(--text-xl);
}
.block.list .list-content-item.type-columns .step-icon {
  position: static;
  padding-bottom: 0.5rem;
}
.block.list .list-content-item.type-columns .step-icon img {
  height: 9.5rem;
  width: 12rem;
  object-fit: contain;
  object-position: center bottom;
  display: block;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .block.list .list-content-item.type-columns .step-icon img {
    height: 7rem;
    width: 8.9375rem;
  }
}
.block.list .list-content-item.type-columns .step-number {
  font-size: var(--text-3xl);
}
.block.list.bg-white .type-columns .step-number {
  color: var(--color-accent);
}
.block.list.bg-hope-yellow .type-columns .step-number {
  color: var(--color-white);
}
.block.list .image-wrap {
  position: relative;
  isolation: isolate;
  margin-bottom: 1rem;
}
.block.list .image-wrap .hope-tab {
  position: absolute;
  top: 0;
  translate: 0% -50%;
  right: 8.9%;
  --_tab-width: 14%;
  width: var(--_tab-width);
  aspect-ratio: 3.8235294118;
  height: auto;
}
.block.list .image-wrap .image-caption {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
  right: 1rem;
  font-family: var(--font-felt-tip);
  font-size: 2.5rem;
  color: var(--color-white);
}
.block.list.stats-list .column-wrap {
  row-gap: 0;
}
.block.list.stats-list .list-content-item {
  border-bottom: solid 1px currentColor;
  padding-block: 1rem;
  grid-template-columns: 12rem 1fr;
}
@media (min-width: 1540px) {
  .block.list.stats-list .list-content-item {
    column-gap: 7rem;
  }
}
@media (max-width: 768px) {
  .block.list.stats-list .list-content-item {
    grid-template-columns: 7rem 1fr;
    column-gap: 1rem;
  }
}
.block.list.stats-list .list-content-item .step-number {
  font-size: var(--text-4xl);
}
.block.list.stats-list .list-content-item .step-title {
  align-self: center;
  font-size: var(--text-base);
  line-height: 1.3;
  font-weight: 400;
  font-family: var(--font-serif);
}
@media (min-width: 1024px) {
  .block.list.stats-list .list-content-item .step-title {
    font-size: var(--text-body);
  }
}
.list-content-item[data-scroll] {
  translate: 0 2rem;
  opacity: 0.8;
  --_transition-delay: 50ms;
  transition: translate 350ms ease var(--_transition-delay), opacity 350ms ease var(--_transition-delay);
  will-change: translate, opacity;
}
@media (max-width: 768px) {
  .list-content-item[data-scroll] {
    translate: -1rem 0rem;
    --_transition-delay: 0ms;
  }
}
.list-content-item[data-scroll].is-inview {
  translate: 0 0;
  opacity: 1;
}
.block.faqs.default .title-group {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .block.faqs.default .block-inner {
    display: flex;
    flex-direction: column-reverse;
  }
  .block.faqs.default .block-inner .accordion-item:last-child {
    border-bottom: solid 1px currentColor;
  }
}
.block.faqs .image-wrap {
  position: relative;
  font-size: var(--text-base);
}
.block.faqs .image-wrap__inner {
  position: sticky;
  top: 0rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
}
.block.faqs.changing-image .title-group {
  margin-bottom: 0rem;
}
.block.faqs.changing-image .accordion-group {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 1200px) {
  .block.faqs.changing-image .accordion-group {
    grid-column: span 6;
  }
}
@media (max-width: 1024px) {
  .block.faqs.changing-image .accordion-group {
    grid-column: span 8;
  }
}
.block.faqs.changing-image .accordion {
  margin-top: auto;
}
.block.faqs.changing-image .accordion .prose + img {
  display: none;
}
@media (max-width: 768px) {
  .block.faqs.changing-image .accordion .prose + img {
    display: block;
  }
}
.block.faqs.changing-image .accordion-header .heading {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: var(--text-xl);
  font-style: normal;
  font-weight: 800;
  line-height: 124%;
  /* 2.48rem */
  letter-spacing: -0.02rem;
}
@media (max-width: 1024px) {
  .block.faqs .image-wrap__changing {
    grid-column: span 4;
  }
}
@media (max-width: 768px) {
  .block.faqs .image-wrap__changing {
    display: none;
  }
}
.block.faqs .image-wrap__changing img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 250ms ease;
}
.block.faqs .image-wrap__changing img:first-child {
  position: relative;
}
.block.faqs .image-wrap__changing img.is-active {
  opacity: 1;
}
.accordion-content {
  padding-right: 3rem;
}
@media (max-width: 480px) {
  .accordion-content {
    padding-right: 0rem;
  }
}
.accordion-content__inner {
  padding-top: 1.5rem;
  padding-bottom: 0rem;
  max-width: 38rem;
}
.accordion-item {
  padding: 1.25rem 0rem;
  border-top: solid 1px currentColor;
  transition: all 250ms ease;
  position: relative;
  isolation: isolate;
  z-index: 5;
  background-color: var(--color-bg);
}
.accordion-item:last-child {
  padding-bottom: 0;
}
.accordion-item .prose {
  font-size: var(--text-base);
}
.accordion-item:nth-child(n+2) {
  margin-top: 0.5rem;
}
.accordion-item summary {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: color 250ms ease;
  cursor: pointer;
}
@media (max-width: 768px) {
  .accordion-item summary {
    align-items: flex-start;
  }
}
.accordion-item summary .heading {
  margin-bottom: 0;
  font-family: var(--font-serif);
  font-weight: 400;
}
.accordion-item summary .accordion-icon {
  margin-left: auto;
  background-color: var(--color-white);
  color: var(--color-black);
}
.accordion-item.is-open {
  background-color: var(--color-white);
}
.accordion-item[open] summary {
  color: var(--_accent-color);
}
.accordion-item[open] .accordion-icon svg {
  rotate: 180deg;
}
.accordion-item .accordion-icon {
  background-color: transparent;
  color: currentColor;
  padding: 0rem;
  height: 1.875rem;
  width: 1.875rem;
  min-width: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 350ms ease;
}
.accordion-item .accordion-icon svg {
  transition: all 250ms ease;
  rotate: 0deg;
}
.accordion-item summary::marker {
  display: none;
}
.accordion-content {
  overflow-x: hidden;
}
.accordion-content .cta {
  font-size: var(--text-sm);
  min-width: max-content;
}
@property --_progress {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
.block.stories {
  overflow: hidden;
}
.block.stories .title-area {
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 4rem;
}
.block.stories .stories-area__default .story-wrap {
  gap: var(--grid-col-gap);
  --_focus-grid: 2fr;
  display: grid;
  grid-template-columns: var(--_focus-grid) 1fr 1fr;
  transition: all 650ms ease;
}
@media (max-width: 1200px) {
  .block.stories .stories-area__default .story-wrap {
    gap: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .block.stories .stories-area__default .story-wrap {
    gap: 1rem;
    --_focus-grid: 4fr;
  }
}
.block.stories .stories-area__default .story-wrap.focus-middle {
  grid-template-columns: 1fr var(--_focus-grid) 1fr;
}
.block.stories .stories-area__default .story-wrap.focus-end {
  grid-template-columns: 1fr 1fr var(--_focus-grid);
}
@media (max-width: 768px) {
  .block.stories .stories-area__default .story-wrap {
    grid-template-columns: 1fr;
  }
  .block.stories .stories-area__default .story-wrap.focus-middle, .block.stories .stories-area__default .story-wrap.focus-end {
    grid-template-columns: 1fr;
  }
}
.block.stories .stories-area__default .story-wrap .story-item {
  position: relative;
  isolation: isolate;
  width: 100%;
  transition: all 350ms ease;
  cursor: pointer;
}
.block.stories .stories-area__default .story-wrap .story-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.86%, rgba(0, 0, 0, 0.8) 79.19%);
}
.block.stories .stories-area__default .story-wrap .story-item__name {
  font-weight: 800;
  line-height: 110%;
  /* 3.3rem */
  letter-spacing: -0.03rem;
  font-family: var(--font-sans);
  font-size: var(--text-lg);
}
.block.stories .stories-area__default .story-wrap .story-item__image {
  height: 37rem;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .block.stories .stories-area__default .story-wrap .story-item__image {
    height: auto;
    width: 100%;
    aspect-ratio: 0.71875;
  }
}
.block.stories .stories-area__default .story-wrap .story-item__text {
  display: none;
  opacity: 0;
  padding-top: 1rem;
  transition: opacity 250ms ease 650ms, max-height 350ms ease 450ms;
  max-height: 0rem;
}
.block.stories .stories-area__default .story-wrap .story-item__text-group {
  max-width: 32rem;
}
@media (max-width: 768px) {
  .block.stories .stories-area__default .story-wrap .story-item__text {
    display: -webkit-box;
    opacity: 1;
    max-height: 7.5rem;
  }
}
.block.stories .stories-area__default .story-wrap .story-item__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  color: var(--color-white);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 1200px) {
  .block.stories .stories-area__default .story-wrap .story-item__content {
    padding: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .block.stories .stories-area__default .story-wrap .story-item__content {
    padding: 1.125rem;
    opacity: 0;
    transition: all 350ms ease;
  }
}
@media (max-width: 768px) {
  .block.stories .stories-area__default .story-wrap .story-item__content {
    opacity: 1;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.5rem;
  }
  .block.stories .stories-area__default .story-wrap .story-item__content .cta {
    margin-right: auto;
    width: max-content;
  }
  .block.stories .stories-area__default .story-wrap .story-item__content .cta .icon {
    display: none;
  }
}
.block.stories .stories-area__default .story-wrap .story-item p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block.stories .stories-area__default .story-wrap .story-item:not(.is-active) .cta {
    padding: 0.5rem;
    aspect-ratio: 1;
    flex-shrink: 0;
  }
  .block.stories .stories-area__default .story-wrap .story-item .cta .icon {
    display: inline-block;
  }
  .block.stories .stories-area__default .story-wrap .story-item .cta .label {
    display: none;
  }
}
.block.stories .stories-area__default .story-wrap .story-item.is-entering .story-item__text {
  display: -webkit-box;
}
.block.stories .stories-area__default .story-wrap .story-item.is-active .story-item__content {
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .block.stories .stories-area__default .story-wrap .story-item.is-active .story-item__content {
    opacity: 1;
  }
}
.block.stories .stories-area__default .story-wrap .story-item.is-active .story-item__text {
  display: -webkit-box;
  opacity: 1;
  max-height: 7.5rem;
}
@media (min-width: 768px) {
  .block.stories .stories-area__default .story-wrap .story-item.is-active .cta .icon {
    display: none;
  }
  .block.stories .stories-area__default .story-wrap .story-item.is-active .cta .label {
    display: inline-block;
  }
}
.block.stories .progress-bar {
  height: 2px;
  background-color: var(--color-black-30);
  margin-bottom: 1rem;
  --_progress: 0%;
}
.block.stories .progress-bar__inner {
  width: var(--_progress, 0%);
  height: 100%;
  background-color: var(--color-black);
  transition: inherit;
}
.block.stories .stories-area__impact .story-wrap {
  position: relative;
  isolation: isolate;
}
.block.stories .stories-area__impact .story-wrap .impact-story__item {
  position: absolute;
  z-index: 3;
  inset: 0;
}
.block.stories .stories-area__impact .story-wrap .impact-story__item:first-child {
  position: relative;
}
.block.stories .impact-stories__navigation {
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .block.stories .impact-stories__navigation {
    display: none;
  }
}
.block.stories .impact-stories__navigation-button {
  color: currentColor;
  border: solid 1px currentColor;
  background-color: transparent;
  --_icon-size: 2.125rem;
  padding: 0.75rem;
}
.block.stories .impact-story__item {
  display: grid;
  grid-template-columns: 4fr 7fr;
  gap: var(--grid-col-gap);
  max-width: calc(var(--column-width-vw) * 11 + var(--grid-col-gap) * 10);
  opacity: 0;
  transition: opacity 600ms ease;
}
@media (max-width: 768px) {
  .block.stories .impact-story__item {
    display: flex;
    flex-direction: column;
  }
}
.block.stories .impact-story__item.is-active {
  opacity: 1;
  display: grid;
}
@media (max-width: 768px) {
  .block.stories .impact-story__item.is-active {
    display: flex;
  }
}
.block.stories .impact-story__item .impact-story__image {
  aspect-ratio: 1.25;
  object-fit: cover;
}
@media (max-width: 768px) {
  .block.stories .impact-story__item .impact-story__image {
    aspect-ratio: 1.6666666667;
  }
}
.block.stories .impact-story__item .impact-story__accent {
  color: var(--color-accent);
  width: 2.8125rem;
  height: auto;
  display: block;
  margin-bottom: 1rem;
}
.block.stories .impact-story__item .impact-story__name {
  font-weight: 800;
  line-height: 110%;
  /* 3.3rem */
  letter-spacing: -0.03rem;
  font-family: var(--font-sans);
  font-size: var(--text-lg);
  margin-bottom: 0.5rem;
}
.block.stories .impact-story__item .impact-story__subtitle {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: 140%;
  letter-spacing: -0.00875rem;
}
.block.stories .impact-story__item .impact-story__text {
  margin-top: 1rem;
  font-size: var(--text-body-lg);
}
.block.stories .impact-stories__thumb {
  opacity: 0.4;
  transition: all 450ms ease;
}
.block.stories .impact-stories__thumbs {
  margin-top: 3.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--grid-col-gap);
  row-gap: 3.5rem;
}
@media (max-width: 768px) {
  .block.stories .impact-stories__thumbs {
    margin-top: 2.25rem;
    translate: calc(var(--gutter) * -1) 0rem;
    width: 100vw;
    column-gap: 1rem;
    overflow-x: scroll;
    padding-inline: var(--gutter);
    padding-bottom: 1rem;
    scrollbar-width: none;
  }
  .block.stories .impact-stories__thumbs::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .block.stories .impact-stories__thumb {
    width: 80vw;
  }
}
.block.stories .impact-stories__thumb.is-active {
  opacity: 1;
}
.block.stories .impact-stories__thumb--image {
  width: 4rem;
  height: 4rem;
  border-radius: 100vw;
}
.block.stories .impact-stories__thumb--content {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.block.stories .impact-stories__thumb--name {
  font-size: var(--text-body);
}
.block.stories .impact-stories__thumb--subtitle {
  font-size: var(--text-xs);
  font-family: var(--font-sans);
}
.block.stories .stories-area__dynamic .story-wrap {
  position: relative;
  isolation: isolate;
}
@media (max-width: 768px) {
  .block.stories .stories-area__dynamic .story-wrap {
    display: none;
  }
}
.block.stories .stories-area__dynamic .story-wrap .dynamic-story__item {
  position: absolute;
  z-index: 3;
  inset: 0;
}
.block.stories .stories-area__dynamic .story-wrap .dynamic-story__item:first-child {
  position: relative;
}
.block.stories .stories-area__dynamic .dynamic-stories__contents {
  margin-top: 3.5rem;
}
.block.stories .dynamic-story__item {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: var(--grid-col-gap);
  opacity: 0;
  transition: all 650ms ease;
}
.block.stories .dynamic-story__item.is-active {
  opacity: 1;
}
.block.stories .dynamic-story__item img {
  object-fit: cover;
}
.block.stories .dynamic-story__item .dynamic-story__image-primary {
  position: relative;
}
.block.stories .dynamic-story__item .dynamic-story__image-primary .hope-tab {
  position: absolute;
  right: 3rem;
  top: -0.9375rem;
  width: 5.75rem;
  height: 1.875rem;
}
.block.stories .dynamic-story__item .dynamic-story__image {
  aspect-ratio: 2;
}
.block.stories .dynamic-story__item .dynamic-story__image-secondary {
  aspect-ratio: 1;
}
.block.stories .dynamic-stories__contents {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--grid-col-gap);
}
@media (max-width: 768px) {
  .block.stories .dynamic-stories__contents {
    grid-template-columns: 1fr;
    row-gap: 3.5rem;
  }
  .block.stories .dynamic-stories__contents .progress-bar {
    display: none;
  }
}
.block.stories .dynamic-stories__content-item {
  opacity: 0.4;
  transition: all 350ms ease;
}
.block.stories .dynamic-stories__content-item.is-active {
  opacity: 1;
}
@media (max-width: 768px) {
  .block.stories .dynamic-stories__content-item {
    opacity: 1;
  }
}
.block.stories .dynamic-stories__content-item--image {
  display: none;
  position: relative;
  margin-bottom: 1.75rem;
  aspect-ratio: 2;
  object-fit: cover;
}
.block.stories .dynamic-stories__content-item--image .hope-tab {
  position: absolute;
  right: 2.5rem;
  top: calc(0rem);
  translate: 0% -50%;
}
@media (max-width: 768px) {
  .block.stories .dynamic-stories__content-item--image {
    display: block;
  }
}
.block.stories .dynamic-stories__content-item--title {
  font-weight: 800;
  font-family: var(--font-sans);
  font-size: var(--text-lg);
  line-height: 110%;
  letter-spacing: -0.03rem;
  margin-bottom: 1rem;
}
.block.vertical-marquee {
  padding-block: 0 var(--section-space-lg);
  --_image-height: 80svh;
}
.block.vertical-marquee .title-group .title {
  font-size: var(--text-2xl);
}
@media (max-width: 768px) {
  .block.vertical-marquee .title-group {
    margin-bottom: 4rem;
  }
}
@media (max-width: 480px) {
  .block.vertical-marquee .title-group {
    margin-bottom: 2.5rem;
  }
}
.block.vertical-marquee .title-area__track {
  grid-column: span 5;
}
@media (max-width: 1200px) {
  .block.vertical-marquee .title-area__track {
    grid-column: span 6;
  }
}
@media (max-width: 768px) {
  .block.vertical-marquee .title-area__track {
    grid-column: span var(--_grid-cols);
  }
}
.block.vertical-marquee .title-area__placer {
  position: sticky;
  z-index: 25;
  top: 0;
  height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .block.vertical-marquee .title-area__placer {
    position: static;
    height: auto;
  }
}
.block.vertical-marquee .title-area {
  position: sticky;
  top: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(var(--_image-height) - 6rem);
}
@media (max-width: 1024px) {
  .block.vertical-marquee .title-area {
    min-height: calc(var(--_image-height) - 2rem);
  }
}
@media (max-width: 768px) {
  .block.vertical-marquee .title-area {
    position: static;
  }
}
.block.vertical-marquee .vertical-scroll {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  grid-column: 8 / 13;
  padding-top: calc(10vh + 3rem);
}
@media (max-width: 1200px) {
  .block.vertical-marquee .vertical-scroll {
    grid-column: 7 / 13;
    padding-top: calc(10vh + 2rem);
  }
}
@media (max-width: 1200px) {
  .block.vertical-marquee .vertical-scroll {
    translate: var(--gutter) 0;
  }
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll {
    display: none;
  }
}
.block.vertical-marquee .mobile-image {
  display: none;
}
@media (max-width: 768px) {
  .block.vertical-marquee .mobile-image {
    display: block;
  }
}
.block.vertical-marquee .vertical-scroll__step {
  color: var(--color-accent);
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: var(--text-2xl);
  display: block;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll__step {
    margin-top: 1.5rem;
  }
}
.block.vertical-marquee .vertical-scroll__source {
  font-family: var(--font-sans);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.0125rem;
  margin-top: 1rem;
}
.block.vertical-marquee .vertical-scroll__item {
  opacity: 0;
  transition: all 850ms cubic-bezier(0.77, 0, 0.175, 1);
  position: absolute;
  z-index: 25;
  left: 0;
  right: 0;
  bottom: calc(3rem + 0.5rem);
  transform: translateY(-4rem);
  /*
            &:first-child {
                position: relative;
                translate: 0 4.5rem;
            }*/
  /*
            &:has(+ .vertical-scroll__item.is-item) {
                    transform: translateY(-2rem);
            }*/
}
@media (max-width: 1024px) {
  .block.vertical-marquee .vertical-scroll__item {
    bottom: calc(2rem + 0.5rem);
    transform: translateY(-2rem);
  }
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll__item {
    position: static;
    opacity: 1;
    transform: translateY(0rem);
  }
}
.block.vertical-marquee .vertical-scroll__item.is-active {
  opacity: 1;
  transform: translateY(0rem);
}
.block.vertical-marquee .vertical-scroll__item.is-active + .vertical-scroll__item {
  transform: translateY(4rem);
}
.block.vertical-marquee .vertical-scroll__item .prose {
  font-size: var(--text-xl);
}
.block.vertical-marquee .vertical-scroll__item .prose p {
  line-height: 1.3;
}
@media screen and (min-width: 1200px) and (max-height: 941px) {
  .block.vertical-marquee .vertical-scroll__item .prose {
    font-size: var(--text-lg);
  }
}
@media (max-width: 1200px) {
  .block.vertical-marquee .vertical-scroll__item .prose {
    font-size: var(--text-lg);
  }
}
@media (max-width: 1024px) {
  .block.vertical-marquee .vertical-scroll__item .prose {
    font-size: var(--text-body-lg);
  }
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll__item .prose {
    font-size: var(--text-body);
  }
}
.block.vertical-marquee .vertical-scroll__media-item {
  position: relative;
  min-height: var(--_image-height);
  height: var(--_image-height);
  scroll-margin-top: 2rem;
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll__media-item {
    min-height: 0;
    height: auto;
    margin-bottom: 1.5rem;
  }
}
.block.vertical-marquee .vertical-scroll__image {
  aspect-ratio: 0.8;
  object-fit: cover;
  min-height: 80svh;
  height: var(--_image-height);
  width: 100%;
}
.block.vertical-marquee .vertical-scroll__image-mobile {
  object-fit: cover;
  height: 100%;
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll__image-mobile {
    height: auto;
    min-height: 0;
    aspect-ratio: 0.8;
    width: 100%;
  }
}
.block.vertical-marquee .vertical-scroll__dynamic-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4rem;
}
.block.vertical-marquee .vertical-scroll__dot {
  background-color: var(--color-black-40);
  cursor: pointer;
  width: 0.625rem;
  height: 0.625rem;
  padding-inline: 0;
  padding-block: 0;
  border-radius: 1.5rem;
  transition: all 350ms ease;
}
.block.vertical-marquee .vertical-scroll__dots {
  display: flex;
  gap: 0.625rem;
  margin-top: 0rem;
}
@media (max-width: 768px) {
  .block.vertical-marquee .vertical-scroll__dots {
    display: none;
  }
}
.block.vertical-marquee .vertical-scroll__dot.is-active {
  background-color: var(--color-black);
  width: 2.5rem;
}
.block.vertical-marquee .vertical-scroll__dot:hover {
  background-color: var(--color-black);
  scale: 1.2;
}
/*

@import '../../layouts/basic/basic';

@import '../../layouts/testimonials/testimonials';
@import '../../layouts/full-feature/full-feature';
@import '../../layouts/film-series/film-series';
@import '../../layouts/sliding-text/sliding-text';


@import '../../layouts/faqs/faqs';
@import '../../layouts/stats/stats';

@import '../../layouts/event-list/event-list';
@import '../../layouts/stepped-content/stepped-content';
@import '../../layouts/bento/bento';
@import '../../layouts/resources/resources';
@import '../../layouts/feature-cards/feature-cards';

@import '../../layouts/story-slider/story-slider';

@import '../../layouts/event-schedule/event-schedule';
*/
/*
@import '../../layouts/image-text/image-text';
@import '../../layouts/marquee-block/marquee-block';
@import '../../layouts/full-feature/full-feature';
@import '../../layouts/cta-block/cta-block';
@import '../../layouts/flexible-text/flexible-text';
@import '../../layouts/slider-block/slider-block';
*/
/**
Lightbox styles
*/
body:has(.lightbox-wrap.open) {
  overflow: hidden;
}
.lightbox-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease;
  backdrop-filter: blur(5px);
}
.lightbox-wrap.open {
  opacity: 1;
  visibility: visible;
}
.lightbox-wrap .lightbox-inner {
  width: 100%;
}
.lightbox-wrap .lightbox-close {
  border: none;
  color: var(--color-white);
  position: fixed;
  top: var(--gutter);
  right: var(--gutter);
  padding: 0;
}
.lightbox-wrap .lightbox-close svg {
  width: 1.5rem;
}
.block pre {
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 1rem;
  max-width: 100%;
  overflow: scroll;
}