/*
Theme Name: Strategic Plan
Author: Alla Hubko
Version: 1.1
*/

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* css reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */

strong, b {
  font-weight: 600;
}


:root {
  --container-width: 1140px;
  --inner-container-width: 800px;
  --header-height: 0px; /*134px;*/
  --container-padding: 20px;
  --dark: #111;
  --light: #f5f5f5;
  --white: #fff;
  --light-gray: #b3b3b3;
  --gray: #656565;
  --red-ish: #ed125f;
  --yellow-ish: #cfdc28;
  --blue-ish: #01afd8;
  --dark-blue-ish: #004766;
  --green-ish: #00a89c;
  --ribbon-color: #cfdc28;
  --bug-juice: #ed125f;
  --firefly: #cfdc28;
  --ohc-blue: #01afd8;
  --starry-night: #004766;

  --charge-image-size: 300px;
  --charge-image-gap: 36px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 18px;
}

body {
  font-family: 'Gotham', Arial, sans-serif;
  line-height: 1.5;
  color: var(--starry-night);
  font-weight: 400;
}

.color-firefly {
  color: var(--firefly);
}

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 2rem 1rem;

}

.nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.logo {
  color: var(--white);
  font-weight: bold;
}

.logo a {
  text-decoration: none;
}

.logo img {
    max-height: 100px;
}

.hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: var(--firefly);
  border: none;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.hamburger span {
  width: 24px;
  height: 2px;
  background: var(--starry-night);
  transition: all .3s;
}

.nav-wrapper {
  position: fixed;
  top: 4rem;
  right: max(1rem, calc((100vw - 1200px) / 2 + 1rem));
  z-index: 1001;
  display: flex;
  gap: 1rem;
  width: 54px;
  max-width: 54px;
  transition: all .3s;
  border: 1px solid transparent;
  padding: 2px;
  border-radius: 25px;
}

.nav-wrapper .nav-links {
  display: none;
}


.nav-wrapper .nav-links a {
  text-decoration: none;
  color: var(--starry-night);
}

.nav-wrapper .nav-links a.download-button {
  color: var(--green-ish);
}

section {
  margin: 0 auto;
  min-height: calc(100vh - var(--header-height));
  padding: 0 2rem 2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  flex-direction: column;
}

.container {
  max-width: 1200px;
  width: 100%;
  padding: 0 2rem 2rem;
}

.container-inner {
  max-width: var(--inner-container-width);
  width: 100%;
  margin: 0 auto;
}

.container-half-left {
  max-width: calc(var(--inner-container-width) / 2);
  width: 100%;
  text-align: left;
}

.one-half {
    width: 50%;
}

footer {
  background: var(--light);
  text-align: center;
  padding: 4rem 1rem 2rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

footer .cta-button {
  background-color: var(--firefly);
  color: var(--starry-night);
  display: block;
  border: 1px solid var(--firefly);
  text-align: center;
  padding: .5rem 2rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
  width: 210px;
}

footer .cta-button:hover {
  background-color: transparent;
  color: var(--firefly);
}

.footer-content-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

h1 {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    margin-bottom: 1rem;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 1rem;
}

h2 {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    margin-bottom: 1rem;
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2;
}

h3 {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    font-size: 2rem;
}

h4 {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

h5 {

}

h6 {

}

p {
    padding-bottom: 1rem;
    letter-spacing: -.2px;
    line-height: 1.55;
}

#title {
  position: sticky;
  top: 0;
  z-index: -1;
}

/* first screen section - bg video */
.video-section {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: calc(100vh - var(--header-height));
  min-height: calc(100vh - var(--header-height));
}

.video-section::after {
  content: "";
  position: absolute;
  inset: 0;
  /* background: rgba(0, 0, 0, 0.4); */
  z-index: 1;
}

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

.mute-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
  border: 0;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
}

@keyframes mute-flip {
  0%   { transform: rotateY(0deg); }
  50%  { transform: rotateY(90deg); }
  100% { transform: rotateY(0deg); }
}

#mute-unmute {
  perspective: 600px;
  position: relative;
}

#mute-unmute.flipping {
  animation: mute-flip 0.4s ease-in-out;
}

#mute-unmute {
  border: 1px solid var(--starry-night);
  border-radius: 1rem;
  background: transparent;
  overflow: clip;
  color: var(--starry-night);
  position: absolute;
  font-size: 0;
}

#mute-unmute > span:first-of-type {
  padding-left: 1rem;
  padding: .5rem 1rem;
  display: inline-block;
  cursor: default;
  border-right: 1px solid var(--starry-night);
  font-size: .75rem;
  background-color: #cfdc28;
}

#mute-unmute > span:nth-of-type(2) {
  display: inline-block;
  /* padding-right: 1rem; */
  padding: .5rem 1rem;
  cursor: pointer;
  font-size: .75rem;
  background-color: #cfdc28;
  color: var(--starry-night);
}


#mute-unmute.muted > span:first-of-type {
  /* padding-left: 1rem; */
  cursor: pointer;
  background-color: #cfdc28;
}

#mute-unmute.muted > span:nth-of-type(2) {
  /* background: transparent; */
  background-color: #cfdc28;
  color: var(--starry-night);
  cursor: default;
}





@keyframes fadeInFromLeft {
  from {
    opacity: 0;
    margin-left: -50%;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    /* margin-left: 50%; */
  }
  to {
    opacity: 1;
    /* margin-left: 0; */
  }
}

.fade-from-left {
  animation: fadeInFromLeft linear both;
  animation-timeline: view();
  animation-range: 0 40vh;
}

.fade-in {
  animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: 10vh 60vh;
}

/* ribbon header */
.heading-wrapper {
    margin-bottom: 1rem;
}

.ribbon {
  --r: .8em; /* control the cutout */
  display: inline;
  padding-inline: 0.25em;
  padding-right: calc(var(--r) + .25em);
  background: var(--ribbon-color);
  /* box-shadow: -20vw 0 0 var(--ribbon-color); */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: var(--starry-night);
  padding: .5rem 1rem;
}

span.ribbon {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    font-size: 2rem;
    font-weight: 800;
}

/* end ribbon header */

/* letter section */

#letter {
  background-color: #fff;
}

#letter h1.header-ribbon {
  width: 100%;
  line-height: 1.65;
  letter-spacing: -1px;
}

#letter .readmore {
  font-weight: bold;
  text-decoration: none;
}

#letter h3 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  margin-top: .5rem;
  margin-bottom: .25rem;
}

#letter .heading-wrapper {
    margin-bottom: 4rem;
}

#letter .letter-priorities {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#letter .letter-priorities li {
  position: relative;
  padding: 0 1rem;
  text-align: center;
}

#letter .letter-priorities li p:last-child {
  padding-bottom: 0;
}

#letter .letter-priorities li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--starry-night);
}


.letter-signatures {
  display: flex;
  gap: 2rem;
}


.signature {
    display: flex;
    width: 50%;
    gap: 2rem;
}

.signature div div img {
  max-height: 62px;
}


#letter .signature p {
  margin: 0;
  padding: 0;
}

.audio-btn-wrapper {
    margin-top: 3rem;
}

#audio-btn {
    width: 258px;
    border-radius: 1.5rem;
    padding: 0.35rem;
    border: 1px solid var(--green-ish);
    background-color: transparent;
    font-size: 1.35rem;
    color: var(--green-ish);
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer;
}

#audio-btn .btn {
  font-size: 1rem;
  background-color: var(--green-ish);
  color: #fff;
  border-radius: 50%;
  width: 1.75rem;
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-right: .5rem;
}


#power {
  background-color: var(--starry-night);
  color: #fff;
  text-align: center;
  overflow: clip;
}

#power p {
    font-size: 1.5rem;
}

#power h1 {
  font-size: 4rem;
  text-align: center;
}

.moving-images {
    height: 1000vh;
    position: relative;
    width: 100%;
}

.moving-images-viewport {
    position: sticky;
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
}

.moving-images-viewport img {
    position: absolute;
    top: 50vh;
    left: 50%;
    /* Centers the anchor point of the image */
    transform: translate(-50%, -50%); 
    pointer-events: none;
    opacity: 0;
}

/* Top-Left Exit */
@keyframes imgMove1 {
  0% { transform: translate(-10%, -10%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(-60vw, -60vh) scale(2); opacity: 0; }
}

/* Top-Right Exit */
@keyframes imgMove2 {
  0% { transform: translate(5%, -15%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(60vw, -60vh) scale(1.8); opacity: 0; }
}

/* Far-Left Exit */
@keyframes imgMove3 {
  0% { transform: translate(-20%, 5%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(-70vw, 10vh) scale(2.2); opacity: 0; }
}

/* Far-Right Exit */
@keyframes imgMove4 {
  0% { transform: translate(15%, -5%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(70vw, -10vh) scale(1.5); opacity: 0; }
}

/* Bottom-Center Exit */
@keyframes imgMove5 {
  0% { transform: translate(-5%, 20%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(0vw, 70vh) scale(2.5); opacity: 0; }
}

/* Bottom-Right Exit */
@keyframes imgMove6 {
  0% { transform: translate(10%, 10%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(60vw, 60vh) scale(1.9); opacity: 0; }
}

/* Bottom-Left Exit */
@keyframes imgMove7 {
  0% { transform: translate(-15%, 15%) scale(0); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(-60vw, 60vh) scale(2.1); opacity: 0; }
}

.img-move-1 {
  display: block;
  top: 0;
  left: 0;
  animation: imgMove1 linear both;
  animation-timeline: view();
  animation-range: 0 40%;
}

.img-move-2 {
  display: block;
  top: 0;
  right: 0;
  animation: imgMove2 linear both;
  animation-timeline: view();
  animation-range: 0 50%;
}

.img-move-3 {
  display: block;
  bottom: 0;
  left: 0;
  animation: imgMove3 linear both;
  animation-timeline: view();
  animation-range: 10% 60%;
}

.img-move-4 {
  display: block;
  bottom: 0;
  right: 0;
  animation: imgMove4 linear both;
  animation-timeline: view();
  animation-range: 30% 80%;
}

.img-move-5 {
  display: block;
  animation: imgMove5 linear both;
  animation-timeline: view();
  animation-range: 40% 85%;
}

.img-move-6 {
  display: block;
  animation: imgMove6 linear both;
  animation-timeline: view();
  animation-range: 50% 90%;
}

.img-move-7 {
  display: block;
  animation: imgMove7 linear both;
  animation-timeline: view();
  animation-range: 60% 95%;
}


#why {
  background-color: #fff;
  color: var(--starry-night);
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  position: relative;
  padding: 3.5rem 1rem;
}

#why .headline {
  position: absolute;
  top: 0;
}

#why .container:not(.headline) {
  padding-top: 3.5rem;
}

#why .container-inner {
  display: flex;
  gap: 2rem;
}

#why .why-header {
  width: 25%;
  margin-right: 1rem;
}

#why .why-header h2 {
  font-size: 80px;
}

.color-green {
  color: var(--green-ish);
}

#why p {
  /* font-size: 2.25rem; */
  font-weight: 400; /* 700; */
  /* line-height: 1.25;*/
  margin-bottom: 1.5rem;
}

#why p span {
  text-decoration: underline;
  /* Hard-stop gradient: Top 50% is transparent, Bottom 50% is solid firefly */
  background-image: linear-gradient(to top, var(--firefly) 50%, transparent 50%);
  background-size: 100% 200%;
  background-position: 0 0;
  transition: background-position 0.3s;
  
  /* Adds a little horizontal breathing room for the background */
  padding: 0 4px;
  /* Ensures the background doesn't clip if the span wraps lines */
  display: inline; 
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

#why p.color-green span:hover,
#why p span:hover {
  background-position: 0 100%;
  text-decoration: none;
  color: #fff; /* Optional: makes text white so it pops against the dark background */
}

.strategies {
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; */
}

.strategy {
  padding-bottom: 2.25rem;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  margin-bottom: 3rem;
}

.strategy h3 {
    padding-bottom: 1rem;
    line-height: .95;
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 1rem;
    letter-spacing: -.5px;
}
.strategy h3 span:nth-of-type(1) {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: clip;
    text-align: center;
    line-height: 1;
    font-weight: 900;
    left: -125px;
    margin-top: -.3rem;
  }

.strategy-1 {
    border-bottom-color: var(--bug-juice);
}
.strategy-1 h3 span:nth-of-type(1) {
    background-color: var(--bug-juice)
}

.strategy-2 {
    border-bottom-color: var(--firefly);
}
.strategy-2 h3 span:nth-of-type(1) {
    background-color: var(--firefly)
}

.strategy-3 {
    border-bottom-color: var(--starry-night);
}
.strategy-3 h3 span:nth-of-type(1) {
    background-color: var(--starry-night)
}

.strategy .subtitle {
    font-size: 1.25rem;
    line-height: 1.25;
}

#priorities {
  background: url('assets/images/Row3PhotoCampfire1920x1080.jpg') center / cover no-repeat;
  background-color: #000;
  color: #fff;
  padding-top: 3rem;
  z-index: 999;
  position: relative;
  overflow: hidden;
}

.priorities__container {
  display: flex;
  max-width: 1400px;
}

.priorities__title {
  width: 55%;
}

.priorities__title h2 {
  font-size: 80px;
  letter-spacing: 1px;
  line-height: 1;
}

.priorities__content {
  width: 45%;
}


#priority1 {
  background-color: var(--white);
  color: var(--gray);
}


#priority1 .priority-points > div {
  border-right-color: var(--bug-juice);
}

#priority1 .container {
    background: url('assets/images/Photo1_621x621.png') right 7.4rem no-repeat;
    background-size: 48% auto;
}

#priority1 h2,
#priority1 .priority-points {
    color: var(--bug-juice);
}

#priority2 {
  background-color: var(--green-ish);
  color: #fff;
}


#priority1 .priority-points > div {
  border-right-color: var(--bug-juice);
  padding-right: 2rem;
}

#priority2 .container {
    background: url('assets/images/Photo2_621x621.png') right 7.4rem no-repeat;
    background-size: 48% auto;
}
#priority2 h2,
#priority2 .priority-points {
    color: var(--firefly);
}

#priority3 {
  background-color: #fff;
  color: var(--starry-night)
}

#priority3 .container {
    background: url('assets/images/Photo3_621x621.png') right 7.4rem no-repeat;
    background-size: 48% auto;
}

#priority3 h2,
#priority3 .priority-points {
    color: var(--starry-night);
}


.priority-section {
    font-size: 24px;
}

.priority-section h2 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.priority-section h2 span {
    font-size: 14rem;
    display: block;
    font-weight: 900;
    margin-bottom: -1rem;
}

.priority-section p {
  line-height: 1.375;
  margin-bottom: 0;
  padding-bottom: 0;
}

.priority-section .header-ribbon {
    color: var(--starry-night);
    font-size: 2rem;
}

.priority-section .subtitle {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.25;
}

.priority-points {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 500;
}

.priority-points > div {
    border-right-width: 1px;
    border-right-style: solid;
}

.priority-points > div {
    border-right: none;
}

.priority-points img {
    display: block;
    width: 90px;
    height: 90px;
    margin-bottom: 2rem;
}

#platforms {
  background-color: var(--green-ish);
  color: #fff;
  min-height: auto;
  padding: 5rem 2rem;
}

#platforms .container {
  padding: 0;
}

#platforms p {
  font-size: 1.35rem;
  line-height: 1.25;
}

#platforms h2 {
    font-size: 80px;
    max-width: 500px;
}

#platforms .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    align-items: center;
}

#platforms-count {
    background: url('assets/images/Row7Photo1920x1080jpg.jpg') center / cover no-repeat;
    background-color: var(--dark-blue-ish);
    color: #fff;
    justify-content: center;
}

#platforms-count .container {
  max-width: 100%;
}

.platform-circles {
    font-size: 2rem;
    font-weight: bold;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 15rem;
}

@keyframes platformsPulse {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.05);
  }

  60% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.platform-circles {
    font-size: 2rem;
    font-weight: bold;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

/* move animation HERE */
.platform-circles .circle {
    perspective: 1000px;
    width: 258px;
    height: 258px;
    animation: platformsPulse 5s ease-in-out infinite;
}

/* remove animation from inner */
.platform-circles .circle-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

/* flip on hover */
.platform-circles .circle:hover .circle-inner {
    transform: rotateY(180deg);
}

/* both sides */
.circle-front,
.circle-back {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: var(--green-ish);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    text-align: center;
    line-height: 1.25;
    font-size: 1.575rem;
    backface-visibility: hidden;
}

.circle-back {
  background-color: var(--firefly);
  color: var(--starry-night);
}

/* front = default */
.circle-front {
    transform: rotateY(0deg);
    line-height: 1.25;
    font-size: 1.575rem;
}

/* back = flipped */
.circle-back {
    transform: rotateY(180deg);
    font-size: 1.25rem;
    font-weight: 400;
}

/* span stays same */
.platform-circles span {
    font-size: 1.275rem;
    display: block;
    font-weight: normal;
}

.platform-circles .circle:hover .circle-inner {
    animation-play-state: paused;
    transform: rotateY(180deg);
}

#impact {
  background-color: #00a89c ;
  color: var(--white);
}

#charge {
  display: block;
  padding: 0;
  position: relative;
  background-color: var(--starry-night);
}

#charge .container {
  margin: 0 auto;
}

.charge-images {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
}

@keyframes blink {
  0% {
    opacity: .3;
  }

  35% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: .3;
  }
}

.charge-img {
  width: var(--charge-image-size);
  height: var(--charge-image-size);
  border-radius: 50%;
  overflow: hidden; /* Crucial: cuts off the square corners of the image */
  display: flex;    /* Optional: helps with centering */
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: blink 5s linear infinite;
}

.charge-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Magic sauce: maintains aspect ratio while filling the space */
  display: block;
}

.charge-img:nth-of-type(1) {
  transform: translate(calc(0px - var(--charge-image-size)*2 - var(--charge-image-gap)*1.5), calc(0px - var(--charge-image-size)*1.5 - var(--charge-image-gap)));
  animation-delay: .5s;
}

.charge-img:nth-of-type(2) {
  transform: translate(calc(0px - var(--charge-image-size) - var(--charge-image-gap)*0.5), calc(0px - var(--charge-image-size)*1.5 - var(--charge-image-gap)));
    animation-delay: 4s;

}

.charge-img:nth-of-type(3) {
  transform: translate(calc(var(--charge-image-gap)*0.5), calc(0px - var(--charge-image-size)*1.5 - var(--charge-image-gap)));
    animation-delay: 1s;
}

.charge-img:nth-of-type(4) {
  transform: translate(calc(var(--charge-image-size) + var(--charge-image-gap)*1.5), calc(0px - var(--charge-image-size)*1.5 - var(--charge-image-gap)));
  animation-delay: .75s;
}

.charge-img:nth-of-type(5) {
  transform: translate(calc(0px - var(--charge-image-size)*2.5 - var(--charge-image-gap)*1.5), calc(0px - var(--charge-image-size)/2 - var(--charge-image-gap)));
  animation-delay: 2s;
}

.charge-img:nth-of-type(6) {
  transform: translate(calc(0px - var(--charge-image-size)*1.5 - var(--charge-image-gap)*0.5), calc(0px - var(--charge-image-size)/2 - var(--charge-image-gap)));
    animation-delay: .25s;
}

.charge-img:nth-of-type(7) {
  transform: translate(calc(var(--charge-image-size)*0.5 + var(--charge-image-gap)*0.5), calc(0px - var(--charge-image-size)/2 - var(--charge-image-gap)));
    animation-delay: 2.5s;
}

.charge-img:nth-of-type(8) {
  transform: translate(calc(var(--charge-image-size)*1.5 + var(--charge-image-gap)*1.5), calc(0px - var(--charge-image-size)/2 - var(--charge-image-gap)));
    animation-delay: .15s;
}

.charge-img:nth-of-type(9) {
  transform: translate(calc(0px - var(--charge-image-size)*2 - var(--charge-image-gap)*1.5), calc(var(--charge-image-size)*0.5 - var(--charge-image-gap) * 0.5));
  animation-delay: .75s;
}

.charge-img:nth-of-type(10) {
  transform: translate(calc(0px - var(--charge-image-size) - var(--charge-image-gap)*0.5), calc(var(--charge-image-size)*0.5 - var(--charge-image-gap) * 0.5));
  animation-delay: 3s;
}

.charge-img:nth-of-type(11) {
  transform: translate(calc(var(--charge-image-gap)*0.5), calc(var(--charge-image-size)*0.5 - var(--charge-image-gap) * 0.5));
  animation-delay: 4s;
}

.charge-img:nth-of-type(12) {
  transform: translate(calc(var(--charge-image-size) + var(--charge-image-gap)*1.5), calc(var(--charge-image-size)*0.5 - var(--charge-image-gap) * 0.5));
    animation-delay: .5s;

}

.charge-top {
  height: calc(100vh - var(--header-height));
  width: 100%;
  position: relative;
  z-index: 1;
}

.shared-charge-text {
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
  gap: 1rem;
  line-height: 1.2;
}

.shared-charge-text > div {
  max-width: 420px;
}

.shared-charge-text > div:nth-child(2) {
  color: var(--firefly);
}

.charge-middle {
  background-color: var(--firefly);
  padding: .5rem 2rem;
  text-transform: uppercase;
  font-size: 2rem;
  width: 100%;
  text-align: center;
}

/* .charge-bottom {
  height: calc(100vh - var(--header-height));
  background-color: var(--green-ish);
  width: 100%;
}

.charge-bottom .container {
  position: relative;
  height: 100%;
  padding: 2rem;
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
  margin: 0 auto;
} */

/* .charge-bottom .container > div {
  position: absolute;
  bottom: 20%;
  left: 10%;
  width: 40%;
} */

#together {
  padding-bottom: 0;
}

#together h2 {
  margin-bottom: 0;
}

.row-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    background-color: var(--green-ish);
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Keeps text at the bottom */
    align-items: center;
    overflow: hidden;
}

.expanding-image {
    position: absolute;
    top: 2rem;
    left: 2rem;
    height: calc(100vh - 4rem);
    width: calc(100vh - 4rem);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    margin-left: calc(-50vh - 2rem);
}

.expanding-image img {
  max-height: 100%;
}
/* .expanding-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/themes/strategic-plan/assets/images/Row9_1920x1080.jpg');
    background-size: cover;
    background-position: center;
    
    transform: scale(0.8);
    clip-path: circle(100px at 50% 50%);
}

.expanding-image.is-animated {
    animation: revealAndZoom 5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
} */

.content-overlay {
    position: relative;
    z-index: 10;
    margin-bottom: 60px; /* Space from bottom */
    color: white;
    font-size: 2rem;
    line-height: .875;
    width: 100%;
    padding: 0 4rem;
    max-width: 1500px;
}

.highlight {
    color: var(--firefly);
}

/* Combined Animation: Mask + Scale */
@keyframes revealAndZoom {
    0% {
        transform: scale(0.3);
        clip-path: circle(100px at 60% 40%);
    }
    100% {
        transform: scale(0.8);
        /* 150% ensures it fully covers the viewport corners */
        clip-path: circle(400px at 50% 50%);
    }
}


/* 1. Hide all siblings that come AFTER the button */
.js-read-more ~ * {
    display: none !important;
}

/* 2. Show siblings when the button has the .is-expanded class */
.js-read-more.is-expanded ~ * {
    display: block !important; /* Use 'block' or 'initial' */
}


/* Optional: Style the link to look like a button or stand out */
.js-read-more {
    display: block;
    cursor: pointer;
    color: var(--starry-night);
    text-decoration: none;
    margin-bottom: 1rem;
    font-weight: bold;
}

.js-read-more.is-expanded {
  display: none;
}

footer {
  background: var(--starry-night);
  color: var(--white);
}

footer .container {
  max-width: 100%;
}

.footer-content__text {
  grid-row: span 2;
  max-width: 600px;
}

.footer-content {
  display: grid;
  grid-auto-flow: column dense;
  gap: 2rem;
  text-align: left;
}




/* 1. Hide all siblings that come AFTER the button */
.js-read-more ~ * {
    display: none !important;
}

/* 2. Show siblings when the button has the .is-expanded class */
.js-read-more.is-expanded ~ * {
    display: block !important; /* Use 'block' or 'initial' */
}


/* Optional: Style the link to look like a button or stand out */
.js-read-more {
    display: block;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 1rem;
    font-weight: bold;
}

.js-read-more.is-expanded {
  display: none;
}

.js-read-more:hover {
    color: #0056b3;
}

#announce {
  background-color: var(--starry-night);
  /* height: calc(300vh - var(--header-height) * 3);
  min-height: calc(300vh - var(--header-height) * 3); */
}

#announce .container {
  /* display: flex; */
  height: 100%;
  padding: 0;
  position: relative;
  max-width: 1500px;
}

@keyframes pulseOnce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2);
  }
  66% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.stage-1 {
  height: calc(100vh - var(--header-height));
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: 36px;
}

.stage-1 > div {
  aspect-ratio: 1 / 1;
}

.stage-1 .circle {
  width: 100%;
  height: 100%;
  color: var(--starry-night);
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  animation: pulseOnce .3s ease-in-out;
}

.stage-1 .circle.circle-yellow {
  background-color: var(--firefly);
  animation-delay: 400ms;
}

.stage-1 .circle.circle-green {
  background-color: var(--green-ish);
  animation-delay: 900ms;
}

.stage-1 .circle.circle-red {
  background-color: var(--bug-juice);
  animation-delay: 1400ms;
}

.stage-1 .circle.circle-blue {
  background-color: var(--blue-ish);
  animation-delay: 1900ms;

}

.stage-2,
.stage-3 {
  /* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--starry-night);
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  height: calc(100vh - var(--header-height));
}

.row-circles {
  max-height: 54px;
  overflow: hidden;
}

.stage-2 > div {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.stage-2 .text-block {
  font-size: 1.35rem;
  width: 50%;
  left: 0;
  background-color: var(--starry-night);
  text-align: left;
  padding: 1rem 2rem;
  flex-shrink: 0;
}

.stage-2 .text-block > div {
  margin-bottom: 1rem;
}


.stage-2 .d0,
.stage-2 .dy,
.stage-2 .dg,
.stage-2 .dr,
.stage-2 .db {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
}

.stage-2 .d0 {
 background-color: transparent;
}

.stage-2 .dy {
 background-color: var(--firefly)
}

.stage-2 .dg {
 background-color: var(--green-ish)
}

.stage-2 .dr {
 background-color: var(--bug-juice)
}


.stage-2 .db {
 background-color: var(--blue-ish);
}

.stage-3 {
  gap: 2rem;
  padding-top: 2rem;
}

.stage-3 > div {
  max-width: 50%;
}

.stage-3-text {
  text-align: left;
  font-weight: 800;
  align-self: flex-start;
  margin-top: 3rem;
  font-size: 1.35rem;
}

.stage-3-photo img {
  max-width: 100%;
  max-height: 100%;
}

.footer-content__social-media a {
  margin-right: 10px;
  font-size: 0;
  text-decoration: none;
}

.footer-content__social-media a:last-child {
  margin-right: 0;
}

#vision {
  color: #fff;
  background-color: var(--starry-night);
  display: block;
  min-height: 100vh;
  position: relative;
  padding: 0;
}

#vision .headline {
  position: absolute;
  top: 0;
}

#vision .bg-video {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: 0;
  margin-bottom: -100vh;
}

/* #vision .container {
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100vh;
  overflow: hidden;
} */


#vision .container {
  display: flex;
  /* height: calc(100vh - 2rem); */
  margin: 0 auto;
  position: relative;
  padding: 0;
  /* overflow: hidden; */
  max-width: 1500px;
  z-index: 9;
}

#vision .container > div {
  max-height: 100%;
  margin: 2rem;
}

#vision .container > div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 25vh;
}

#vision .container > div.scrollable {
  /* overflow-y: auto; */
  /* height: calc(100vh - 11rem); */
  padding-right: 1rem;
  margin-top: 8rem;
  margin-bottom: 10rem;
  /* -ms-overflow-style: none;
  scrollbar-width: none; */
}

#vision .container > div.scrollabler::-webkit-scrollbar {
    display: none;
}

#vision .one-half:first-child {
  /* position: sticky;
  top: 50%;
  transform: translateY(-50%);
  height: fit-content;
  align-self: flex-start; */
}

#vision h2 {
  font-size: 2.25rem;
  position: sticky;
  top: calc(50vh - 5rem);
}

#vision h3 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 2rem;
}

#vision h4 {
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 2rem;
  margin-bottom: .5rem;
  line-height: 1;
}

#vision p {
  line-height: 1.2;
}

#vision .togther {
  margin-top: 3rem;
}

#vision .committed {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1rem;
  border-bottom: 2px solid rgba(255, 255, 255, .7)
}

#vision .committed img {
  width: 140px;
  height: 140px;
}

@media (prefers-reduced-motion: reduce) {
  .bg-video {
    display: none;
  }

  .video-section {
    background: url("assets/fjc-poster.png") center / cover no-repeat;
  }
}




/* custom delays over 3000 */

[data-aos][data-aos][data-aos-delay="3050"] {
  transition-delay: 3050ms;
}

[data-aos][data-aos][data-aos-delay="3100"] {
  transition-delay: 3100ms;
}

[data-aos][data-aos][data-aos-delay="3200"] {
  transition-delay: 3200ms;
}
[data-aos][data-aos][data-aos-delay="3250"] {
  transition-delay: 3250ms;
}

[data-aos][data-aos][data-aos-delay="3300"] {
  transition-delay: 3300ms;
}

[data-aos][data-aos][data-aos-delay="3400"] {
  transition-delay: 3400ms;
}

[data-aos][data-aos][data-aos-delay="3500"] {
  transition-delay: 3500ms;
}

[data-aos][data-aos][data-aos-delay="4000"] {
  transition-delay: 4000ms;
}

[data-aos][data-aos][data-aos-delay="5000"] {
  transition-delay: 5000ms;
}

[data-aos][data-aos][data-aos-delay="5100"] {
  transition-delay: 5100ms;
}

[data-aos][data-aos][data-aos-delay="5200"] {
  transition-delay: 5200ms;
}

[data-aos][data-aos][data-aos-delay="5300"] {
  transition-delay: 5300ms;
}

[data-aos][data-aos][data-aos-delay="5400"] {
  transition-delay: 5400ms;
}

[data-aos][data-aos][data-aos-delay="5500"] {
  transition-delay: 5400ms;
}
[data-aos][data-aos][data-aos-delay="6500"] {
  transition-delay: 6500ms;
}

[data-aos][data-aos][data-aos-delay="7000"] {
  transition-delay: 7000ms;
}
[data-aos][data-aos][data-aos-delay="8000"] {
  transition-delay: 8000ms;
}
[data-aos][data-aos][data-aos-delay="8750"] {
  transition-delay: 8750ms;
}
[data-aos][data-aos][data-aos-delay="9000"] {
  transition-delay: 9000ms;
}


[data-aos][data-aos][data-aos-delay="10000"] {
  transition-delay: 10000ms;
}
[data-aos][data-aos][data-aos-delay="10050"] {
  transition-delay: 10050ms;
}
[data-aos][data-aos][data-aos-delay="10100"] {
  transition-delay: 10100ms;
}
[data-aos][data-aos][data-aos-delay="10200"] {
  transition-delay: 10200ms;
}
[data-aos][data-aos][data-aos-delay="10300"] {
  transition-delay: 10300ms;
}
[data-aos][data-aos][data-aos-delay="10400"] {
  transition-delay: 5400ms;
}
[data-aos][data-aos][data-aos-delay="10400"] {
  transition-delay: 5400ms;
}
[data-aos][data-aos][data-aos-delay="10500"] {
  transition-delay: 10500ms;
}
[data-aos][data-aos][data-aos-delay="12000"] {
  transition-delay: 12000ms;
}
[data-aos][data-aos][data-aos-delay="12200"] {
  transition-delay: 12200ms;
}
[data-aos][data-aos][data-aos-delay="12400"] {
  transition-delay: 12400ms;
}
[data-aos][data-aos][data-aos-delay="12500"] {
  transition-delay: 12500ms;
}
[data-aos][data-aos][data-aos-delay="15000"] {
  transition-delay: 15000ms;
}
[data-aos][data-aos][data-aos-delay="20000"] {
  transition-delay: 20000ms;
}
[data-aos][data-aos][data-aos-delay="20200"] {
  transition-delay: 20200ms;
}
[data-aos][data-aos][data-aos-delay="20400"] {
  transition-delay: 20400ms;
}
[data-aos][data-aos][data-aos-delay="20500"] {
  transition-delay: 20500ms;
}





[data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 350ms;
  
}
    [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 400ms;
  
}
    [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 450ms;
  
}
    [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 500ms;
  
}
    [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 550ms;
  
}
    [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 600ms;
  
}
    [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 650ms;
  
}
    [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 700ms;
  
}
    [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 750ms;
  
}
    [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 800ms;
  
}
    [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 850ms;
  
}
    [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 900ms;
  
}
    [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 950ms;
  
}
    [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 1000ms;
  
}
    [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 1050ms;
  
}
    [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 1100ms;
  
}
    [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 1150ms;
  
}
    [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 1200ms;
  
}
    [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 1250ms;
  
}
    [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 1300ms;
  
}
    [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 1350ms;
  
}
    [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 1400ms;
  
}
    [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 1450ms;
  
}
    [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 1500ms;
  
}
    [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 1550ms;
  
}
    [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 1600ms;
  
}
    [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 1650ms;
  
}
    [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 1700ms;
  
}
    [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 1750ms;
  
}
    [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 1800ms;
  
}
    [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 1850ms;
  
}
    [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 1900ms;
  
}
    [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 1950ms;
  
}
    [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 2000ms;
  
}
    [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 2050ms;
  
}
    [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 2100ms;
  
}
    [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 2150ms;
  
}
    [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 2200ms;
  
}
    [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 2250ms;
  
}
    [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 2300ms;
  
}
    [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 2350ms;
  
}
    [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 2400ms;
  
}
    [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 2450ms;
  
}
    [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 2500ms;
  
}
    [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 2550ms;
  
}
    [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 2600ms;
  
}
    [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 2650ms;
  
}
    [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 2700ms;
  
}
    [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 2750ms;
  
}
    [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 2800ms;
  
}
    [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 2850ms;
  
}
    [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 2900ms;
  
}
    [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 2950ms;
  
}
    [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 3000ms;
  
}
    [data-aos][data-aos][data-aos-delay="3050"] {
  transition-delay: 3050ms;
  
}
    [data-aos][data-aos][data-aos-delay="3100"] {
  transition-delay: 3100ms;
  
}
    [data-aos][data-aos][data-aos-delay="3150"] {
  transition-delay: 3150ms;
  
}
    [data-aos][data-aos][data-aos-delay="3200"] {
  transition-delay: 3200ms;
  
}
    [data-aos][data-aos][data-aos-delay="3250"] {
  transition-delay: 3250ms;
  
}
    [data-aos][data-aos][data-aos-delay="3300"] {
  transition-delay: 3300ms;
  
}
    [data-aos][data-aos][data-aos-delay="3350"] {
  transition-delay: 3350ms;
  
}
    [data-aos][data-aos][data-aos-delay="3400"] {
  transition-delay: 3400ms;
  
}
    [data-aos][data-aos][data-aos-delay="3450"] {
  transition-delay: 3450ms;
  
}
    [data-aos][data-aos][data-aos-delay="3500"] {
  transition-delay: 3500ms;
  
}
    [data-aos][data-aos][data-aos-delay="3550"] {
  transition-delay: 3550ms;
  
}
    [data-aos][data-aos][data-aos-delay="3600"] {
  transition-delay: 3600ms;
  
}
    [data-aos][data-aos][data-aos-delay="3650"] {
  transition-delay: 3650ms;
  
}
    [data-aos][data-aos][data-aos-delay="3700"] {
  transition-delay: 3700ms;
  
}
    [data-aos][data-aos][data-aos-delay="3750"] {
  transition-delay: 3750ms;
  
}
    [data-aos][data-aos][data-aos-delay="3800"] {
  transition-delay: 3800ms;
  
}
    [data-aos][data-aos][data-aos-delay="3850"] {
  transition-delay: 3850ms;
  
}
    [data-aos][data-aos][data-aos-delay="3900"] {
  transition-delay: 3900ms;
  
}
    [data-aos][data-aos][data-aos-delay="3950"] {
  transition-delay: 3950ms;
  
}
    [data-aos][data-aos][data-aos-delay="4000"] {
  transition-delay: 4000ms;
  
}
    [data-aos][data-aos][data-aos-delay="4050"] {
  transition-delay: 4050ms;
  
}
    [data-aos][data-aos][data-aos-delay="4100"] {
  transition-delay: 4100ms;
  
}
    [data-aos][data-aos][data-aos-delay="4150"] {
  transition-delay: 4150ms;
  
}
    [data-aos][data-aos][data-aos-delay="4200"] {
  transition-delay: 4200ms;
  
}
    [data-aos][data-aos][data-aos-delay="4250"] {
  transition-delay: 4250ms;
  
}
    [data-aos][data-aos][data-aos-delay="4300"] {
  transition-delay: 4300ms;
  
}
    [data-aos][data-aos][data-aos-delay="4350"] {
  transition-delay: 4350ms;
  
}
    [data-aos][data-aos][data-aos-delay="4400"] {
  transition-delay: 4400ms;
  
}
    [data-aos][data-aos][data-aos-delay="4450"] {
  transition-delay: 4450ms;
  
}
    [data-aos][data-aos][data-aos-delay="4500"] {
  transition-delay: 4500ms;
  
}
    [data-aos][data-aos][data-aos-delay="4550"] {
  transition-delay: 4550ms;
  
}
    [data-aos][data-aos][data-aos-delay="4600"] {
  transition-delay: 4600ms;
  
}
    [data-aos][data-aos][data-aos-delay="4650"] {
  transition-delay: 4650ms;
  
}
    [data-aos][data-aos][data-aos-delay="4700"] {
  transition-delay: 4700ms;
  
}
    [data-aos][data-aos][data-aos-delay="4750"] {
  transition-delay: 4750ms;
  
}
    [data-aos][data-aos][data-aos-delay="4800"] {
  transition-delay: 4800ms;
  
}
    [data-aos][data-aos][data-aos-delay="4850"] {
  transition-delay: 4850ms;
  
}
    [data-aos][data-aos][data-aos-delay="4900"] {
  transition-delay: 4900ms;
  
}
    [data-aos][data-aos][data-aos-delay="4950"] {
  transition-delay: 4950ms;
  
}
    [data-aos][data-aos][data-aos-delay="5000"] {
  transition-delay: 5000ms;
  
}
    [data-aos][data-aos][data-aos-delay="5050"] {
  transition-delay: 5050ms;
  
}
    [data-aos][data-aos][data-aos-delay="5100"] {
  transition-delay: 5100ms;
  
}
    [data-aos][data-aos][data-aos-delay="5150"] {
  transition-delay: 5150ms;
  
}
    [data-aos][data-aos][data-aos-delay="5200"] {
  transition-delay: 5200ms;
  
}
    [data-aos][data-aos][data-aos-delay="5250"] {
  transition-delay: 5250ms;
  
}
    [data-aos][data-aos][data-aos-delay="5300"] {
  transition-delay: 5300ms;
  
}
    [data-aos][data-aos][data-aos-delay="5350"] {
  transition-delay: 5350ms;
  
}
    [data-aos][data-aos][data-aos-delay="5400"] {
  transition-delay: 5400ms;
  
}
    [data-aos][data-aos][data-aos-delay="5450"] {
  transition-delay: 5450ms;
  
}
    [data-aos][data-aos][data-aos-delay="5500"] {
  transition-delay: 5500ms;
  
}
    [data-aos][data-aos][data-aos-delay="5550"] {
  transition-delay: 5550ms;
  
}
    [data-aos][data-aos][data-aos-delay="5600"] {
  transition-delay: 5600ms;
  
}
    [data-aos][data-aos][data-aos-delay="5650"] {
  transition-delay: 5650ms;
  
}
    [data-aos][data-aos][data-aos-delay="5700"] {
  transition-delay: 5700ms;
  
}
    [data-aos][data-aos][data-aos-delay="5750"] {
  transition-delay: 5750ms;
  
}
    [data-aos][data-aos][data-aos-delay="5800"] {
  transition-delay: 5800ms;
  
}
    [data-aos][data-aos][data-aos-delay="5850"] {
  transition-delay: 5850ms;
  
}
    [data-aos][data-aos][data-aos-delay="5900"] {
  transition-delay: 5900ms;
  
}
    [data-aos][data-aos][data-aos-delay="5950"] {
  transition-delay: 5950ms;
  
}
    [data-aos][data-aos][data-aos-delay="6000"] {
  transition-delay: 6000ms;
  
}
    [data-aos][data-aos][data-aos-delay="6050"] {
  transition-delay: 6050ms;
  
}
    [data-aos][data-aos][data-aos-delay="6100"] {
  transition-delay: 6100ms;
  
}
    [data-aos][data-aos][data-aos-delay="6150"] {
  transition-delay: 6150ms;
  
}
    [data-aos][data-aos][data-aos-delay="6200"] {
  transition-delay: 6200ms;
  
}
    [data-aos][data-aos][data-aos-delay="6250"] {
  transition-delay: 6250ms;
  
}
    [data-aos][data-aos][data-aos-delay="6300"] {
  transition-delay: 6300ms;
  
}
    [data-aos][data-aos][data-aos-delay="6350"] {
  transition-delay: 6350ms;
  
}
    [data-aos][data-aos][data-aos-delay="6400"] {
  transition-delay: 6400ms;
  
}
    [data-aos][data-aos][data-aos-delay="6450"] {
  transition-delay: 6450ms;
  
}
    [data-aos][data-aos][data-aos-delay="6500"] {
  transition-delay: 6500ms;
  
}
    [data-aos][data-aos][data-aos-delay="6550"] {
  transition-delay: 6550ms;
  
}
    [data-aos][data-aos][data-aos-delay="6600"] {
  transition-delay: 6600ms;
  
}
    [data-aos][data-aos][data-aos-delay="6650"] {
  transition-delay: 6650ms;
  
}
    [data-aos][data-aos][data-aos-delay="6700"] {
  transition-delay: 6700ms;
  
}
    [data-aos][data-aos][data-aos-delay="6750"] {
  transition-delay: 6750ms;
  
}
    [data-aos][data-aos][data-aos-delay="6800"] {
  transition-delay: 6800ms;
  
}
    [data-aos][data-aos][data-aos-delay="6850"] {
  transition-delay: 6850ms;
  
}
    [data-aos][data-aos][data-aos-delay="6900"] {
  transition-delay: 6900ms;
  
}
    [data-aos][data-aos][data-aos-delay="6950"] {
  transition-delay: 6950ms;
  
}
    [data-aos][data-aos][data-aos-delay="7000"] {
  transition-delay: 7000ms;
  
}
    [data-aos][data-aos][data-aos-delay="7050"] {
  transition-delay: 7050ms;
  
}
    [data-aos][data-aos][data-aos-delay="7100"] {
  transition-delay: 7100ms;
  
}
    [data-aos][data-aos][data-aos-delay="7150"] {
  transition-delay: 7150ms;
  
}
    [data-aos][data-aos][data-aos-delay="7200"] {
  transition-delay: 7200ms;
  
}
    [data-aos][data-aos][data-aos-delay="7250"] {
  transition-delay: 7250ms;
  
}
    [data-aos][data-aos][data-aos-delay="7300"] {
  transition-delay: 7300ms;
  
}
    [data-aos][data-aos][data-aos-delay="7350"] {
  transition-delay: 7350ms;
  
}
    [data-aos][data-aos][data-aos-delay="7400"] {
  transition-delay: 7400ms;
  
}
    [data-aos][data-aos][data-aos-delay="7450"] {
  transition-delay: 7450ms;
  
}
    [data-aos][data-aos][data-aos-delay="7500"] {
  transition-delay: 7500ms;
  
}
    [data-aos][data-aos][data-aos-delay="7550"] {
  transition-delay: 7550ms;
  
}
    [data-aos][data-aos][data-aos-delay="7600"] {
  transition-delay: 7600ms;
  
}
    [data-aos][data-aos][data-aos-delay="7650"] {
  transition-delay: 7650ms;
  
}
    [data-aos][data-aos][data-aos-delay="7700"] {
  transition-delay: 7700ms;
  
}
    [data-aos][data-aos][data-aos-delay="7750"] {
  transition-delay: 7750ms;
  
}
    [data-aos][data-aos][data-aos-delay="7800"] {
  transition-delay: 7800ms;
  
}
    [data-aos][data-aos][data-aos-delay="7850"] {
  transition-delay: 7850ms;
  
}
    [data-aos][data-aos][data-aos-delay="7900"] {
  transition-delay: 7900ms;
  
}
    [data-aos][data-aos][data-aos-delay="7950"] {
  transition-delay: 7950ms;
  
}
    [data-aos][data-aos][data-aos-delay="8000"] {
  transition-delay: 8000ms;
  
}
    [data-aos][data-aos][data-aos-delay="8050"] {
  transition-delay: 8050ms;
  
}
    [data-aos][data-aos][data-aos-delay="8100"] {
  transition-delay: 8100ms;
  
}
    [data-aos][data-aos][data-aos-delay="8150"] {
  transition-delay: 8150ms;
  
}
    [data-aos][data-aos][data-aos-delay="8200"] {
  transition-delay: 8200ms;
  
}
    [data-aos][data-aos][data-aos-delay="8250"] {
  transition-delay: 8250ms;
  
}
    [data-aos][data-aos][data-aos-delay="8300"] {
  transition-delay: 8300ms;
  
}
    [data-aos][data-aos][data-aos-delay="8350"] {
  transition-delay: 8350ms;
  
}
    [data-aos][data-aos][data-aos-delay="8400"] {
  transition-delay: 8400ms;
  
}
    [data-aos][data-aos][data-aos-delay="8450"] {
  transition-delay: 8450ms;
  
}
    [data-aos][data-aos][data-aos-delay="8500"] {
  transition-delay: 8500ms;
  
}
    [data-aos][data-aos][data-aos-delay="8550"] {
  transition-delay: 8550ms;
  
}
    [data-aos][data-aos][data-aos-delay="8600"] {
  transition-delay: 8600ms;
  
}
    [data-aos][data-aos][data-aos-delay="8650"] {
  transition-delay: 8650ms;
  
}
    [data-aos][data-aos][data-aos-delay="8700"] {
  transition-delay: 8700ms;
  
}
    [data-aos][data-aos][data-aos-delay="8750"] {
  transition-delay: 8750ms;
  
}
    [data-aos][data-aos][data-aos-delay="8800"] {
  transition-delay: 8800ms;
  
}
    [data-aos][data-aos][data-aos-delay="8850"] {
  transition-delay: 8850ms;
  
}
    [data-aos][data-aos][data-aos-delay="8900"] {
  transition-delay: 8900ms;
  
}
    [data-aos][data-aos][data-aos-delay="8950"] {
  transition-delay: 8950ms;
  
}
    [data-aos][data-aos][data-aos-delay="9000"] {
  transition-delay: 9000ms;
  
}
    [data-aos][data-aos][data-aos-delay="9050"] {
  transition-delay: 9050ms;
  
}
    [data-aos][data-aos][data-aos-delay="9100"] {
  transition-delay: 9100ms;
  
}
    [data-aos][data-aos][data-aos-delay="9150"] {
  transition-delay: 9150ms;
  
}
    [data-aos][data-aos][data-aos-delay="9200"] {
  transition-delay: 9200ms;
  
}
    [data-aos][data-aos][data-aos-delay="9250"] {
  transition-delay: 9250ms;
  
}
    [data-aos][data-aos][data-aos-delay="9300"] {
  transition-delay: 9300ms;
  
}
    [data-aos][data-aos][data-aos-delay="9350"] {
  transition-delay: 9350ms;
  
}
    [data-aos][data-aos][data-aos-delay="9400"] {
  transition-delay: 9400ms;
  
}
    [data-aos][data-aos][data-aos-delay="9450"] {
  transition-delay: 9450ms;
  
}
    [data-aos][data-aos][data-aos-delay="9500"] {
  transition-delay: 9500ms;
  
}
    [data-aos][data-aos][data-aos-delay="9550"] {
  transition-delay: 9550ms;
  
}
    [data-aos][data-aos][data-aos-delay="9600"] {
  transition-delay: 9600ms;
  
}
    [data-aos][data-aos][data-aos-delay="9650"] {
  transition-delay: 9650ms;
  
}
    [data-aos][data-aos][data-aos-delay="9700"] {
  transition-delay: 9700ms;
  
}
    [data-aos][data-aos][data-aos-delay="9750"] {
  transition-delay: 9750ms;
  
}
    [data-aos][data-aos][data-aos-delay="9800"] {
  transition-delay: 9800ms;
  
}
    [data-aos][data-aos][data-aos-delay="9850"] {
  transition-delay: 9850ms;
  
}
    [data-aos][data-aos][data-aos-delay="9900"] {
  transition-delay: 9900ms;
  
}
    [data-aos][data-aos][data-aos-delay="9950"] {
  transition-delay: 9950ms;
  
}
    [data-aos][data-aos][data-aos-delay="10000"] {
  transition-delay: 10000ms;
  
}
    [data-aos][data-aos][data-aos-delay="10050"] {
  transition-delay: 10050ms;
  
}
    [data-aos][data-aos][data-aos-delay="10100"] {
  transition-delay: 10100ms;
  
}
    [data-aos][data-aos][data-aos-delay="10150"] {
  transition-delay: 10150ms;
  
}
    [data-aos][data-aos][data-aos-delay="10200"] {
  transition-delay: 10200ms;
  
}
    [data-aos][data-aos][data-aos-delay="10250"] {
  transition-delay: 10250ms;
  
}
    [data-aos][data-aos][data-aos-delay="10300"] {
  transition-delay: 10300ms;
  
}
    [data-aos][data-aos][data-aos-delay="10350"] {
  transition-delay: 10350ms;
  
}
    [data-aos][data-aos][data-aos-delay="10400"] {
  transition-delay: 10400ms;
  
}
    [data-aos][data-aos][data-aos-delay="10450"] {
  transition-delay: 10450ms;
  
}
    [data-aos][data-aos][data-aos-delay="10500"] {
  transition-delay: 10500ms;
  
}
    [data-aos][data-aos][data-aos-delay="10550"] {
  transition-delay: 10550ms;
  
}
    [data-aos][data-aos][data-aos-delay="10600"] {
  transition-delay: 10600ms;
  
}
    [data-aos][data-aos][data-aos-delay="10650"] {
  transition-delay: 10650ms;
  
}
    [data-aos][data-aos][data-aos-delay="10700"] {
  transition-delay: 10700ms;
  
}
    [data-aos][data-aos][data-aos-delay="10750"] {
  transition-delay: 10750ms;
  
}
    [data-aos][data-aos][data-aos-delay="10800"] {
  transition-delay: 10800ms;
  
}
    [data-aos][data-aos][data-aos-delay="10850"] {
  transition-delay: 10850ms;
  
}
    [data-aos][data-aos][data-aos-delay="10900"] {
  transition-delay: 10900ms;
  
}
    [data-aos][data-aos][data-aos-delay="10950"] {
  transition-delay: 10950ms;
  
}
    [data-aos][data-aos][data-aos-delay="11000"] {
  transition-delay: 11000ms;
  
}
    [data-aos][data-aos][data-aos-delay="11050"] {
  transition-delay: 11050ms;
  
}
    [data-aos][data-aos][data-aos-delay="11100"] {
  transition-delay: 11100ms;
  
}
    [data-aos][data-aos][data-aos-delay="11150"] {
  transition-delay: 11150ms;
  
}
    [data-aos][data-aos][data-aos-delay="11200"] {
  transition-delay: 11200ms;
  
}
    [data-aos][data-aos][data-aos-delay="11250"] {
  transition-delay: 11250ms;
  
}
    [data-aos][data-aos][data-aos-delay="11300"] {
  transition-delay: 11300ms;
  
}
    [data-aos][data-aos][data-aos-delay="11350"] {
  transition-delay: 11350ms;
  
}
    [data-aos][data-aos][data-aos-delay="11400"] {
  transition-delay: 11400ms;
  
}
    [data-aos][data-aos][data-aos-delay="11450"] {
  transition-delay: 11450ms;
  
}
    [data-aos][data-aos][data-aos-delay="11500"] {
  transition-delay: 11500ms;
  
}
    [data-aos][data-aos][data-aos-delay="11550"] {
  transition-delay: 11550ms;
  
}
    [data-aos][data-aos][data-aos-delay="11600"] {
  transition-delay: 11600ms;
  
}
    [data-aos][data-aos][data-aos-delay="11650"] {
  transition-delay: 11650ms;
  
}
    [data-aos][data-aos][data-aos-delay="11700"] {
  transition-delay: 11700ms;
  
}
    [data-aos][data-aos][data-aos-delay="11750"] {
  transition-delay: 11750ms;
  
}
    [data-aos][data-aos][data-aos-delay="11800"] {
  transition-delay: 11800ms;
  
}
    [data-aos][data-aos][data-aos-delay="11850"] {
  transition-delay: 11850ms;
  
}
    [data-aos][data-aos][data-aos-delay="11900"] {
  transition-delay: 11900ms;
  
}
    [data-aos][data-aos][data-aos-delay="11950"] {
  transition-delay: 11950ms;
  
}
    [data-aos][data-aos][data-aos-delay="12000"] {
  transition-delay: 12000ms;
  
}
    [data-aos][data-aos][data-aos-delay="12050"] {
  transition-delay: 12050ms;
  
}
    [data-aos][data-aos][data-aos-delay="12100"] {
  transition-delay: 12100ms;
  
}
    [data-aos][data-aos][data-aos-delay="12150"] {
  transition-delay: 12150ms;
  
}
    [data-aos][data-aos][data-aos-delay="12200"] {
  transition-delay: 12200ms;
  
}
    [data-aos][data-aos][data-aos-delay="12250"] {
  transition-delay: 12250ms;
  
}
    [data-aos][data-aos][data-aos-delay="12300"] {
  transition-delay: 12300ms;
  
}
    [data-aos][data-aos][data-aos-delay="12350"] {
  transition-delay: 12350ms;
  
}
    [data-aos][data-aos][data-aos-delay="12400"] {
  transition-delay: 12400ms;
  
}
    [data-aos][data-aos][data-aos-delay="12450"] {
  transition-delay: 12450ms;
  
}
    [data-aos][data-aos][data-aos-delay="12500"] {
  transition-delay: 12500ms;
  
}
    [data-aos][data-aos][data-aos-delay="12550"] {
  transition-delay: 12550ms;
  
}
    [data-aos][data-aos][data-aos-delay="12600"] {
  transition-delay: 12600ms;
  
}
    [data-aos][data-aos][data-aos-delay="12650"] {
  transition-delay: 12650ms;
  
}
    [data-aos][data-aos][data-aos-delay="12700"] {
  transition-delay: 12700ms;
  
}
    [data-aos][data-aos][data-aos-delay="12750"] {
  transition-delay: 12750ms;
  
}
    [data-aos][data-aos][data-aos-delay="12800"] {
  transition-delay: 12800ms;
  
}
    [data-aos][data-aos][data-aos-delay="12850"] {
  transition-delay: 12850ms;
  
}
    [data-aos][data-aos][data-aos-delay="12900"] {
  transition-delay: 12900ms;
  
}
    [data-aos][data-aos][data-aos-delay="12950"] {
  transition-delay: 12950ms;
  
}
    [data-aos][data-aos][data-aos-delay="13000"] {
  transition-delay: 13000ms;
  
}
    [data-aos][data-aos][data-aos-delay="13050"] {
  transition-delay: 13050ms;
  
}
    [data-aos][data-aos][data-aos-delay="13100"] {
  transition-delay: 13100ms;
  
}
    [data-aos][data-aos][data-aos-delay="13150"] {
  transition-delay: 13150ms;
  
}
    [data-aos][data-aos][data-aos-delay="13200"] {
  transition-delay: 13200ms;
  
}
    [data-aos][data-aos][data-aos-delay="13250"] {
  transition-delay: 13250ms;
  
}
    [data-aos][data-aos][data-aos-delay="13300"] {
  transition-delay: 13300ms;
  
}
    [data-aos][data-aos][data-aos-delay="13350"] {
  transition-delay: 13350ms;
  
}
    [data-aos][data-aos][data-aos-delay="13400"] {
  transition-delay: 13400ms;
  
}
    [data-aos][data-aos][data-aos-delay="13450"] {
  transition-delay: 13450ms;
  
}
    [data-aos][data-aos][data-aos-delay="13500"] {
  transition-delay: 13500ms;
  
}
    [data-aos][data-aos][data-aos-delay="13550"] {
  transition-delay: 13550ms;
  
}
    [data-aos][data-aos][data-aos-delay="13600"] {
  transition-delay: 13600ms;
  
}
    [data-aos][data-aos][data-aos-delay="13650"] {
  transition-delay: 13650ms;
  
}
    [data-aos][data-aos][data-aos-delay="13700"] {
  transition-delay: 13700ms;
  
}
    [data-aos][data-aos][data-aos-delay="13750"] {
  transition-delay: 13750ms;
  
}
    [data-aos][data-aos][data-aos-delay="13800"] {
  transition-delay: 13800ms;
  
}
    [data-aos][data-aos][data-aos-delay="13850"] {
  transition-delay: 13850ms;
  
}
    [data-aos][data-aos][data-aos-delay="13900"] {
  transition-delay: 13900ms;
  
}
    [data-aos][data-aos][data-aos-delay="13950"] {
  transition-delay: 13950ms;
  
}
    [data-aos][data-aos][data-aos-delay="14000"] {
  transition-delay: 14000ms;
  
}
    [data-aos][data-aos][data-aos-delay="14050"] {
  transition-delay: 14050ms;
  
}
    [data-aos][data-aos][data-aos-delay="14100"] {
  transition-delay: 14100ms;
  
}
    [data-aos][data-aos][data-aos-delay="14150"] {
  transition-delay: 14150ms;
  
}
    [data-aos][data-aos][data-aos-delay="14200"] {
  transition-delay: 14200ms;
  
}
    [data-aos][data-aos][data-aos-delay="14250"] {
  transition-delay: 14250ms;
  
}
    [data-aos][data-aos][data-aos-delay="14300"] {
  transition-delay: 14300ms;
  
}
    [data-aos][data-aos][data-aos-delay="14350"] {
  transition-delay: 14350ms;
  
}
    [data-aos][data-aos][data-aos-delay="14400"] {
  transition-delay: 14400ms;
  
}
    [data-aos][data-aos][data-aos-delay="14450"] {
  transition-delay: 14450ms;
  
}
    [data-aos][data-aos][data-aos-delay="14500"] {
  transition-delay: 14500ms;
  
}
    [data-aos][data-aos][data-aos-delay="14550"] {
  transition-delay: 14550ms;
  
}
    [data-aos][data-aos][data-aos-delay="14600"] {
  transition-delay: 14600ms;
  
}
    [data-aos][data-aos][data-aos-delay="14650"] {
  transition-delay: 14650ms;
  
}
    [data-aos][data-aos][data-aos-delay="14700"] {
  transition-delay: 14700ms;
  
}
    [data-aos][data-aos][data-aos-delay="14750"] {
  transition-delay: 14750ms;
  
}
    [data-aos][data-aos][data-aos-delay="14800"] {
  transition-delay: 14800ms;
  
}
    [data-aos][data-aos][data-aos-delay="14850"] {
  transition-delay: 14850ms;
  
}
    [data-aos][data-aos][data-aos-delay="14900"] {
  transition-delay: 14900ms;
  
}
    [data-aos][data-aos][data-aos-delay="14950"] {
  transition-delay: 14950ms;
  
}
    [data-aos][data-aos][data-aos-delay="15000"] {
  transition-delay: 15000ms;
  
}
    [data-aos][data-aos][data-aos-delay="15050"] {
  transition-delay: 15050ms;
  
}
    [data-aos][data-aos][data-aos-delay="15100"] {
  transition-delay: 15100ms;
  
}
    [data-aos][data-aos][data-aos-delay="15150"] {
  transition-delay: 15150ms;
  
}
    [data-aos][data-aos][data-aos-delay="15200"] {
  transition-delay: 15200ms;
  
}
    [data-aos][data-aos][data-aos-delay="15250"] {
  transition-delay: 15250ms;
  
}
    [data-aos][data-aos][data-aos-delay="15300"] {
  transition-delay: 15300ms;
  
}
    [data-aos][data-aos][data-aos-delay="15350"] {
  transition-delay: 15350ms;
  
}
    [data-aos][data-aos][data-aos-delay="15400"] {
  transition-delay: 15400ms;
  
}
    [data-aos][data-aos][data-aos-delay="15450"] {
  transition-delay: 15450ms;
  
}
    [data-aos][data-aos][data-aos-delay="15500"] {
  transition-delay: 15500ms;
  
}
    [data-aos][data-aos][data-aos-delay="15550"] {
  transition-delay: 15550ms;
  
}
    [data-aos][data-aos][data-aos-delay="15600"] {
  transition-delay: 15600ms;
  
}
    [data-aos][data-aos][data-aos-delay="15650"] {
  transition-delay: 15650ms;
  
}
    [data-aos][data-aos][data-aos-delay="15700"] {
  transition-delay: 15700ms;
  
}
    [data-aos][data-aos][data-aos-delay="15750"] {
  transition-delay: 15750ms;
  
}
    [data-aos][data-aos][data-aos-delay="15800"] {
  transition-delay: 15800ms;
  
}
    [data-aos][data-aos][data-aos-delay="15850"] {
  transition-delay: 15850ms;
  
}
    [data-aos][data-aos][data-aos-delay="15900"] {
  transition-delay: 15900ms;
  
}
    [data-aos][data-aos][data-aos-delay="15950"] {
  transition-delay: 15950ms;
  
}
    [data-aos][data-aos][data-aos-delay="16000"] {
  transition-delay: 16000ms;
  
}
    [data-aos][data-aos][data-aos-delay="16050"] {
  transition-delay: 16050ms;
  
}
    [data-aos][data-aos][data-aos-delay="16100"] {
  transition-delay: 16100ms;
  
}
    [data-aos][data-aos][data-aos-delay="16150"] {
  transition-delay: 16150ms;
  
}
    [data-aos][data-aos][data-aos-delay="16200"] {
  transition-delay: 16200ms;
  
}
    [data-aos][data-aos][data-aos-delay="16250"] {
  transition-delay: 16250ms;
  
}
    [data-aos][data-aos][data-aos-delay="16300"] {
  transition-delay: 16300ms;
  
}
    [data-aos][data-aos][data-aos-delay="16350"] {
  transition-delay: 16350ms;
  
}
    [data-aos][data-aos][data-aos-delay="16400"] {
  transition-delay: 16400ms;
  
}
    [data-aos][data-aos][data-aos-delay="16450"] {
  transition-delay: 16450ms;
  
}
    [data-aos][data-aos][data-aos-delay="16500"] {
  transition-delay: 16500ms;
  
}
    [data-aos][data-aos][data-aos-delay="16550"] {
  transition-delay: 16550ms;
  
}
    [data-aos][data-aos][data-aos-delay="16600"] {
  transition-delay: 16600ms;
  
}
    [data-aos][data-aos][data-aos-delay="16650"] {
  transition-delay: 16650ms;
  
}
    [data-aos][data-aos][data-aos-delay="16700"] {
  transition-delay: 16700ms;
  
}
    [data-aos][data-aos][data-aos-delay="16750"] {
  transition-delay: 16750ms;
  
}
    [data-aos][data-aos][data-aos-delay="16800"] {
  transition-delay: 16800ms;
  
}
    [data-aos][data-aos][data-aos-delay="16850"] {
  transition-delay: 16850ms;
  
}
    [data-aos][data-aos][data-aos-delay="16900"] {
  transition-delay: 16900ms;
  
}
    [data-aos][data-aos][data-aos-delay="16950"] {
  transition-delay: 16950ms;
  
}
    [data-aos][data-aos][data-aos-delay="17000"] {
  transition-delay: 17000ms;
  
}
    [data-aos][data-aos][data-aos-delay="17050"] {
  transition-delay: 17050ms;
  
}
    [data-aos][data-aos][data-aos-delay="17100"] {
  transition-delay: 17100ms;
  
}
    [data-aos][data-aos][data-aos-delay="17150"] {
  transition-delay: 17150ms;
  
}
    [data-aos][data-aos][data-aos-delay="17200"] {
  transition-delay: 17200ms;
  
}
    [data-aos][data-aos][data-aos-delay="17250"] {
  transition-delay: 17250ms;
  
}
    [data-aos][data-aos][data-aos-delay="17300"] {
  transition-delay: 17300ms;
  
}
    [data-aos][data-aos][data-aos-delay="17350"] {
  transition-delay: 17350ms;
  
}
    [data-aos][data-aos][data-aos-delay="17400"] {
  transition-delay: 17400ms;
  
}
    [data-aos][data-aos][data-aos-delay="17450"] {
  transition-delay: 17450ms;
  
}
    [data-aos][data-aos][data-aos-delay="17500"] {
  transition-delay: 17500ms;
  
}
    [data-aos][data-aos][data-aos-delay="17550"] {
  transition-delay: 17550ms;
  
}
    [data-aos][data-aos][data-aos-delay="17600"] {
  transition-delay: 17600ms;
  
}
    [data-aos][data-aos][data-aos-delay="17650"] {
  transition-delay: 17650ms;
  
}
    [data-aos][data-aos][data-aos-delay="17700"] {
  transition-delay: 17700ms;
  
}
    [data-aos][data-aos][data-aos-delay="17750"] {
  transition-delay: 17750ms;
  
}
    [data-aos][data-aos][data-aos-delay="17800"] {
  transition-delay: 17800ms;
  
}
    [data-aos][data-aos][data-aos-delay="17850"] {
  transition-delay: 17850ms;
  
}
    [data-aos][data-aos][data-aos-delay="17900"] {
  transition-delay: 17900ms;
  
}
    [data-aos][data-aos][data-aos-delay="17950"] {
  transition-delay: 17950ms;
  
}
    [data-aos][data-aos][data-aos-delay="18000"] {
  transition-delay: 18000ms;
  
}
    [data-aos][data-aos][data-aos-delay="18050"] {
  transition-delay: 18050ms;
  
}
    [data-aos][data-aos][data-aos-delay="18100"] {
  transition-delay: 18100ms;
  
}
    [data-aos][data-aos][data-aos-delay="18150"] {
  transition-delay: 18150ms;
  
}
    [data-aos][data-aos][data-aos-delay="18200"] {
  transition-delay: 18200ms;
  
}
    [data-aos][data-aos][data-aos-delay="18250"] {
  transition-delay: 18250ms;
  
}
    [data-aos][data-aos][data-aos-delay="18300"] {
  transition-delay: 18300ms;
  
}
    [data-aos][data-aos][data-aos-delay="18350"] {
  transition-delay: 18350ms;
  
}
    [data-aos][data-aos][data-aos-delay="18400"] {
  transition-delay: 18400ms;
  
}
    [data-aos][data-aos][data-aos-delay="18450"] {
  transition-delay: 18450ms;
  
}
    [data-aos][data-aos][data-aos-delay="18500"] {
  transition-delay: 18500ms;
  
}
    [data-aos][data-aos][data-aos-delay="18550"] {
  transition-delay: 18550ms;
  
}
    [data-aos][data-aos][data-aos-delay="18600"] {
  transition-delay: 18600ms;
  
}
    [data-aos][data-aos][data-aos-delay="18650"] {
  transition-delay: 18650ms;
  
}
    [data-aos][data-aos][data-aos-delay="18700"] {
  transition-delay: 18700ms;
  
}
    [data-aos][data-aos][data-aos-delay="18750"] {
  transition-delay: 18750ms;
  
}
    [data-aos][data-aos][data-aos-delay="18800"] {
  transition-delay: 18800ms;
  
}
    [data-aos][data-aos][data-aos-delay="18850"] {
  transition-delay: 18850ms;
  
}
    [data-aos][data-aos][data-aos-delay="18900"] {
  transition-delay: 18900ms;
  
}
    [data-aos][data-aos][data-aos-delay="18950"] {
  transition-delay: 18950ms;
  
}
    [data-aos][data-aos][data-aos-delay="19000"] {
  transition-delay: 19000ms;
  
}
    [data-aos][data-aos][data-aos-delay="19050"] {
  transition-delay: 19050ms;
  
}
    [data-aos][data-aos][data-aos-delay="19100"] {
  transition-delay: 19100ms;
  
}
    [data-aos][data-aos][data-aos-delay="19150"] {
  transition-delay: 19150ms;
  
}
    [data-aos][data-aos][data-aos-delay="19200"] {
  transition-delay: 19200ms;
  
}
    [data-aos][data-aos][data-aos-delay="19250"] {
  transition-delay: 19250ms;
  
}
    [data-aos][data-aos][data-aos-delay="19300"] {
  transition-delay: 19300ms;
  
}
    [data-aos][data-aos][data-aos-delay="19350"] {
  transition-delay: 19350ms;
  
}
    [data-aos][data-aos][data-aos-delay="19400"] {
  transition-delay: 19400ms;
  
}
    [data-aos][data-aos][data-aos-delay="19450"] {
  transition-delay: 19450ms;
  
}
    [data-aos][data-aos][data-aos-delay="19500"] {
  transition-delay: 19500ms;
  
}
    [data-aos][data-aos][data-aos-delay="19550"] {
  transition-delay: 19550ms;
  
}
    [data-aos][data-aos][data-aos-delay="19600"] {
  transition-delay: 19600ms;
  
}
    [data-aos][data-aos][data-aos-delay="19650"] {
  transition-delay: 19650ms;
  
}
    [data-aos][data-aos][data-aos-delay="19700"] {
  transition-delay: 19700ms;
  
}
    [data-aos][data-aos][data-aos-delay="19750"] {
  transition-delay: 19750ms;
  
}
    [data-aos][data-aos][data-aos-delay="19800"] {
  transition-delay: 19800ms;
  
}
    [data-aos][data-aos][data-aos-delay="19850"] {
  transition-delay: 19850ms;
  
}
    [data-aos][data-aos][data-aos-delay="19900"] {
  transition-delay: 19900ms;
  
}
    [data-aos][data-aos][data-aos-delay="19950"] {
  transition-delay: 19950ms;
  
}
    [data-aos][data-aos][data-aos-delay="20000"] {
  transition-delay: 20000ms;
  
}
    [data-aos][data-aos][data-aos-delay="20050"] {
  transition-delay: 20050ms;
  
}
    [data-aos][data-aos][data-aos-delay="20100"] {
  transition-delay: 20100ms;
  
}
    [data-aos][data-aos][data-aos-delay="20150"] {
  transition-delay: 20150ms;
  
}
    [data-aos][data-aos][data-aos-delay="20200"] {
  transition-delay: 20200ms;
  
}
    [data-aos][data-aos][data-aos-delay="20250"] {
  transition-delay: 20250ms;
  
}
    [data-aos][data-aos][data-aos-delay="20300"] {
  transition-delay: 20300ms;
  
}
    [data-aos][data-aos][data-aos-delay="20350"] {
  transition-delay: 20350ms;
  
}
    [data-aos][data-aos][data-aos-delay="20400"] {
  transition-delay: 20400ms;
  
}
    [data-aos][data-aos][data-aos-delay="20450"] {
  transition-delay: 20450ms;
  
}
    [data-aos][data-aos][data-aos-delay="20500"] {
  transition-delay: 20500ms;
  
}
    [data-aos][data-aos][data-aos-delay="20550"] {
  transition-delay: 20550ms;
  
}
    [data-aos][data-aos][data-aos-delay="20600"] {
  transition-delay: 20600ms;
  
}
    [data-aos][data-aos][data-aos-delay="20650"] {
  transition-delay: 20650ms;
  
}
    [data-aos][data-aos][data-aos-delay="20700"] {
  transition-delay: 20700ms;
  
}
    [data-aos][data-aos][data-aos-delay="20750"] {
  transition-delay: 20750ms;
  
}
    [data-aos][data-aos][data-aos-delay="20800"] {
  transition-delay: 20800ms;
  
}
    [data-aos][data-aos][data-aos-delay="20850"] {
  transition-delay: 20850ms;
  
}
    [data-aos][data-aos][data-aos-delay="20900"] {
  transition-delay: 20900ms;
  
}
    [data-aos][data-aos][data-aos-delay="20950"] {
  transition-delay: 20950ms;
  
}
    [data-aos][data-aos][data-aos-delay="21000"] {
  transition-delay: 21000ms;
  
}
    [data-aos][data-aos][data-aos-delay="21050"] {
  transition-delay: 21050ms;
  
}
    [data-aos][data-aos][data-aos-delay="21100"] {
  transition-delay: 21100ms;
  
}
    [data-aos][data-aos][data-aos-delay="21150"] {
  transition-delay: 21150ms;
  
}
    [data-aos][data-aos][data-aos-delay="21200"] {
  transition-delay: 21200ms;
  
}
    [data-aos][data-aos][data-aos-delay="21250"] {
  transition-delay: 21250ms;
  
}
    [data-aos][data-aos][data-aos-delay="21300"] {
  transition-delay: 21300ms;
  
}
    [data-aos][data-aos][data-aos-delay="21350"] {
  transition-delay: 21350ms;
  
}
    [data-aos][data-aos][data-aos-delay="21400"] {
  transition-delay: 21400ms;
  
}
    [data-aos][data-aos][data-aos-delay="21450"] {
  transition-delay: 21450ms;
  
}
    [data-aos][data-aos][data-aos-delay="21500"] {
  transition-delay: 21500ms;
  
}
    [data-aos][data-aos][data-aos-delay="21550"] {
  transition-delay: 21550ms;
  
}
    [data-aos][data-aos][data-aos-delay="21600"] {
  transition-delay: 21600ms;
  
}
    [data-aos][data-aos][data-aos-delay="21650"] {
  transition-delay: 21650ms;
  
}
    [data-aos][data-aos][data-aos-delay="21700"] {
  transition-delay: 21700ms;
  
}
    [data-aos][data-aos][data-aos-delay="21750"] {
  transition-delay: 21750ms;
  
}
    [data-aos][data-aos][data-aos-delay="21800"] {
  transition-delay: 21800ms;
  
}
    [data-aos][data-aos][data-aos-delay="21850"] {
  transition-delay: 21850ms;
  
}
    [data-aos][data-aos][data-aos-delay="21900"] {
  transition-delay: 21900ms;
  
}
    [data-aos][data-aos][data-aos-delay="21950"] {
  transition-delay: 21950ms;
  
}
    [data-aos][data-aos][data-aos-delay="22000"] {
  transition-delay: 22000ms;
  
}
    [data-aos][data-aos][data-aos-delay="22050"] {
  transition-delay: 22050ms;
  
}
    [data-aos][data-aos][data-aos-delay="22100"] {
  transition-delay: 22100ms;
  
}
    [data-aos][data-aos][data-aos-delay="22150"] {
  transition-delay: 22150ms;
  
}
    [data-aos][data-aos][data-aos-delay="22200"] {
  transition-delay: 22200ms;
  
}
    [data-aos][data-aos][data-aos-delay="22250"] {
  transition-delay: 22250ms;
  
}
    [data-aos][data-aos][data-aos-delay="22300"] {
  transition-delay: 22300ms;
  
}
    [data-aos][data-aos][data-aos-delay="22350"] {
  transition-delay: 22350ms;
  
}
    [data-aos][data-aos][data-aos-delay="22400"] {
  transition-delay: 22400ms;
  
}
    [data-aos][data-aos][data-aos-delay="22450"] {
  transition-delay: 22450ms;
  
}
    [data-aos][data-aos][data-aos-delay="22500"] {
  transition-delay: 22500ms;
  
}
    [data-aos][data-aos][data-aos-delay="22550"] {
  transition-delay: 22550ms;
  
}
    [data-aos][data-aos][data-aos-delay="22600"] {
  transition-delay: 22600ms;
  
}
    [data-aos][data-aos][data-aos-delay="22650"] {
  transition-delay: 22650ms;
  
}
    [data-aos][data-aos][data-aos-delay="22700"] {
  transition-delay: 22700ms;
  
}
    [data-aos][data-aos][data-aos-delay="22750"] {
  transition-delay: 22750ms;
  
}
    [data-aos][data-aos][data-aos-delay="22800"] {
  transition-delay: 22800ms;
  
}
    [data-aos][data-aos][data-aos-delay="22850"] {
  transition-delay: 22850ms;
  
}
    [data-aos][data-aos][data-aos-delay="22900"] {
  transition-delay: 22900ms;
  
}
    [data-aos][data-aos][data-aos-delay="22950"] {
  transition-delay: 22950ms;
  
}
    [data-aos][data-aos][data-aos-delay="23000"] {
  transition-delay: 23000ms;
  
}
    [data-aos][data-aos][data-aos-delay="23050"] {
  transition-delay: 23050ms;
  
}
    [data-aos][data-aos][data-aos-delay="23100"] {
  transition-delay: 23100ms;
  
}
    [data-aos][data-aos][data-aos-delay="23150"] {
  transition-delay: 23150ms;
  
}
    [data-aos][data-aos][data-aos-delay="23200"] {
  transition-delay: 23200ms;
  
}
    [data-aos][data-aos][data-aos-delay="23250"] {
  transition-delay: 23250ms;
  
}
    [data-aos][data-aos][data-aos-delay="23300"] {
  transition-delay: 23300ms;
  
}
    [data-aos][data-aos][data-aos-delay="23350"] {
  transition-delay: 23350ms;
  
}
    [data-aos][data-aos][data-aos-delay="23400"] {
  transition-delay: 23400ms;
  
}
    [data-aos][data-aos][data-aos-delay="23450"] {
  transition-delay: 23450ms;
  
}
    [data-aos][data-aos][data-aos-delay="23500"] {
  transition-delay: 23500ms;
  
}
    [data-aos][data-aos][data-aos-delay="23550"] {
  transition-delay: 23550ms;
  
}
    [data-aos][data-aos][data-aos-delay="23600"] {
  transition-delay: 23600ms;
  
}
    [data-aos][data-aos][data-aos-delay="23650"] {
  transition-delay: 23650ms;
  
}
    [data-aos][data-aos][data-aos-delay="23700"] {
  transition-delay: 23700ms;
  
}
    [data-aos][data-aos][data-aos-delay="23750"] {
  transition-delay: 23750ms;
  
}
    [data-aos][data-aos][data-aos-delay="23800"] {
  transition-delay: 23800ms;
  
}
    [data-aos][data-aos][data-aos-delay="23850"] {
  transition-delay: 23850ms;
  
}
    [data-aos][data-aos][data-aos-delay="23900"] {
  transition-delay: 23900ms;
  
}
    [data-aos][data-aos][data-aos-delay="23950"] {
  transition-delay: 23950ms;
  
}
    [data-aos][data-aos][data-aos-delay="24000"] {
  transition-delay: 24000ms;
  
}
    [data-aos][data-aos][data-aos-delay="24050"] {
  transition-delay: 24050ms;
  
}
    [data-aos][data-aos][data-aos-delay="24100"] {
  transition-delay: 24100ms;
  
}
    [data-aos][data-aos][data-aos-delay="24150"] {
  transition-delay: 24150ms;
  
}
    [data-aos][data-aos][data-aos-delay="24200"] {
  transition-delay: 24200ms;
  
}
    [data-aos][data-aos][data-aos-delay="24250"] {
  transition-delay: 24250ms;
  
}
    [data-aos][data-aos][data-aos-delay="24300"] {
  transition-delay: 24300ms;
  
}
    [data-aos][data-aos][data-aos-delay="24350"] {
  transition-delay: 24350ms;
  
}
    [data-aos][data-aos][data-aos-delay="24400"] {
  transition-delay: 24400ms;
  
}
    [data-aos][data-aos][data-aos-delay="24450"] {
  transition-delay: 24450ms;
  
}
    [data-aos][data-aos][data-aos-delay="24500"] {
  transition-delay: 24500ms;
  
}
    [data-aos][data-aos][data-aos-delay="24550"] {
  transition-delay: 24550ms;
  
}
    [data-aos][data-aos][data-aos-delay="24600"] {
  transition-delay: 24600ms;
  
}
    [data-aos][data-aos][data-aos-delay="24650"] {
  transition-delay: 24650ms;
  
}
    [data-aos][data-aos][data-aos-delay="24700"] {
  transition-delay: 24700ms;
  
}
    [data-aos][data-aos][data-aos-delay="24750"] {
  transition-delay: 24750ms;
  
}
    [data-aos][data-aos][data-aos-delay="24800"] {
  transition-delay: 24800ms;
  
}
    [data-aos][data-aos][data-aos-delay="24850"] {
  transition-delay: 24850ms;
  
}
    [data-aos][data-aos][data-aos-delay="24900"] {
  transition-delay: 24900ms;
  
}
    [data-aos][data-aos][data-aos-delay="24950"] {
  transition-delay: 24950ms;
  
}

.text-400 {
  font-weight: 400;
}




body {
    overflow-x: hidden;
}

#announce.horizontal-scroll {
    position: relative;
    width: 100%;
    /* height: 400vh; */
    overflow: clip;
    /* align-items: flex-start; */
    display: block;
    padding: 0;
}

#announce .panels {
    display: flex;
    flex-wrap: nowrap;
    /* width: 300vw; */
    height: 100vh;
}

#announce .panel {
    position: relative;
    width: 100vw;
    height: 100vh;
    flex: 0 0 100vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.mobile-only {
  display: none;
}

.desktop-only {
  display: block;
}

.priority-section .mobile-image {
  display: none;
}

@media screen and (min-width: 769px) {
  .nav-wrapper:hover .hamburger span:nth-child(1){
    transform: rotate(45deg) translate(2px, 2px);
    transition: all .3s;
  }

  .nav-wrapper:hover .hamburger span:nth-child(2){
    transform: rotate(-45deg) translate(2px, -2px);
    transition: all .3s;
  }

  .nav-wrapper:hover .hamburger span:nth-child(3){
    display: none;
    transition: all .3s;
  }

  .nav-wrapper:hover .nav-links {
    display: flex;
    gap: 2rem;
    align-items: center;
    padding: 0 1rem;
  }

  .nav-wrapper:hover {
    border: 1px solid var(--starry-night);
    background: #fff;
    width: auto;
    max-width: none;
    transition: all .3s;
  }
}

@media screen and (max-width: 1290px) {
  .platform-circles {
    gap: 1rem;
  }

  .platform-circles .circle {
    width: calc(100vw / 4 - 3rem);
    height: calc(100vw / 4 - 3rem);
  }

  .circle-front, .circle-back {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 1060px) {
  .circle-front, .circle-back {
    font-size: 1.65rem;
  }
}

@media screen and (max-width: 968px) {

  .circle-front, .circle-back {
    font-size: 1.5rem;
  }

  #priorities {
    background: var(--green-ish);
    padding-right: 0;
    padding-top: 2rem;
  }

  .priorities__container {
    flex-direction: column;
  }

  .priorities__title {
    width: 100vw;
    background: url(assets/images/Row3PhotoCampfire_mobile_cut.jpg) center / cover no-repeat;
    height: 50vh;
    margin-left: -4rem;
    margin-top: -2rem;
    padding: 4rem 3rem;
  }

  .strategies {
    padding-right: 2rem;
  }

  .strategy h3 {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
  }

  .strategy h3 span:nth-of-type(1) {
    position: static;
    flex-shrink: 0;
  }

  .lettering {
    margin-bottom: -2px;
  }

  .priorities__content {
    margin-top: 4rem;
    width: auto;
  }

  .stage-1 .circle {
    font-size: 1.25rem;
  }

  .stage-1 .circle > div {
    padding: 1rem;
  }
}

@media screen and (max-width: 768px) {

  :root {
    --charge-image-size: 150px;
    --charge-image-gap: 16px;
  }

  body {
    font-size: .889rem;
  }

  .logo {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .desktop-only {
    display: none;
  }

  .container {
    padding: 0;
  }

  span.ribbon,
  .ribbon,
  .priority-section .header-ribbon {
    font-size: 18px;
  }

  .nav-links.open {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 1px solid var(--starry-night);
    background: #fff;
    width: auto;
    max-width: none;
    transition: all .3s;
  }

  .nav-wrapper {
    top: 1rem;
    left: calc(100vw - 72px);
  }

  .nav-wrapper .nav-links.open + .hamburger span:nth-child(1){
    transform: rotate(45deg) translate(2px, 2px);
    transition: all .3s;
  }

  .nav-wrapper .nav-links.open + .hamburger span:nth-child(2){
    transform: rotate(-45deg) translate(2px, -2px);
    transition: all .3s;
  }

  .nav-wrapper .nav-links.open + .hamburger span:nth-child(3){
    display: none;
    transition: all .3s;
  }

  .nav-wrapper .nav-links.open {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    padding: 1rem;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: -1;
    border-radius: 1.7rem;
    width: 15rem;
    padding-top: 4rem;
    text-align: right;
    text-transform: uppercase;
    font-weight: 500;
  }

  /* .nav-wrapper:hover {
    border: 1px solid var(--starry-night);
    background: #fff;
    width: auto;
    max-width: none;
    transition: all .3s;
  } */

  #mute-unmute {
    margin-top: 70px;
  }

  .mute-wrapper {
    right: 0;
  }

  #mute-unmute > span:first-of-type,
  #mute-unmute > span:nth-of-type(2) {
    font-size: .65rem;
    padding: .25rem;
    padding-left: .25rem;
  }

  #title {
    min-height: auto;
    padding: 0;
  }

  .bg-video {
    position: static;
  }

  #letter .heading-wrapper,
  #vision .headline {
    margin-top: 6px;
  }

  #letter .letter-priorities {
    display: block;
  }

  #letter .letter-priorities li {
    position: static;
    margin-bottom: 1rem;
  }

  #letter .letter-priorities li:not(:last-child)::after {
    display: none;
  }

  .letter-signatures {
    display: block;
  }

  .signature {
    width: 100%;
    margin-bottom: 2rem;
  }

  #why .container:not(.headline) {
    padding-top: 0;
  }

  #why .container-inner {
    display: block;
  }

  #why .why-header {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }

  #why .why-header h2,
  .priorities__title h2,
  #platforms h2 {
    font-size: 48px;
  }

  .strategy h3,
  .priority-section h2,
  #vision h2,
  #vision h4 {
    font-size: 24px;
  }

  .priority-section,
  .circle-front,
  .circle-back {
    font-size: 18px;
  }

  .priority-points {
    margin-top: 1rem;
    font-size: .825rem;
  }

  .priority-points img {
    width: 70px;
    height: 70px;
    margin-bottom: .5rem;
  }

  .strategy {
    border-bottom: none;
    margin-bottom: 0;
  }

  .priority-section .one-half {
    width: 100%;
  }
  .priority-section .one-half h2 {
    display: flex;
    align-items: flex-end;
  }

  .priorities__title {
    margin-left: -2rem;
  }

  #platforms {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #priority1 .container,
  #priority2 .container,
  #priority3 .container {
    /* background-position-y: 19rem;
    background-position-x: center; */
    background-image: none;
    padding-top: 6px;
  }

  .priority-section .mobile-image {
    display: block;
    margin-bottom: 1rem;
  }

  .priority-section .mobile-image img {
    max-width: 100%;
  }
/* 
  .priority-section .one-half h2 + p {
    margin-top: 20rem;
  } */

  .priority-points {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1rem;
  }

  #platforms .container {
    display: block;
  }

  #platforms-count {
    min-height: auto;
    padding: 0;
  }

  #platforms-count .container {
    background-color: #fff;
    width: 100vw;
    /* height: 100vh; */
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 3rem;
  }

  #platforms-count > img {
    max-width: 100%;
  }

  .platform-circles {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }

  .stage-1 .circle {
    font-size: 1rem;
  }

  #vision .bg-video {
    display: none;
  }

  #vision .container {
    display: block;
  }

  #vision .one-half {
    width: auto;
  }

  #vision .container > div {
    margin: 0 1rem;
  }

  #vision .container > div.scrollable {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-content__text {
    display: none;
  }

  .footer-content-title {
    margin-bottom: 2rem;
  }

  footer .cta-button {
    width: 280px;
  }

  .row-container {
    justify-content: center;
    width: 100vw;
    height: 100vw;
  }
  .expanding-image {
    margin-left: 0;
    position: static;
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
  }

  .content-overlay {
    position: absolute;
    text-align: center;
    margin-bottom: 0;
  }

  #together h2 {
    font-size: 1.55rem;
  }

  .charge-img:nth-of-type(5),
  .charge-img:nth-of-type(6),
  .charge-img:nth-of-type(7),
  .charge-img:nth-of-type(8) {
    display: none;
  }

  .shared-charge-text {
    font-size: 1.75rem;
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
  }

  .shared-charge-text > div {
    max-width: calc(100% - 4rem);
  }

    /* .shared-charge-text > div br:nth-of-type(even) {
      display: none;
    } */

  #together {
    background-color: var(--green-ish);
    justify-content: center;
    min-height: auto;
    padding: 1rem;
  }

  .priority-section h2 span {
    font-size: 8rem;
    margin-right: .5rem;
  }

  .ribbon {
    margin-left: -2rem;
  }

  #vision .container > div:first-of-type {
    padding-top: 4rem;
    margin-bottom: 0;
  }

  #vision .committed {
    padding-left: 0;
    padding-right: 0;
    gap: 1rem;
  }

  #charge .ribbon {
    margin-left: 0;
  }
  #vision .ribbon {
    margin-left: -1rem;
  }

  #charge .ribbon {
    position: absolute;
    /* top: calc(var(--charge-image-size) + var(--charge-image-gap)); */
    top: 0;
    /* width: 200px;
    left: calc(50% - 100px);
    text-align: center; */
  }

  #announce.horizontal-scroll {
    height: auto;
    min-height: auto;
  }

  #announce .panel {
    display: block;
    flex: none;
    width: auto;
    height: auto;
  }

  #announce .panels {
    flex-direction: column;
    width: auto;
    height: auto;
  }

  .stage-1 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .stage-1 .circle > div {
    padding: 1rem;
  }

  .stage-2 {
    position: relative;
    display: block;
    height: auto;
    padding-bottom: 2rem;
  }

  .stage-2 > div {
    display: flex;
    flex-direction: column-reverse;
  }

  .stage-2 .text-block {
    font-size: 16px;
    width: 100%;
    top: 0;
    bottom: auto;
    padding-left: 2rem;
    position: static;
    padding-top: 2rem;
  }

  .stage-3 {
    display: none;
  }

  #charge {
    min-height: auto;
  }

  .charge-img:nth-of-type(1) {
    transform: translate(calc(0px - var(--charge-image-size)*2 - var(--charge-image-gap)*1.5), 3rem);
    animation-delay: .5s;
  }

  .charge-img:nth-of-type(2) {
    transform: translate(calc(0px - var(--charge-image-size) - var(--charge-image-gap)*0.5), 3rem);
    animation-delay: 4s;

  }

  .charge-img:nth-of-type(3) {
    transform: translate(calc(var(--charge-image-gap)*0.5), 3rem);
    animation-delay: 1s;
  }

  .charge-img:nth-of-type(4) {
    transform: translate(calc(var(--charge-image-size) + var(--charge-image-gap)*1.5), 3rem);
    animation-delay: .75s;
  }

  .charge-img:nth-of-type(1),
  .charge-img:nth-of-type(2),
  .charge-img:nth-of-type(3),
  .charge-img:nth-of-type(4) {
    top: 1rem;
  }

  .charge-img:nth-of-type(5) {
    display: none;
  }

  .charge-img:nth-of-type(6) {
    display: none;
  }

  .charge-img:nth-of-type(7) {
    display: none;
  }

  .charge-img:nth-of-type(8) {
    display: none;
  }

  .charge-img:nth-of-type(9) {
    transform: translate(calc(0px - var(--charge-image-size)*2 - var(--charge-image-gap)*1.5), 0);
    animation-delay: .75s;
  }

  .charge-img:nth-of-type(10) {
    transform: translate(calc(0px - var(--charge-image-size) - var(--charge-image-gap)*0.5), 0);
    animation-delay: 3s;
  }

  .charge-img:nth-of-type(11) {
    transform: translate(calc(var(--charge-image-gap)*0.5), 0);
    animation-delay: 4s;
  }

  .charge-img:nth-of-type(12) {
    transform: translate(calc(var(--charge-image-size) + var(--charge-image-gap)*1.5), 0);
    animation-delay: .5s;
  }

  .charge-img:nth-of-type(9) ,
  .charge-img:nth-of-type(10),
  .charge-img:nth-of-type(11) ,
  .charge-img:nth-of-type(12) {
    top: auto;
    bottom: 2rem;
  }

  .charge-top {
    height: auto;
    padding-top: calc(var(--charge-image-size) + 5rem);
    padding-bottom: calc(var(--charge-image-size) + 3rem);
    position: relative;
  }

  .platform-circles .circle {
    width: calc(100vw / 2 - 3rem);
    height: calc(100vw / 2 - 3rem);
  }

  .circle-front,
  .circle-back {
    font-size: 2rem;
  }

  .row.row-circles[data-aos][data-aos].aos-animate,
  .row.row-circles [data-aos][data-aos].aos-animate {
    transition-delay: 0s;
  }

  footer .cta-button {
    text-transform: uppercase;
  }

  .togther {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
  }

}

@media screen and (max-width: 598px) {
  .platform-circles {
    gap: 1rem;
  }

  .circle-front,
  .circle-back {
    font-size: 1rem;
  }
}

@media screen and (max-width: 438px) {
    .shared-charge-text {
        font-size: 1.25rem;
    }
}


footer .footer-content__text p strong {
  display: block;
  font-size: 0;              /* hides the original VISION: / MISSION: text */
  line-height: 1.1;
  margin-bottom: 0.25em;
}

footer .footer-content__text p strong::after {
  font-size: 1rem;           /* restore visible replacement text */
  font-weight: 900;
  letter-spacing: 1.3px;
  color: #ed125f;
  text-transform: uppercase;
}

footer .footer-content__text p:first-child strong::after {
  content: "OUR VISION";
}

footer .footer-content__text p:nth-child(2) strong::after {
  content: "OUR MISSION";
}