/*@font-face{font-family:"GT Pro Elium";src:local("GT Pro Elium"),url("fonts/GTProelium.otf") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cheap Potatoes Black";src:local("Cheap Potatoes Black"),url("fonts/Cheap Potatoes Black.ttf") format("woff2");font-weight:400;font-display:swap}*/
:root{--ink:#214d6c}
html{scroll-behavior:smooth}
body{color:var(--ink);background:#fff;font-family:Montserrat,sans-serif;}
p {
  font-family: 'Montserrat', sans-serif;
}
h1,h2{text-transform: uppercase;font-family:Montserrat,sans-serif; line-height: 5;}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px #fff}
.skip{position:absolute;left:1rem;top:-4rem;z-index:50;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-weight:700}
.skip:focus{top:1rem}
button[aria-expanded] svg{transition:transform .3s ease}
button[aria-expanded="true"] svg{transform:rotate(180deg)}
.card{transition:transform .25s ease}
.card:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}


/*section img {
    animation: lake 18s ease-in-out infinite;
  }
  
  section img {
    --lake-1: shape(
      from 30% 8%,
      curve to 72% 5% with 48% 5%,
      curve to 91% 20% with 84% 4%,
      curve to 96% 48% with 99% 32%,
      curve to 87% 66% with 96% 60%,
      curve to 68% 73% with 78% 70%,
      curve to 49% 91% with 57% 76%,
      curve to 35% 97% with 42% 100%,
      curve to 18% 80% with 27% 95%,
      curve to 7% 54% with 11% 68%,
      curve to 5% 35% with 3% 44%,
      curve to 13% 17% with 5% 24%,
      curve to 30% 8% with 21% 10%
    );
  
    --lake-2: shape(
      from 32% 7%,
      curve to 70% 6% with 50% 4%,
      curve to 90% 22% with 83% 5%,
      curve to 95% 47% with 99% 34%,
      curve to 85% 65% with 95% 59%,
      curve to 67% 75% with 77% 70%,
      curve to 47% 90% with 55% 78%,
      curve to 34% 95% with 41% 99%,
      curve to 19% 78% with 27% 93%,
      curve to 8% 53% with 12% 67%,
      curve to 6% 34% with 3% 43%,
      curve to 15% 16% with 6% 23%,
      curve to 32% 7% with 23% 9%
    );
  
    --lake-3: shape(
      from 29% 9%,
      curve to 73% 5% with 49% 5%,
      curve to 92% 21% with 85% 4%,
      curve to 95% 49% with 99% 33%,
      curve to 86% 67% with 95% 60%,
      curve to 69% 72% with 79% 70%,
      curve to 50% 89% with 58% 75%,
      curve to 36% 96% with 43% 99%,
      curve to 17% 81% with 26% 94%,
      curve to 7% 55% with 10% 69%,
      curve to 6% 36% with 3% 45%,
      curve to 12% 18% with 5% 25%,
      curve to 29% 9% with 20% 11%
    );
  }
  
  @keyframes lake {
    0%, 100% {
      clip-path: var(--lake-1);
    }
    33.3% {
      clip-path: var(--lake-2);
    }
    66.6% {
      clip-path: var(--lake-3);
    }
  }*/