.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0;--vbox-max-width:100%}
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;box-sizing:border-box}
.vbox-overlay *{backface-visibility:visible}
.vbox-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}
.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}
.vbox-title{font-size:12px;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}
.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}
.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}
.vbox-share svg{z-index:10;vertical-align:middle}
.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}
.vbox-close:hover{opacity:1}
.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}
.vbox-num{display:inline-block;padding:12px 15px}
.vbox-left{left:0}
.vbox-right{right:0}
.vbox-top{top:0}
.vbox-bottom{bottom:0}
.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s}
.vbox-next:hover,.vbox-prev:hover{opacity:1}
.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block}
.vbox-prev{left:15px}
.vbox-next{right:15px}
.vbox-prev span{left:10px;transform:rotate(-135deg)}
.vbox-next span{transform:rotate(45deg);right:10px}
.vbox-open{overflow:hidden}
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:30px 0}
.vbox-content{opacity:0;text-align:center;width:100%;position:relative;overflow:hidden;padding:0 4%;display:flex;align-items:center;justify-content:center;min-height:100%}
.vbox-container img{max-width:100%;height:auto}
.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:var(--vbox-max-width);text-align:initial;padding:var(--vbox-padding)}
.vbox-child img{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}
.vbox-fit .vbox-child img,.vbox-fit .vbox-child.venoratio{max-height:calc(100vh - 60px)}
.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}
.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}
.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}
.venoratio-1x1{--vb-aspect-ratio:100%;max-width:calc(min(var(--vbox-max-width),(100vh - 60px)))}
.venoratio-4x3.vbox-child.venoratio{--vb-aspect-ratio:calc(3 / 4 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 4 / 3))}
.venoratio-16x9.vbox-child.venoratio{--vb-aspect-ratio:calc(9 / 16 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 16 / 9))}
.venoratio-21x9.vbox-child.venoratio{--vb-aspect-ratio:calc(9 / 21 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 21 / 9))}
.venoratio-full{--vb-aspect-ratio:calc(100vh - 60px)}
.vbox-grab .vbox-child img{cursor:grab}
.vbox-child>iframe{border:none!important}
.vbox-content.swipe-left{margin-left:-200px!important}
.vbox-content.swipe-right{margin-left:200px!important}
.vbox-preloader{transform:translateZ(0)}
.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}
.vbox-hidden{display:none}
.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}
.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateZ(-1px);z-index:0}
.vbox-tooltip{position:relative;display:inline-block}
.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}
.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}
.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}
.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}
.vbox-overlay{--sk-size:40px;--sk-color:#333}
.sk-center{margin:auto}
.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}
@keyframes sk-plane{
0%{transform:perspective(120px) rotateX(0) rotateY(0)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}
.sk-chase-dot:nth-child(1){animation-delay:-1.1s}
.sk-chase-dot:nth-child(2){animation-delay:-1s}
.sk-chase-dot:nth-child(3){animation-delay:-.9s}
.sk-chase-dot:nth-child(4){animation-delay:-.8s}
.sk-chase-dot:nth-child(5){animation-delay:-.7s}
.sk-chase-dot:nth-child(6){animation-delay:-.6s}
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-chase-dot:nth-child(2):before{animation-delay:-1s}
.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}
.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}
.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}
.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}
@keyframes sk-chase{
100%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot{
100%,80%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot-before{
50%{transform:scale(.4)}
0%,100%{transform:scale(1)}
}
.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}
.sk-bounce-dot:nth-child(2){animation-delay:-1s}
@keyframes sk-bounce{
0%,100%{transform:scale(0)}
45%,55%{transform:scale(1)}
}
.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}
.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}
.sk-wave-rect:nth-child(1){animation-delay:-1.2s}
.sk-wave-rect:nth-child(2){animation-delay:-1.1s}
.sk-wave-rect:nth-child(3){animation-delay:-1s}
.sk-wave-rect:nth-child(4){animation-delay:-.9s}
.sk-wave-rect:nth-child(5){animation-delay:-.8s}
@keyframes sk-wave{
0%,100%,40%{transform:scaleY(.4)}
20%{transform:scaleY(1)}
}
.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}
@keyframes sk-pulse{
0%{transform:scale(0)}
100%{transform:scale(1);opacity:0}
}
.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}
.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}
.sk-flow-dot:nth-child(1){animation-delay:-.3s}
.sk-flow-dot:nth-child(2){animation-delay:-.15s}
@keyframes sk-flow{
0%,100%,80%{transform:scale(.3)}
40%{transform:scale(1)}
}
.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}
.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}
.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}
@keyframes sk-swing{
100%{transform:rotate(360deg)}
}
@keyframes sk-swing-dot{
0%,100%{transform:scale(.2)}
50%{transform:scale(1)}
}
.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}
.sk-circle-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle{
0%,100%,80%{transform:scale(0)}
40%{transform:scale(1)}
}
.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}
.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle-fade{
0%,100%,39%{opacity:0;transform:scale(.6)}
40%{opacity:1;transform:scale(1)}
}
.sk-grid{width:var(--sk-size);height:var(--sk-size)}
.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}
.sk-grid-cube:nth-child(1){animation-delay:.2s}
.sk-grid-cube:nth-child(2){animation-delay:.3s}
.sk-grid-cube:nth-child(3){animation-delay:.4s}
.sk-grid-cube:nth-child(4){animation-delay:.1s}
.sk-grid-cube:nth-child(5){animation-delay:.2s}
.sk-grid-cube:nth-child(6){animation-delay:.3s}
.sk-grid-cube:nth-child(7){animation-delay:0s}
.sk-grid-cube:nth-child(8){animation-delay:.1s}
.sk-grid-cube:nth-child(9){animation-delay:.2s}
@keyframes sk-grid{
0%,100%,70%{transform:scale3D(1,1,1)}
35%{transform:scale3D(0,0,1)}
}
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}
.sk-fold-cube:nth-child(2):before{animation-delay:.3s}
.sk-fold-cube:nth-child(4):before{animation-delay:.6s}
.sk-fold-cube:nth-child(3):before{animation-delay:.9s}
@keyframes sk-fold{
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}
}
.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}
.sk-wander-cube:nth-child(2){animation-delay:-.5s}
.sk-wander-cube:nth-child(3){animation-delay:-1s}
@keyframes sk-wander{
0%{transform:rotate(0)}
25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}
50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}
50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}
75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}
100%{transform:rotate(-360deg)}
}
/**
 * Accordion v3.4.1
 * Lightweight and accessible accordion module created in pure Javascript
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */

.ac{--color-white:#fff;--color-light-grey:#eee;--color-grey:#8a8a8a;--color-black:#111;margin-bottom:8px;border:1px solid var(--color-light-grey);background-color:var(--color-white);box-sizing:border-box}.ac .ac-header{margin:0;padding:0}.ac .ac-trigger{font:bold 16px Arial,sans-serif;color:var(--color-black);text-align:left;width:100%;padding:8px 32px 8px 8px;display:block;cursor:pointer;background-color:transparent;transition:color .25s ease;position:relative;text-decoration:none;margin:0;border:0}.ac .ac-trigger::after{content:"+";text-align:center;width:15px;transform:translate(0,-50%);position:absolute;right:10px;top:50%}.ac .ac-trigger:focus{color:var(--color-grey)}.ac .ac-panel{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.ac .ac-panel .ac-text{font:15px/24px Arial,sans-serif;color:var(--color-black);padding:8px;margin:0}.ac.js-enabled .ac-panel{visibility:hidden}.ac.is-active .ac-panel{visibility:visible}.ac.is-active>.ac-header .ac-trigger::after{content:"\2013"}
@font-face {
  font-family: "LeifaMedium";
  src: url(../fonts/LeifaMedium.woff2?8f505ab41a016262f918f1acb2f605f5) format("woff2"), url(../fonts/LeifaMedium.woff?d8aadcd697d6bdbadbd689fb0a1dbdc1) format("woff");
}
@font-face {
  font-family: "NicoScript";
  src: url(../fonts/NicoScript.eot?488c646576eb9daa9fd498ab070c6293);
  src: url(../fonts/NicoScript.eot?488c646576eb9daa9fd498ab070c6293?#iefix) format("embedded-opentype"), url(../fonts/NicoScript.woff2?d2461c4fa0df44a42568df859e4d5095) format("woff2"), url(../fonts/NicoScript.woff?3e8f4522bce1fecd0157a67d2ea349d4) format("woff"), url(../fonts/NicoScript.ttf?c2ad6a4810fddbddf2a35abb36bf1837) format("truetype");
}
:root {
  --color-white: #fff;
  --color-offwhite: #f0eeea;
  --color-green: #075244;
  --color-darkgreen: #014034;
  --color-yellow: #ffb957;
  --color-darkpurple: #1e152a;
  --rgb-offwhite: 240,238,234;
  --rgb-darkgreen: 1,64,52;
  --button-border-radius: 1rem;
  --container-border-radius: 1.5rem;
  --font-body: "Montserrat", "Helvetica", "Arial", sans-serif;
  --font-hand: "NicoScript";
  --font-heading: "LeifaMedium";
  --font-weight-medium: 550;
  --font-size-md: clamp(16px, 0.2vi + 15.2px, 20px);
  --font-size-lg: clamp(21.6px, 0.49vi + 19.65px, 31.36px);
  --font-size-xl: clamp(25.92px, 0.9vi + 22.32px, 43.9px);
  --font-size-2xl: clamp(31.1px, 1.52vi + 25.03px, 61.47px);
  --font-size-3xl: clamp(37.32px, 2.44vi + 27.58px, 86.05px);
  --font-size-4xl: clamp(44.79px, 3.78vi + 29.65px, 120.47px);
  --grid-margin: clamp(24px, 2vi + 16px, 64px);
  --grid-gutter: clamp(24px, 0.4vi + 22.4px, 32px);
  --spacing-sm: clamp(32px, 1.6vi + 25.6px, 64px);
  --spacing-md: clamp(48px, 2.4vi + 38.4px, 96px);
  --spacing-lg: clamp(64px, 3.2vi + 51.2px, 128px);
  --spacing-xl: clamp(80px, 4vi + 64px, 160px);
  --spacing-2xl: clamp(96px, 4.8vi + 76.8px, 192px);
}

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

::-moz-selection {
  color: var(--color-darkgreen);
  background: rgba(255, 185, 87, 0.99);
}

::selection {
  color: var(--color-darkgreen);
  background: rgba(255, 185, 87, 0.99);
}

html, body {
  scroll-behavior: auto !important;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: var(--color-darkgreen);
  background: var(--color-offwhite);
}
body.page-transition--in-progress {
  pointer-events: none;
}
body.page-transition--in-progress, body.no-scroll {
  overflow: hidden;
  padding-right: var(--body-scrollbar-width);
}

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

svg {
  overflow: visible;
}

iframe {
  display: block;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

a, button {
  cursor: pointer;
  color: inherit;
}

a {
  text-decoration: none;
}

button {
  padding: 0;
  border: none;
  background: none;
}

button,
input,
select,
textarea {
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
button:focus, button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  outline: none;
  box-shadow: none;
}

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

html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped body,
.lenis:not(.lenis-autoToggle).overflow-hidden body {
  overflow: clip;
  border-right: var(--body-scrollbar-width) solid transparent;
}
.lenis:not(.lenis-autoToggle).lenis-stopped .site-header,
.lenis:not(.lenis-autoToggle).overflow-hidden .site-header {
  border-right: var(--body-scrollbar-width) solid transparent;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

.disclaimer__sticky {
  background-color: var(--color-white);
  position: fixed !important;
  top: 0;
  z-index: 201;
  width: 100%;
  padding: 0 7.5vw;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--color-darkgreen);
  border-bottom: 1px solid var(--color-darkgreen);
  transition: all 0.3s ease, background-position 2ms;
}
.disclaimer__sticky a {
  text-decoration: underline;
}

.disclaimer-offset {
  padding-top: var(--disclaimer-height);
}

.grid-container-fluid, .grid-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--grid-gutter);
}
@media only screen and (min-width: 1200px) {
  .grid-container-fluid, .grid-container {
    grid-template-columns: repeat(24, 1fr);
  }
}

.grid-container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.grid-collapse {
  gap: 0;
}

.span-1 {
  grid-column-end: span 1;
}

.span-2 {
  grid-column-end: span 2;
}

.span-3 {
  grid-column-end: span 3;
}

.span-4 {
  grid-column-end: span 4;
}

.span-5 {
  grid-column-end: span 5;
}

.span-6 {
  grid-column-end: span 6;
}

.span-7 {
  grid-column-end: span 7;
}

.span-8 {
  grid-column-end: span 8;
}

.span-9 {
  grid-column-end: span 9;
}

.span-10 {
  grid-column-end: span 10;
}

.span-11 {
  grid-column-end: span 11;
}

.span-12 {
  grid-column-end: span 12;
}

.offset-0 {
  grid-column-start: 1;
}

.offset-1 {
  grid-column-start: 2;
}

.offset-2 {
  grid-column-start: 3;
}

.offset-3 {
  grid-column-start: 4;
}

.offset-4 {
  grid-column-start: 5;
}

.offset-5 {
  grid-column-start: 6;
}

.offset-6 {
  grid-column-start: 7;
}

.offset-7 {
  grid-column-start: 8;
}

.offset-8 {
  grid-column-start: 9;
}

.offset-9 {
  grid-column-start: 10;
}

.offset-10 {
  grid-column-start: 11;
}

.offset-11 {
  grid-column-start: 12;
}

.offset-12 {
  grid-column-start: 13;
}

.offset-13 {
  grid-column-start: 14;
}

.offset-14 {
  grid-column-start: 15;
}

.offset-15 {
  grid-column-start: 16;
}

.offset-16 {
  grid-column-start: 17;
}

.offset-17 {
  grid-column-start: 18;
}

.offset-18 {
  grid-column-start: 19;
}

.offset-19 {
  grid-column-start: 20;
}

.offset-20 {
  grid-column-start: 21;
}

.offset-21 {
  grid-column-start: 22;
}

.offset-22 {
  grid-column-start: 23;
}

.offset-23 {
  grid-column-start: 24;
}

.offset-24 {
  grid-column-start: 25;
}

@media (min-width: 480px) {
  .xs-span-1 {
    grid-column-end: span 1;
  }
  .xs-span-2 {
    grid-column-end: span 2;
  }
  .xs-span-3 {
    grid-column-end: span 3;
  }
  .xs-span-4 {
    grid-column-end: span 4;
  }
  .xs-span-5 {
    grid-column-end: span 5;
  }
  .xs-span-6 {
    grid-column-end: span 6;
  }
  .xs-span-7 {
    grid-column-end: span 7;
  }
  .xs-span-8 {
    grid-column-end: span 8;
  }
  .xs-span-9 {
    grid-column-end: span 9;
  }
  .xs-span-10 {
    grid-column-end: span 10;
  }
  .xs-span-11 {
    grid-column-end: span 11;
  }
  .xs-span-12 {
    grid-column-end: span 12;
  }
  .xs-offset-0 {
    grid-column-start: 1;
  }
  .xs-offset-1 {
    grid-column-start: 2;
  }
  .xs-offset-2 {
    grid-column-start: 3;
  }
  .xs-offset-3 {
    grid-column-start: 4;
  }
  .xs-offset-4 {
    grid-column-start: 5;
  }
  .xs-offset-5 {
    grid-column-start: 6;
  }
  .xs-offset-6 {
    grid-column-start: 7;
  }
  .xs-offset-7 {
    grid-column-start: 8;
  }
  .xs-offset-8 {
    grid-column-start: 9;
  }
  .xs-offset-9 {
    grid-column-start: 10;
  }
  .xs-offset-10 {
    grid-column-start: 11;
  }
  .xs-offset-11 {
    grid-column-start: 12;
  }
  .xs-offset-12 {
    grid-column-start: 13;
  }
}
@media (min-width: 720px) {
  .sm-span-1 {
    grid-column-end: span 1;
  }
  .sm-span-2 {
    grid-column-end: span 2;
  }
  .sm-span-3 {
    grid-column-end: span 3;
  }
  .sm-span-4 {
    grid-column-end: span 4;
  }
  .sm-span-5 {
    grid-column-end: span 5;
  }
  .sm-span-6 {
    grid-column-end: span 6;
  }
  .sm-span-7 {
    grid-column-end: span 7;
  }
  .sm-span-8 {
    grid-column-end: span 8;
  }
  .sm-span-9 {
    grid-column-end: span 9;
  }
  .sm-span-10 {
    grid-column-end: span 10;
  }
  .sm-span-11 {
    grid-column-end: span 11;
  }
  .sm-span-12 {
    grid-column-end: span 12;
  }
  .sm-offset-0 {
    grid-column-start: 1;
  }
  .sm-offset-1 {
    grid-column-start: 2;
  }
  .sm-offset-2 {
    grid-column-start: 3;
  }
  .sm-offset-3 {
    grid-column-start: 4;
  }
  .sm-offset-4 {
    grid-column-start: 5;
  }
  .sm-offset-5 {
    grid-column-start: 6;
  }
  .sm-offset-6 {
    grid-column-start: 7;
  }
  .sm-offset-7 {
    grid-column-start: 8;
  }
  .sm-offset-8 {
    grid-column-start: 9;
  }
  .sm-offset-9 {
    grid-column-start: 10;
  }
  .sm-offset-10 {
    grid-column-start: 11;
  }
  .sm-offset-11 {
    grid-column-start: 12;
  }
  .sm-offset-12 {
    grid-column-start: 13;
  }
}
@media (min-width: 960px) {
  .md-span-1 {
    grid-column-end: span 1;
  }
  .md-span-2 {
    grid-column-end: span 2;
  }
  .md-span-3 {
    grid-column-end: span 3;
  }
  .md-span-4 {
    grid-column-end: span 4;
  }
  .md-span-5 {
    grid-column-end: span 5;
  }
  .md-span-6 {
    grid-column-end: span 6;
  }
  .md-span-7 {
    grid-column-end: span 7;
  }
  .md-span-8 {
    grid-column-end: span 8;
  }
  .md-span-9 {
    grid-column-end: span 9;
  }
  .md-span-10 {
    grid-column-end: span 10;
  }
  .md-span-11 {
    grid-column-end: span 11;
  }
  .md-span-12 {
    grid-column-end: span 12;
  }
  .md-offset-0 {
    grid-column-start: 1;
  }
  .md-offset-1 {
    grid-column-start: 2;
  }
  .md-offset-2 {
    grid-column-start: 3;
  }
  .md-offset-3 {
    grid-column-start: 4;
  }
  .md-offset-4 {
    grid-column-start: 5;
  }
  .md-offset-5 {
    grid-column-start: 6;
  }
  .md-offset-6 {
    grid-column-start: 7;
  }
  .md-offset-7 {
    grid-column-start: 8;
  }
  .md-offset-8 {
    grid-column-start: 9;
  }
  .md-offset-9 {
    grid-column-start: 10;
  }
  .md-offset-10 {
    grid-column-start: 11;
  }
  .md-offset-11 {
    grid-column-start: 12;
  }
  .md-offset-12 {
    grid-column-start: 13;
  }
}
@media (min-width: 1200px) {
  .lg-span-1 {
    grid-column-end: span 1;
  }
  .lg-span-2 {
    grid-column-end: span 2;
  }
  .lg-span-3 {
    grid-column-end: span 3;
  }
  .lg-span-4 {
    grid-column-end: span 4;
  }
  .lg-span-5 {
    grid-column-end: span 5;
  }
  .lg-span-6 {
    grid-column-end: span 6;
  }
  .lg-span-7 {
    grid-column-end: span 7;
  }
  .lg-span-8 {
    grid-column-end: span 8;
  }
  .lg-span-9 {
    grid-column-end: span 9;
  }
  .lg-span-10 {
    grid-column-end: span 10;
  }
  .lg-span-11 {
    grid-column-end: span 11;
  }
  .lg-span-12 {
    grid-column-end: span 12;
  }
  .lg-span-13 {
    grid-column-end: span 13;
  }
  .lg-span-14 {
    grid-column-end: span 14;
  }
  .lg-span-15 {
    grid-column-end: span 15;
  }
  .lg-span-16 {
    grid-column-end: span 16;
  }
  .lg-span-17 {
    grid-column-end: span 17;
  }
  .lg-span-18 {
    grid-column-end: span 18;
  }
  .lg-span-19 {
    grid-column-end: span 19;
  }
  .lg-span-20 {
    grid-column-end: span 20;
  }
  .lg-span-21 {
    grid-column-end: span 21;
  }
  .lg-span-22 {
    grid-column-end: span 22;
  }
  .lg-span-23 {
    grid-column-end: span 23;
  }
  .lg-span-24 {
    grid-column-end: span 24;
  }
  .lg-offset-0 {
    grid-column-start: 1;
  }
  .lg-offset-1 {
    grid-column-start: 2;
  }
  .lg-offset-2 {
    grid-column-start: 3;
  }
  .lg-offset-3 {
    grid-column-start: 4;
  }
  .lg-offset-4 {
    grid-column-start: 5;
  }
  .lg-offset-5 {
    grid-column-start: 6;
  }
  .lg-offset-6 {
    grid-column-start: 7;
  }
  .lg-offset-7 {
    grid-column-start: 8;
  }
  .lg-offset-8 {
    grid-column-start: 9;
  }
  .lg-offset-9 {
    grid-column-start: 10;
  }
  .lg-offset-10 {
    grid-column-start: 11;
  }
  .lg-offset-11 {
    grid-column-start: 12;
  }
  .lg-offset-12 {
    grid-column-start: 13;
  }
  .lg-offset-13 {
    grid-column-start: 14;
  }
  .lg-offset-14 {
    grid-column-start: 15;
  }
  .lg-offset-15 {
    grid-column-start: 16;
  }
  .lg-offset-16 {
    grid-column-start: 17;
  }
  .lg-offset-17 {
    grid-column-start: 18;
  }
  .lg-offset-18 {
    grid-column-start: 19;
  }
  .lg-offset-19 {
    grid-column-start: 20;
  }
  .lg-offset-20 {
    grid-column-start: 21;
  }
  .lg-offset-21 {
    grid-column-start: 22;
  }
  .lg-offset-22 {
    grid-column-start: 23;
  }
  .lg-offset-23 {
    grid-column-start: 24;
  }
  .lg-offset-24 {
    grid-column-start: 25;
  }
}
@media (min-width: 1600px) {
  .xl-span-1 {
    grid-column-end: span 1;
  }
  .xl-span-2 {
    grid-column-end: span 2;
  }
  .xl-span-3 {
    grid-column-end: span 3;
  }
  .xl-span-4 {
    grid-column-end: span 4;
  }
  .xl-span-5 {
    grid-column-end: span 5;
  }
  .xl-span-6 {
    grid-column-end: span 6;
  }
  .xl-span-7 {
    grid-column-end: span 7;
  }
  .xl-span-8 {
    grid-column-end: span 8;
  }
  .xl-span-9 {
    grid-column-end: span 9;
  }
  .xl-span-10 {
    grid-column-end: span 10;
  }
  .xl-span-11 {
    grid-column-end: span 11;
  }
  .xl-span-12 {
    grid-column-end: span 12;
  }
  .xl-span-13 {
    grid-column-end: span 13;
  }
  .xl-span-14 {
    grid-column-end: span 14;
  }
  .xl-span-15 {
    grid-column-end: span 15;
  }
  .xl-span-16 {
    grid-column-end: span 16;
  }
  .xl-span-17 {
    grid-column-end: span 17;
  }
  .xl-span-18 {
    grid-column-end: span 18;
  }
  .xl-span-19 {
    grid-column-end: span 19;
  }
  .xl-span-20 {
    grid-column-end: span 20;
  }
  .xl-span-21 {
    grid-column-end: span 21;
  }
  .xl-span-22 {
    grid-column-end: span 22;
  }
  .xl-span-23 {
    grid-column-end: span 23;
  }
  .xl-span-24 {
    grid-column-end: span 24;
  }
  .xl-offset-0 {
    grid-column-start: 1;
  }
  .xl-offset-1 {
    grid-column-start: 2;
  }
  .xl-offset-2 {
    grid-column-start: 3;
  }
  .xl-offset-3 {
    grid-column-start: 4;
  }
  .xl-offset-4 {
    grid-column-start: 5;
  }
  .xl-offset-5 {
    grid-column-start: 6;
  }
  .xl-offset-6 {
    grid-column-start: 7;
  }
  .xl-offset-7 {
    grid-column-start: 8;
  }
  .xl-offset-8 {
    grid-column-start: 9;
  }
  .xl-offset-9 {
    grid-column-start: 10;
  }
  .xl-offset-10 {
    grid-column-start: 11;
  }
  .xl-offset-11 {
    grid-column-start: 12;
  }
  .xl-offset-12 {
    grid-column-start: 13;
  }
  .xl-offset-13 {
    grid-column-start: 14;
  }
  .xl-offset-14 {
    grid-column-start: 15;
  }
  .xl-offset-15 {
    grid-column-start: 16;
  }
  .xl-offset-16 {
    grid-column-start: 17;
  }
  .xl-offset-17 {
    grid-column-start: 18;
  }
  .xl-offset-18 {
    grid-column-start: 19;
  }
  .xl-offset-19 {
    grid-column-start: 20;
  }
  .xl-offset-20 {
    grid-column-start: 21;
  }
  .xl-offset-21 {
    grid-column-start: 22;
  }
  .xl-offset-22 {
    grid-column-start: 23;
  }
  .xl-offset-23 {
    grid-column-start: 24;
  }
  .xl-offset-24 {
    grid-column-start: 25;
  }
}
@media (min-width: 2000px) {
  .xxl-span-1 {
    grid-column-end: span 1;
  }
  .xxl-span-2 {
    grid-column-end: span 2;
  }
  .xxl-span-3 {
    grid-column-end: span 3;
  }
  .xxl-span-4 {
    grid-column-end: span 4;
  }
  .xxl-span-5 {
    grid-column-end: span 5;
  }
  .xxl-span-6 {
    grid-column-end: span 6;
  }
  .xxl-span-7 {
    grid-column-end: span 7;
  }
  .xxl-span-8 {
    grid-column-end: span 8;
  }
  .xxl-span-9 {
    grid-column-end: span 9;
  }
  .xxl-span-10 {
    grid-column-end: span 10;
  }
  .xxl-span-11 {
    grid-column-end: span 11;
  }
  .xxl-span-12 {
    grid-column-end: span 12;
  }
  .xxl-span-13 {
    grid-column-end: span 13;
  }
  .xxl-span-14 {
    grid-column-end: span 14;
  }
  .xxl-span-15 {
    grid-column-end: span 15;
  }
  .xxl-span-16 {
    grid-column-end: span 16;
  }
  .xxl-span-17 {
    grid-column-end: span 17;
  }
  .xxl-span-18 {
    grid-column-end: span 18;
  }
  .xxl-span-19 {
    grid-column-end: span 19;
  }
  .xxl-span-20 {
    grid-column-end: span 20;
  }
  .xxl-span-21 {
    grid-column-end: span 21;
  }
  .xxl-span-22 {
    grid-column-end: span 22;
  }
  .xxl-span-23 {
    grid-column-end: span 23;
  }
  .xxl-span-24 {
    grid-column-end: span 24;
  }
  .xxl-offset-0 {
    grid-column-start: 1;
  }
  .xxl-offset-1 {
    grid-column-start: 2;
  }
  .xxl-offset-2 {
    grid-column-start: 3;
  }
  .xxl-offset-3 {
    grid-column-start: 4;
  }
  .xxl-offset-4 {
    grid-column-start: 5;
  }
  .xxl-offset-5 {
    grid-column-start: 6;
  }
  .xxl-offset-6 {
    grid-column-start: 7;
  }
  .xxl-offset-7 {
    grid-column-start: 8;
  }
  .xxl-offset-8 {
    grid-column-start: 9;
  }
  .xxl-offset-9 {
    grid-column-start: 10;
  }
  .xxl-offset-10 {
    grid-column-start: 11;
  }
  .xxl-offset-11 {
    grid-column-start: 12;
  }
  .xxl-offset-12 {
    grid-column-start: 13;
  }
  .xxl-offset-13 {
    grid-column-start: 14;
  }
  .xxl-offset-14 {
    grid-column-start: 15;
  }
  .xxl-offset-15 {
    grid-column-start: 16;
  }
  .xxl-offset-16 {
    grid-column-start: 17;
  }
  .xxl-offset-17 {
    grid-column-start: 18;
  }
  .xxl-offset-18 {
    grid-column-start: 19;
  }
  .xxl-offset-19 {
    grid-column-start: 20;
  }
  .xxl-offset-20 {
    grid-column-start: 21;
  }
  .xxl-offset-21 {
    grid-column-start: 22;
  }
  .xxl-offset-22 {
    grid-column-start: 23;
  }
  .xxl-offset-23 {
    grid-column-start: 24;
  }
  .xxl-offset-24 {
    grid-column-start: 25;
  }
}
@media (min-width: 2560px) {
  .xxxl-span-1 {
    grid-column-end: span 1;
  }
  .xxxl-span-2 {
    grid-column-end: span 2;
  }
  .xxxl-span-3 {
    grid-column-end: span 3;
  }
  .xxxl-span-4 {
    grid-column-end: span 4;
  }
  .xxxl-span-5 {
    grid-column-end: span 5;
  }
  .xxxl-span-6 {
    grid-column-end: span 6;
  }
  .xxxl-span-7 {
    grid-column-end: span 7;
  }
  .xxxl-span-8 {
    grid-column-end: span 8;
  }
  .xxxl-span-9 {
    grid-column-end: span 9;
  }
  .xxxl-span-10 {
    grid-column-end: span 10;
  }
  .xxxl-span-11 {
    grid-column-end: span 11;
  }
  .xxxl-span-12 {
    grid-column-end: span 12;
  }
  .xxxl-span-13 {
    grid-column-end: span 13;
  }
  .xxxl-span-14 {
    grid-column-end: span 14;
  }
  .xxxl-span-15 {
    grid-column-end: span 15;
  }
  .xxxl-span-16 {
    grid-column-end: span 16;
  }
  .xxxl-span-17 {
    grid-column-end: span 17;
  }
  .xxxl-span-18 {
    grid-column-end: span 18;
  }
  .xxxl-span-19 {
    grid-column-end: span 19;
  }
  .xxxl-span-20 {
    grid-column-end: span 20;
  }
  .xxxl-span-21 {
    grid-column-end: span 21;
  }
  .xxxl-span-22 {
    grid-column-end: span 22;
  }
  .xxxl-span-23 {
    grid-column-end: span 23;
  }
  .xxxl-span-24 {
    grid-column-end: span 24;
  }
  .xxxl-offset-0 {
    grid-column-start: 1;
  }
  .xxxl-offset-1 {
    grid-column-start: 2;
  }
  .xxxl-offset-2 {
    grid-column-start: 3;
  }
  .xxxl-offset-3 {
    grid-column-start: 4;
  }
  .xxxl-offset-4 {
    grid-column-start: 5;
  }
  .xxxl-offset-5 {
    grid-column-start: 6;
  }
  .xxxl-offset-6 {
    grid-column-start: 7;
  }
  .xxxl-offset-7 {
    grid-column-start: 8;
  }
  .xxxl-offset-8 {
    grid-column-start: 9;
  }
  .xxxl-offset-9 {
    grid-column-start: 10;
  }
  .xxxl-offset-10 {
    grid-column-start: 11;
  }
  .xxxl-offset-11 {
    grid-column-start: 12;
  }
  .xxxl-offset-12 {
    grid-column-start: 13;
  }
  .xxxl-offset-13 {
    grid-column-start: 14;
  }
  .xxxl-offset-14 {
    grid-column-start: 15;
  }
  .xxxl-offset-15 {
    grid-column-start: 16;
  }
  .xxxl-offset-16 {
    grid-column-start: 17;
  }
  .xxxl-offset-17 {
    grid-column-start: 18;
  }
  .xxxl-offset-18 {
    grid-column-start: 19;
  }
  .xxxl-offset-19 {
    grid-column-start: 20;
  }
  .xxxl-offset-20 {
    grid-column-start: 21;
  }
  .xxxl-offset-21 {
    grid-column-start: 22;
  }
  .xxxl-offset-22 {
    grid-column-start: 23;
  }
  .xxxl-offset-23 {
    grid-column-start: 24;
  }
  .xxxl-offset-24 {
    grid-column-start: 25;
  }
}
/* CSS Grid Media Queries */
@media (max-width: 380px) {
  [class*=span-] {
    grid-column-end: span 12;
  }
  [class*=offset-] {
    grid-column-start: 1;
  }
}
.subheading {
  font-family: var(--font-hand);
  font-weight: normal;
  font-size: clamp(22px, 0.2vi + 21.2px, 26px);
  color: var(--color-yellow);
}
.subheading + *[class*=font-size-] {
  margin-top: 1.5rem;
}

.font-body {
  font-family: var(--font-body);
}

.font-hand {
  font-family: var(--font-hand);
  font-weight: normal;
}

.font-heading {
  font-family: var(--font-heading);
  font-weight: normal;
  letter-spacing: -0.04em;
}

.font-size-base {
  font-size: var(--font-size-base);
}

.font-size-md {
  font-size: var(--font-size-md);
  line-height: 1.3;
}

.font-size-lg {
  font-size: var(--font-size-lg);
  line-height: 1.2;
}

.font-size-xl {
  font-size: var(--font-size-xl);
  line-height: 1.1;
}

.font-size-2xl {
  font-size: var(--font-size-2xl);
  line-height: 1.1;
}

.font-size-3xl {
  font-size: var(--font-size-3xl);
  line-height: 1;
}

.font-size-4xl {
  font-size: var(--font-size-4xl);
  line-height: 0.9;
}

.text-center {
  text-align: center;
}
.text-center [class*=text-block-] {
  margin-left: auto;
  margin-right: auto;
}

[class*=text-block-] {
  width: 100%;
  text-wrap: balance;
}
[class*=text-block-].text-center {
  margin-left: auto;
  margin-right: auto;
}
[class*=text-block-].richtext, [class*=text-block-] .richtext {
  text-wrap: pretty;
}

.text-block-5 {
  max-width: 5em;
}

.text-block-6 {
  max-width: 6em;
}

.text-block-7 {
  max-width: 7em;
}

.text-block-8 {
  max-width: 8em;
}

.text-block-9 {
  max-width: 9em;
}

.text-block-10 {
  max-width: 10em;
}

.text-block-12 {
  max-width: 12em;
}

.text-block-15 {
  max-width: 15em;
}

.text-block-20 {
  max-width: 20em;
}

.text-block-30 {
  max-width: 30em;
}

.text-block-35 {
  max-width: 35em;
}

.text-block-40 {
  max-width: 40em;
}

.text-block-50 {
  max-width: 50em;
}

.text-block-60 {
  max-width: 60em;
}

.px-container {
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
}

.py-sm {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-sm);
}

.py-md {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-md);
}

.py-lg {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.py-xl {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.py-2xl {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.pt-sm {
  padding-top: var(--spacing-lg);
}

.pt-md {
  padding-top: var(--spacing-lg);
}

.pt-lg {
  padding-top: var(--spacing-lg);
}

.pt-xl {
  padding-top: var(--spacing-xl);
}

.pt-2xl {
  padding-top: var(--spacing-2xl);
}

.pb-sm {
  padding-bottom: var(--spacing-sm);
}

.pb-md {
  padding-bottom: var(--spacing-md);
}

.pb-lg {
  padding-bottom: var(--spacing-lg);
}

.pb-xl {
  padding-bottom: var(--spacing-xl);
}

.pb-2xl {
  padding-bottom: var(--spacing-2xl);
}

.bg-offwhite {
  background-color: var(--color-offwhite);
  color: var(--color-darkgreen);
}

.bg-green {
  background-color: var(--color-green);
  color: var(--color-offwhite);
}

.bg-darkgreen {
  background-color: var(--color-darkgreen);
  color: var(--color-offwhite);
}

.overflow-hidden {
  overflow: hidden;
}

.sk-bounce-dot {
  background-color: black;
}

.vbox-overlay,
.vbox-overlay * {
  cursor: auto !important;
}

.vbox-overlay a,
.vbox-overlay button {
  cursor: pointer !important;
}

.vbox-backdrop {
  background: #01231d !important;
}

.vbox-close {
  position: absolute;
  z-index: 100;
  right: 1rem;
  top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  cursor: pointer !important;
  color: var(--color-white);
  border-radius: var(--button-border-radius);
  background-color: var(--color-offwhite);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.75.75 0 1 1 1.06 1.06L13.06 12l5.22 5.22a.75.75 0 1 1-1.06 1.06L12 13.06l-5.22 5.22a.751.751 0 0 1-1.261-.535.751.751 0 0 1 .201-.525L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  opacity: 1;
}
.vbox-close svg {
  display: none;
}

.vbox-container {
  padding: 0;
  overflow: hidden;
}

.vbox-content {
  position: relative;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.vbox-content iframe,
.vbox-content object,
.vbox-content embed,
.vbox-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vbox-content img {
  -o-object-fit: contain;
     object-fit: contain;
}

.vbox-child {
  display: block;
  overflow: hidden;
  border-radius: 0;
  background: #01231d !important;
  box-shadow: none;
}
@media only screen and (min-width: 960px) {
  .vbox-child {
    border-radius: var(--container-border-radius);
  }
}
.vbox-child.venoratio-16x9 {
  width: 100vw !important;
  height: 56.25vw !important;
  max-width: 144vh !important;
  max-height: 81vh !important;
}
@media only screen and (min-width: 960px) {
  .vbox-child.venoratio-16x9 {
    width: 90vw !important;
    height: 50.625vw !important;
  }
}
.vbox-child.venoratio-9x16 {
  width: 56.25vh !important;
  height: 100vh !important;
  max-width: 81vw !important;
  max-height: 144vw !important;
}
@media only screen and (min-width: 960px) {
  .vbox-child.venoratio-9x16 {
    width: 50.625vh !important;
    height: 90vh !important;
  }
}

.vbox-open {
  overflow: hidden;
}
.vbox-open [data-taxi] {
  padding-right: var(--body-scrollbar-width);
}
.vbox-open .siteHeader {
  padding-right: var(--body-scrollbar-width);
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: calc(var(--grid-gutter) * 0.375);
}
.accordion .ac {
  margin: 0;
  border: none;
  border-radius: var(--button-border-radius);
  background: var(--color-darkgreen);
}
.accordion .ac.is-active .ac-trigger {
  color: var(--color-offwhite);
}
.accordion .ac.is-active .ac-trigger-arrow {
  transform: rotate(180deg);
}
.accordion .ac-trigger {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.25em calc(var(--spacing-md) * 0.5);
  font-family: var(--font-body);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-md);
  line-height: 1.2;
  color: var(--color-offwhite);
}
.accordion .ac-trigger::after {
  display: none;
}
.accordion .ac-trigger:hover, .accordion .ac-trigger:focus, .accordion .ac-trigger:active {
  color: var(--color-offwhite);
}
.accordion .ac-trigger-label {
  padding: 0.3em 0;
}
.accordion .ac-trigger-arrow {
  width: 1.5em;
  height: 1.5em;
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.accordion .ac-panel {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.accordion .ac-body {
  width: 100%;
  max-width: 70rem;
  padding: 0 calc(var(--spacing-md) * 0.5) 2.5rem calc(var(--spacing-md) * 0.5);
}

* + .accordion {
  margin-top: var(--spacing-md);
}

.button,
.icon-button {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: var(--font-weight-medium);
  letter-spacing: -0.02em;
}

.button {
  position: relative;
  justify-content: center;
  gap: 0.2em;
  overflow: hidden;
  height: 3rem;
  padding: 0 1.5rem;
  text-align: center;
  line-height: 1;
  border-radius: var(--button-border-radius);
  transition: color 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover .button__bg {
    border-radius: var(--button-border-radius);
    transform: scale(1.2, 2.2);
  }
}
.button__label, .button__icon {
  position: relative;
  z-index: 10;
}
.button__icon {
  width: 1.2em;
  height: 1.2em;
}
.button__bg {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 55%;
  height: 100%;
  border-radius: 50%;
  background: var(--color-darkgreen);
  transform: scale(0.5, 0);
  transform-origin: 50% 50%;
  transition: border-radius 0.6s cubic-bezier(0.77, 0, 0.175, 1), transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.button--full {
  width: 100%;
}
.button--yellow {
  color: var(--color-darkgreen);
  background: var(--color-yellow);
}
@media (hover: hover) and (pointer: fine) {
  .button--yellow:hover {
    color: var(--color-offwhite);
  }
}
.button--outline {
  color: var(--color-darkgreen);
  box-shadow: 0px 0px 0px 1px rgba(var(--rgb-darkgreen), 0.2) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button--outline:hover {
    color: var(--color-offwhite);
  }
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

[class*=font-size-] + .button,
[class*=font-size-] + .button-group {
  margin-top: 3rem;
}

.icon-button {
  gap: 1rem;
}
.icon-button .button {
  width: 3rem;
  padding: 0;
}
.icon-button .button__icon {
  width: 1.5em;
  height: 1.5em;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button:hover .button__bg {
    border-radius: var(--button-border-radius);
    transform: scale(1.2, 2.2);
  }
  .icon-button:hover .button--yellow {
    color: var(--color-offwhite);
  }
  .icon-button:hover .button--outline {
    color: var(--color-offwhite);
  }
}

.play-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--font-size-2xl) * 2);
  height: calc(var(--font-size-2xl) * 2);
  color: var(--color-darkgreen);
  border-radius: 50%;
  background: var(--color-yellow);
}
.play-button svg {
  width: calc(var(--font-size-2xl) * 1);
  height: calc(var(--font-size-2xl) * 1);
}

.bg-green .button__bg,
.bg-darkgreen .button__bg {
  background: var(--color-offwhite);
}
@media (hover: hover) and (pointer: fine) {
  .bg-green .button--yellow:hover,
  .bg-darkgreen .button--yellow:hover {
    color: var(--color-darkgreen);
  }
}
.bg-green .button--outline,
.bg-darkgreen .button--outline {
  color: var(--color-offwhite);
  box-shadow: 0px 0px 0px 1px rgba(var(--rgb-offwhite), 0.2) inset;
}
@media (hover: hover) and (pointer: fine) {
  .bg-green .button--outline:hover,
  .bg-darkgreen .button--outline:hover {
    color: var(--color-darkgreen);
  }
}
@media (hover: hover) and (pointer: fine) {
  .bg-green .icon-button:hover .button--outline,
  .bg-darkgreen .icon-button:hover .button--outline {
    color: var(--color-darkgreen);
  }
}

.cta {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  color: var(--color-darkgreen);
  border-radius: var(--container-border-radius);
  background: var(--color-offwhite);
}
@media only screen and (min-width: 960px) {
  .cta {
    grid-column: span 2;
    flex-direction: row;
  }
}
.cta .button__bg {
  background: var(--color-darkgreen);
}
.cta .button:hover {
  color: var(--color-offwhite);
}
.cta__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 3rem 8% 2rem 8%;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  .cta__main {
    align-items: flex-start;
    width: 50%;
    padding: 4rem 6%;
    text-align: left;
  }
}
.cta__image {
  position: relative;
  display: flex;
  align-self: stretch;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .cta__image {
    width: 50%;
  }
}
.cta__image::before {
  content: "";
  position: relative;
  display: block;
  width: 1px;
  padding-bottom: 67%;
}
.cta__image::after {
  content: "";
  position: absolute;
  z-index: 10;
  inset: -1px;
  background-image: url(../images/rip-white-top.svg?a820b0becdf8a24a31d60f212de15ab8);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 105% auto;
}
@media only screen and (min-width: 960px) {
  .cta__image::after {
    background-image: url(../images/rip-white-left.svg?b91f1bbde3fecf12ba50ed07e6f8e5bf);
    background-position: left center;
    background-size: auto 105%;
  }
}
.cta__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-offwhite .cta {
  color: var(--color-offwhite);
  background: var(--color-darkgreen);
}
.bg-offwhite .cta__image::after {
  background-image: url(../images/rip-darkgreen-top.svg?5772e65d47ecad323e335a2f50fe167f);
}
@media only screen and (min-width: 960px) {
  .bg-offwhite .cta__image::after {
    background-image: url(../images/rip-darkgreen-left.svg?f6efcc7b1ed4e1e07afc0952e8076e99);
  }
}
.bg-offwhite .cta .button .button__bg {
  background: var(--color-offwhite);
}
.bg-offwhite .cta .button:hover {
  color: var(--color-darkgreen);
}

.modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  padding: var(--spacing-sm) var(--grid-margin);
}
.modal__backdrop {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 23, 26, 0.8);
  box-shadow: 0px 99999px 0px 99999px rgba(20, 23, 26, 0.8);
}
.modal__container {
  position: relative;
  z-index: 10;
  width: 560px;
  max-width: 100%;
  margin: auto;
  padding: 1.5rem 0.5rem;
  border-radius: var(--container-border-radius);
  background: var(--color-offwhite);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 25px 50px -12px;
  pointer-events: auto;
}
@media only screen and (min-width: 720px) {
  .modal__container {
    padding: 1.5rem;
  }
}
.modal__close {
  position: absolute;
  z-index: 20;
  right: 0.5rem;
  top: 0.5rem;
  cursor: pointer;
}
.modal__header {
  padding: 32px 20px;
}
.modal__heading {
  font-size: clamp(28px, 0.4vi + 26.4px, 36px);
  line-height: 1.2;
}
.modal__body {
  margin-top: 1rem;
  color: rgba(var(--rgb-darkgreen), 0.8);
}

.reveal-heading {
  text-wrap: auto;
}

.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  margin: 0 0 1rem 0;
}
.richtext h2,
.richtext h3,
.richtext h4 {
  font-family: var(--font-heading);
  font-weight: normal;
}
.richtext h2 {
  font-size: var(--font-size-xl);
  line-height: 1.1;
}
.richtext h3 {
  font-size: var(--font-size-lg);
  line-height: 1.2;
}
.richtext h4 {
  font-size: var(--font-size-md);
  line-height: 1.3;
}
.richtext h5 {
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
}
.richtext h6 {
  font-weight: var(--font-weight-medium);
  font-size: 0.75;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
.richtext p,
.richtext ol,
.richtext ul {
  margin: 0 0 1.5rem 0;
  font-family: var(--font-body);
  color: rgba(var(--rgb-darkgreen), 0.8);
}
.richtext p a,
.richtext ol a,
.richtext ul a {
  padding: 0.15em 0;
  overflow-wrap: break-word;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  word-wrap: break-word;
  color: var(--color-darkgreen);
  background-image: linear-gradient(rgba(var(--rgb-darkgreen), 0.2), rgba(var(--rgb-darkgreen), 0.2)), linear-gradient(currentColor, currentColor);
  background-position: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px, 0% 1px;
  transition: background-size 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (hover: hover) and (pointer: fine) {
  .richtext p a:hover,
  .richtext ol a:hover,
  .richtext ul a:hover {
    background-position: 0% 100%;
    background-size: 100% 1px;
  }
}
.richtext p b,
.richtext p strong,
.richtext ol b,
.richtext ol strong,
.richtext ul b,
.richtext ul strong {
  font-weight: var(--font-weight-medium);
  color: var(--color-darkgreen);
}
.richtext p + h2,
.richtext p + h3,
.richtext p + h4,
.richtext p + h5,
.richtext p + h6,
.richtext ol + h2,
.richtext ol + h3,
.richtext ol + h4,
.richtext ol + h5,
.richtext ol + h6,
.richtext ul + h2,
.richtext ul + h3,
.richtext ul + h4,
.richtext ul + h5,
.richtext ul + h6 {
  margin-top: 3rem;
}
.richtext ul,
.richtext ol {
  padding: 0;
  list-style: none;
}
.richtext ul li,
.richtext ol li {
  position: relative;
  padding: 0 0 0 2em;
}
.richtext ul li::before,
.richtext ol li::before {
  position: absolute;
  display: block;
}
.richtext ul li:not(:last-child),
.richtext ol li:not(:last-child) {
  margin-bottom: 0.5em;
}
.richtext ul li > ul,
.richtext ul li > ol,
.richtext ol li > ul,
.richtext ol li > ol {
  margin-top: 0.5em;
}
.richtext ul li::before {
  content: "";
  left: 0.5em;
  top: 0.7em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: currentColor;
  transform: translateY(-50%);
}
.richtext ul li ul li::before {
  width: 0.25em;
  height: 0.25em;
  border: 1px solid currentColor;
  background: none;
}
.richtext ol {
  counter-reset: ol-counter;
}
.richtext ol li {
  counter-increment: ol-counter;
}
.richtext ol li::before {
  content: counter(ol-counter) ".";
  left: 0;
  top: 0;
}
.richtext > *:last-child {
  margin-bottom: 0;
}
.richtext + .button,
.richtext + .icon-button {
  margin-top: 3rem;
}

.bg-green .richtext p,
.bg-green .richtext ol,
.bg-green .richtext ul,
.bg-darkgreen .richtext p,
.bg-darkgreen .richtext ol,
.bg-darkgreen .richtext ul {
  color: rgba(var(--rgb-offwhite), 0.8);
}
.bg-green .richtext p a,
.bg-green .richtext ol a,
.bg-green .richtext ul a,
.bg-darkgreen .richtext p a,
.bg-darkgreen .richtext ol a,
.bg-darkgreen .richtext ul a {
  color: var(--color-offwhite);
  background-image: linear-gradient(rgba(var(--rgb-offwhite), 0.2), rgba(var(--rgb-offwhite), 0.2)), linear-gradient(currentColor, currentColor);
}
.bg-green .richtext p b,
.bg-green .richtext p strong,
.bg-green .richtext ol b,
.bg-green .richtext ol strong,
.bg-green .richtext ul b,
.bg-green .richtext ul strong,
.bg-darkgreen .richtext p b,
.bg-darkgreen .richtext p strong,
.bg-darkgreen .richtext ol b,
.bg-darkgreen .richtext ol strong,
.bg-darkgreen .richtext ul b,
.bg-darkgreen .richtext ul strong {
  color: var(--color-offwhite);
}

h1 + .richtext,
h2 + .richtext,
h3 + .richtext,
h4 + .richtext,
h5 + .richtext,
h6 + .richtext {
  margin-top: 2rem;
}

.page-transition {
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-offwhite);
}

.sticky-nav {
  position: fixed;
  z-index: 500;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  visibility: hidden;
}
.sticky-nav__container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: var(--container-border-radius);
  background: white;
  visibility: visible;
}

@media only screen and (min-width: 1200px) {
  .sticky-nav-toggle {
    display: none;
  }
}

.sticky-nav-menu {
  position: absolute;
  left: 0;
  bottom: calc(100% + 0.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  font-size: 15px;
  font-weight: var(--font-weight-medium);
  border-radius: var(--container-border-radius);
  background: white;
}
@media only screen and (min-width: 720px) {
  .sticky-nav-menu {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .sticky-nav-menu {
    position: relative;
    left: revert;
    bottom: revert;
    flex-direction: row;
    width: auto;
    padding: 0;
    background: transparent;
    transform: scale(1) translate(0, 0) !important;
  }
}
.sticky-nav-menu .button {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 720px) {
  .sticky-nav-menu .button {
    display: none;
  }
}

.sticky-nav-link {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0.5rem 1rem;
}
@media only screen and (min-width: 1200px) {
  .sticky-nav-link {
    height: 3rem;
    padding: 0 1rem;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0, 0) !important;
  }
}

.progress-nav__indicator {
  position: absolute;
  z-index: 0;
  left: -2.5em;
  display: none;
  width: 2.5em;
  height: 2.5em;
  border-radius: var(--button-border-radius);
  background-color: var(--color-offwhite);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (min-width: 1200px) {
  .progress-nav__indicator {
    display: block;
  }
}

body.page-transition--in-progress .sticky-nav, body.overflow-hidden .sticky-nav,
html.page-transition--in-progress .sticky-nav,
html.overflow-hidden .sticky-nav {
  padding-right: calc(1rem + var(--body-scrollbar-width));
}

.hero {
  position: relative;
  z-index: 0;
  height: 400vh;
  text-align: center;
}
.hero ~ *:not(.hero-video) {
  position: relative;
  z-index: 20;
}
.hero__images {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100vh;
  opacity: 0.3;
}
@media only screen and (min-width: 960px) {
  .hero__images {
    opacity: 1;
  }
}
.hero__images .marquee {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.hero__images .marquee__scroll {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  will-change: transform;
}
.hero__images .marquee__collection {
  will-change: transform;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 33vh 33vh 33vh;
  gap: var(--spacing-sm) var(--grid-gutter);
  width: calc(100% + 3rem);
  height: 100%;
  margin: 0 -1.5rem;
  padding: calc(var(--spacing-sm) * 0.5) 0;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__collection {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 50vh 50vh;
  }
}
.hero__images .marquee__item:nth-child(6n-5) {
  grid-column: 1/3;
  padding: 0 20%;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item:nth-child(6n-5) {
    grid-column: 2/4;
    padding: 0 0 0 20%;
  }
}
.hero__images .marquee__item:nth-child(6n-4) {
  grid-column: 5/7;
  padding: 0 0 0 20%;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item:nth-child(6n-4) {
    align-self: center;
    grid-column: 9/10;
    padding: 0;
  }
}
.hero__images .marquee__item:nth-child(6n-3) {
  grid-column: 1/2;
  align-self: center;
  padding: 0;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item:nth-child(6n-3) {
    grid-column: 11/13;
    align-self: revert;
    padding: 0 0 0 30%;
  }
}
.hero__images .marquee__item:nth-child(6n-2) {
  grid-column: 4/6;
  padding: 0 0 0 30%;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item:nth-child(6n-2) {
    grid-column: 1/3;
    padding: 0 40% 0 0;
  }
}
.hero__images .marquee__item:nth-child(6n-1) {
  grid-column: 2/4;
  padding: 0 30% 0 0;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item:nth-child(6n-1) {
    grid-column: 3/5;
    align-self: flex-end;
    padding: 0 10% 0 20%;
  }
}
.hero__images .marquee__item:nth-child(6n) {
  grid-column: 5/7;
  padding: 0 30% 0 20%;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item:nth-child(6n) {
    grid-column: 10/12;
    padding: 0 0 0 10%;
  }
}
.hero__images .marquee__item img,
.hero__images .marquee__item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__item img,
  .hero__images .marquee__item video {
    mix-blend-mode: normal;
  }
}
.hero__images .marquee__image {
  overflow: hidden;
  aspect-ratio: 3/4;
  max-height: 30vh;
  border-radius: var(--button-border-radius);
  background: var(--color-offwhite);
}
@media only screen and (min-width: 960px) {
  .hero__images .marquee__image {
    max-height: revert;
  }
}
.hero__content {
  position: fixed;
  z-index: 10;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  height: 100dvh;
}
.hero__header {
  display: flex;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.hero__header .left,
.hero__header .right {
  flex: 1;
  display: flex;
}
.hero__header .left {
  justify-content: flex-start;
}
.hero__header .right {
  justify-content: flex-end;
}
.hero__header .icon-button.hide-for-sm,
.hero__header .icon-button__label.hide-for-sm,
.hero__header .button__icon.hide-for-sm {
  display: none;
}
@media only screen and (min-width: 720px) {
  .hero__header .icon-button.hide-for-sm,
  .hero__header .icon-button__label.hide-for-sm,
  .hero__header .button__icon.hide-for-sm {
    display: inline-flex;
  }
}
@media only screen and (min-width: 720px) {
  .hero__header .icon-button.show-for-sm,
  .hero__header .icon-button__label.show-for-sm,
  .hero__header .button__icon.show-for-sm {
    display: none;
  }
}
.hero__logo {
  display: block;
  height: clamp(44px, 0.4vi + 42.4px, 52px);
}
.hero__logo svg {
  width: auto;
  height: 100%;
}
.hero__footer {
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
  padding-bottom: 7rem;
}
@media only screen and (min-width: 720px) {
  .hero__footer {
    justify-content: flex-end;
    padding-bottom: 1.5rem;
  }
}
.hero__footer .icon-button__label {
  display: none;
}
@media only screen and (min-width: 720px) {
  .hero__footer .icon-button__label {
    display: inline-block;
  }
}
.hero__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero__main .subheading + .hero__message,
.hero__main .subheading + .hero__heading {
  margin-top: 1.5rem;
}
.hero__message {
  position: relative;
}
.hero__heading {
  max-width: 15em;
}
.hero__heading-two {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

body.page-transition--in-progress .hero__images, body.page-transition--in-progress .hero__content, body.overflow-hidden .hero__images, body.overflow-hidden .hero__content,
html.page-transition--in-progress .hero__images,
html.page-transition--in-progress .hero__content,
html.overflow-hidden .hero__images,
html.overflow-hidden .hero__content {
  padding-right: var(--body-scrollbar-width);
}

.hero-video {
  height: 200vh;
}
.hero-video__wrap {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
}
.hero-video__wrap.is-fixed {
  position: fixed;
}
.hero-video__inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-video__inner img,
.hero-video__inner video {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-video__inner iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.hero-video__inner iframe.iframe-landscape {
  display: block;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.77vh;
  min-height: 100vh;
}
.hero-video__inner .play-button {
  position: absolute;
  z-index: 10;
}
.hero-video__inner .play-button-landscape {
  display: flex;
}

.experience-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--grid-gutter);
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) {
  .experience-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 1000px;
  }
}

* + .experience-grid {
  margin-top: var(--spacing-md);
}

.experience-benefit {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: var(--container-border-radius);
  padding: 12% 10%;
  background: var(--color-darkgreen);
}
.experience-benefit__icon {
  margin: 0 0 3rem 0;
}
.experience-benefit__icon svg {
  height: 3rem;
  width: auto;
}
.experience-benefit__heading {
  margin: 0 0 1rem 0;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
}
.experience-benefit__body {
  max-width: 30em;
  text-wrap: balance;
  color: rgba(var(--rgb-offwhite), 0.8);
}

.experience-cta__heading {
  margin: 0 0 1rem 0;
  font-size: 1.5rem;
  text-wrap: balance;
  line-height: 1.2;
}
@media only screen and (min-width: 960px) {
  .experience-cta__heading {
    font-size: 1.75rem;
  }
}
.experience-cta__heading + .button {
  margin-top: 1.5rem;
}
.experience-cta__value {
  font-size: clamp(48px, 0.8vi + 44.8px, 64px);
  line-height: 1;
}
.experience-cta__value + .button {
  margin-top: 2.5rem;
}

.bg-offwhite .experience-benefit {
  background: #e4e2de;
}
.bg-offwhite .experience-benefit__body {
  color: rgba(var(--rgb-darkgreen), 0.8);
}

.membership-heading {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  .membership-heading {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
}

.tab-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  min-height: 100%;
}
@media only screen and (min-width: 960px) {
  .tab-content {
    justify-content: space-between;
    padding-right: var(--grid-gutter);
  }
}
.tab-content__bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
}
@media only screen and (min-width: 960px) {
  .tab-content__bottom {
    margin: 0;
  }
}

.tab-item {
  position: relative;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: var(--font-body);
  text-decoration: none;
  text-align: left;
  color: var(--color-offwhite);
}
.tab-item.active .tab-item__number {
  color: var(--color-darkgreen);
  background: var(--color-offwhite);
}
.tab-item.active .tab-item__heading, .tab-item.active .tab-item__content-wrap {
  opacity: 1;
}
.tab-item__heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  width: 100%;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-md);
  letter-spacing: -0.02em;
  opacity: 0.5;
  transition: opacity 0.4s ease;
}
@media only screen and (min-width: 960px) {
  .tab-item__heading {
    font-size: clamp(16px, 0.28vi + 13.33px, 20px);
  }
}
.tab-item__number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  font-size: 0.6em;
  border: 1px solid var(--color-offwhite);
  border-radius: 50%;
  transition: color 0.4s ease, background-color 0.4s ease;
}
.tab-item__border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(var(--rgb-offwhite), 0.1);
}
.tab-item__progress {
  width: 100%;
  height: 1px;
  background-color: var(--color-yellow);
  transform-origin: 0%;
  transform-style: preserve-3d;
  transform: scale3d(0, 1, 1);
}
.tab-item__content {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-left: 3.25rem;
}
.tab-item__content-wrap {
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.tab-item__description {
  font-size: clamp(14px, 0.14vi + 12.67px, 16px);
  text-wrap: balance;
  line-height: 1.4;
  color: rgba(var(--rgb-offwhite), 0.8);
}
@media only screen and (min-width: 960px) {
  .tab-item__description {
    font-size: clamp(14px, 0.14vi + 12.67px, 16px);
  }
}
.tab-item__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  width: 100%;
  margin-top: var(--spacing-sm);
  border-radius: var(--container-border-radius);
}
@media only screen and (min-width: 960px) {
  .tab-item__media {
    display: none;
  }
}
.tab-item__media img,
.tab-item__media video {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab-item__media .icon-button {
  position: absolute;
  z-index: 10;
  left: 0.5rem;
  bottom: 0.5rem;
}
.tab-item__media .icon-button:hover .button {
  color: var(--color-offwhite);
}
.tab-item__media .icon-button .button {
  width: clamp(64px, 1.6vi + 57.6px, 96px);
  height: clamp(64px, 1.6vi + 57.6px, 96px);
}
.tab-item__media .icon-button .button__icon {
  width: clamp(32px, 0.8vi + 28.8px, 48px);
  height: clamp(32px, 0.8vi + 28.8px, 48px);
}
.tab-item__media .icon-button .button__bg {
  background: var(--color-darkgreen);
}

.tab-visual {
  display: none;
}
@media only screen and (min-width: 960px) {
  .tab-visual {
    display: block;
    align-self: flex-end;
  }
}
.tab-visual__wrap {
  position: relative;
  aspect-ratio: 5/6;
  width: 100%;
}
.tab-visual__item {
  visibility: hidden;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}
.tab-visual__item.active {
  visibility: visible;
}
.tab-visual__inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--container-border-radius);
}
.tab-visual__inner img,
.tab-visual__inner video {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab-visual__inner .icon-button {
  position: absolute;
  z-index: 10;
  left: 0.5rem;
  bottom: 0.5rem;
}
.tab-visual__inner .icon-button:hover .button {
  color: var(--color-offwhite);
}
.tab-visual__inner .icon-button .button {
  width: clamp(64px, 1.6vi + 57.6px, 96px);
  height: clamp(64px, 1.6vi + 57.6px, 96px);
}
.tab-visual__inner .icon-button .button__icon {
  width: clamp(32px, 0.8vi + 28.8px, 48px);
  height: clamp(32px, 0.8vi + 28.8px, 48px);
}
.tab-visual__inner .icon-button .button__bg {
  background: var(--color-darkgreen);
}

.investment-image {
  position: sticky;
  z-index: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.investment-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.investment-main {
  position: relative;
  z-index: 10;
}

.investment-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--grid-gutter);
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .investment-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1400px;
  }
}

* + .investment-grid {
  margin-top: var(--spacing-md);
}

.investment-package {
  position: relative;
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: var(--container-border-radius);
  background: var(--color-green);
}
.investment-package .button .button__bg {
  background: var(--color-offwhite);
}
@media (hover: hover) and (pointer: fine) {
  .investment-package .button:hover {
    color: var(--color-darkgreen);
  }
}
.investment-package__badge {
  position: absolute;
  z-index: 20;
  left: 50%;
  top: 0;
  display: inline-block;
  max-width: 100%;
  padding: 0.6em 1em;
  font-size: clamp(12px, 0.1vi + 11.6px, 14px);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  white-space: nowrap;
  border-radius: 2em;
  background: #357166;
  transform: translate(-50%, -50%);
}
.investment-package__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 8% 2rem 8%;
  text-align: center;
}
.investment-package__subheading + .investment-package__title {
  margin-top: 0;
}
.investment-package__title {
  font-size: clamp(28px, 0.4vi + 26.4px, 36px);
  line-height: 1.2;
}
.investment-package__value {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.5rem;
}
.investment-package__value-heading, .investment-package__value-main, .investment-package__value-pill {
  font-weight: var(--font-weight-medium);
}
.investment-package__value-heading, .investment-package__value-pill {
  font-size: 0.7rem;
}
.investment-package__value-main {
  margin-top: 0.4rem;
  font-size: 36px;
  line-height: 1;
}
.investment-package__value-pill {
  margin-top: 0.8rem;
  padding: 0.4em 0.8em;
  line-height: 1;
  border: 1px solid rgba(var(--rgb-offwhite), 0.5);
  border-radius: 10em;
}
.investment-package__benefits {
  flex: 1;
  padding: 1rem calc(var(--spacing-md) * 0.4);
  border-radius: var(--button-border-radius);
  background: rgba(var(--rgb-offwhite), 0.1);
}
.investment-package__benefits-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  padding: 1.2rem 0;
}
.investment-package__benefits-item:not(:last-child) {
  border-bottom: 1px solid rgba(var(--rgb-offwhite), 0.1);
}
.investment-package__benefits-heading {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}
.investment-package__benefits-description {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(var(--rgb-offwhite), 0.8);
}
.investment-package__benefits-pill {
  flex-shrink: 0;
  padding: 0.4em 0.8em;
  font-size: 0.7rem;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  border-radius: 10em;
  background: rgba(var(--rgb-offwhite), 0.15);
}

.investment-cta {
  grid-column: span 1;
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .investment-cta {
    grid-column: span 3;
    flex-direction: row;
  }
}
.investment-cta .cta__main {
  align-items: center;
  width: 100%;
  padding: 3rem 8% 2rem 8%;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .investment-cta .cta__main {
    align-items: flex-start;
    width: 50%;
    padding: 4rem 6%;
    text-align: left;
  }
}
.investment-cta .cta__image {
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .investment-cta .cta__image {
    width: 50%;
  }
}
.investment-cta .cta__image::after {
  background-image: url(../images/rip-white-top.svg?a820b0becdf8a24a31d60f212de15ab8);
  background-position: center top;
  background-size: 105% auto;
}
@media only screen and (min-width: 1200px) {
  .investment-cta .cta__image::after {
    background-image: url(../images/rip-white-left.svg?b91f1bbde3fecf12ba50ed07e6f8e5bf);
    background-position: left center;
    background-size: auto 105%;
  }
}
.investment-cta__heading {
  font-size: 1.5rem;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) {
  .investment-cta__heading {
    font-size: 1.75rem;
  }
}
.investment-cta__body {
  margin-top: 1rem;
  font-size: 0.9rem;
}
@media only screen and (min-width: 1200px) {
  .investment-cta__body {
    font-size: 1rem;
  }
}
.investment-cta__body a {
  padding: 0.15em 0;
  overflow-wrap: break-word;
  font-weight: var(--font-weight-medium);
  word-wrap: break-word;
  background-image: linear-gradient(rgba(var(--rgb-darkgreen), 0.2), rgba(var(--rgb-darkgreen), 0.2)), linear-gradient(currentColor, currentColor);
  background-position: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px, 0% 1px;
  transition: background-size 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (hover: hover) and (pointer: fine) {
  .investment-cta__body a:hover {
    background-position: 0% 100%;
    background-size: 100% 1px;
  }
}

.footer {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.footer.bg-green .footer__bottom ul.left, .footer.bg-darkgreen .footer__bottom ul.left {
  border-top-color: rgba(var(--rgb-offwhite), 0.1);
}
.footer__inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.footer__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 960px) {
  .footer__bottom {
    flex-direction: row;
  }
}
.footer__bottom ul {
  display: flex;
  flex: 1;
  gap: 1rem;
  font-size: 0.75rem;
}
@media only screen and (min-width: 960px) {
  .footer__bottom ul {
    gap: 1.5rem;
  }
}
.footer__bottom ul.left {
  order: 3;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(var(--rgb-darkgreen), 0.1);
}
@media only screen and (min-width: 960px) {
  .footer__bottom ul.left {
    order: 1;
    justify-content: flex-start;
    width: revert;
    padding-top: 0;
    border-top: none;
  }
}
.footer__bottom ul.right {
  order: 2;
}
@media only screen and (min-width: 960px) {
  .footer__bottom ul.right {
    order: 3;
    justify-content: flex-end;
  }
}
.footer__bottom ul a {
  position: relative;
  display: block;
}
.footer__bottom ul a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.5;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (hover: hover) and (pointer: fine) {
  .footer__bottom ul a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
  }
}
.footer__social {
  order: 1;
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 960px) {
  .footer__social {
    order: 2;
    margin-bottom: 0;
  }
}
.footer__social a {
  display: block;
  transform: scale(1);
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .footer__social a:hover {
    animation: bounce 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
.footer__social a svg {
  width: 1.5rem;
  height: 1.5rem;
}
.footer--hidden {
  display: none;
}
.footer .disclaimer__text {
  font-size: 0.75rem;
  line-height: 1.4;
  margin-top: 3rem;
  max-width: 34em;
  color: rgba(var(--color-darkgreen), 0.8);
}
.footer .disclaimer__text a {
  text-decoration: underline;
  color: var(--color-yellow);
}

.rip {
  position: relative;
  overflow: hidden;
  height: min(200px, 20vw);
}
.rip__inner {
  position: absolute;
  left: -100px;
  bottom: -1px;
  width: calc(100% + 200px);
  height: 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
}
.rip--darkgreen .rip__inner {
  background-image: url(../images/rip-darkgreen-bottom.svg?5b7abd29825c964fbf2701eba05c450c);
  background-position: left bottom;
}
.rip--green .rip__inner {
  background-image: url(../images/rip-green-bottom.svg?3f12b8445921ec59938c54f89b4c4a7f);
  background-position: right bottom;
}
.rip--offwhite .rip__inner {
  background-image: url(../images/rip-offwhite-bottom.svg?8d4a2b76a23ff95e83a2cd20d9162c75);
  background-position: right bottom;
}

.thankyou,
.signup {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.thankyou__container,
.signup__container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.thankyou__container {
  align-items: center;
}

.signup [data-airship-form-url] {
  margin-top: var(--spacing-sm);
}

.launch-hero .hero__heading {
  max-width: 11em;
}
.launch-hero .hero__footer {
  padding-bottom: 1.5rem;
}
