.anchor {
  position: relative;
  top: -6rem;
}

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

html {
  scroll-behavior: smooth;
  overflow-anchor: none;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.625;
  color: #000;
  background-color: #FBFBFB;
  font-weight: 400;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
  padding-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Space Grotesk", sans-serif;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 400;
  text-transform: none;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 700;
}

.giantText {
  font-size: clamp(30px, 10vw + 12px, 128px);
}

p {
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  p {
    font-size: 1rem;
    margin-bottom: 1.75rem;
  }
}
@media (min-width: 1100px) {
  p {
    font-size: 18px;
  }
}

h1 {
  font-size: clamp(24px, 4vw, 47px);
}

h2 {
  margin-bottom: 2rem;
  margin-top: 1rem;
  font-size: clamp(28px, 4.3vw, 72px);
}
@media (min-width: 1100px) {
  h2 {
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h2 {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1400px) {
  h2 {
    margin-bottom: 3rem;
  }
}

h3 {
  margin-bottom: 2rem;
  font-size: clamp(20px, 3vw, 52px);
}
@media (min-width: 1100px) {
  h3 {
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h3 {
    margin-bottom: 2.25rem;
  }
}

h4 {
  font-size: 15px;
  margin-bottom: 0.5rem;
  font-size: clamp(15px, 2.25vw, 39px);
}
@media (min-width: 1100px) {
  h4 {
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h4 {
    margin-bottom: 0.75rem;
  }
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

a.arrow {
  transition: color 0.3s ease;
}
a.arrow:after {
  transition: background-image 0.3s ease;
}
@media (min-width: 1100px) {
  a.arrow:hover {
    color: #F2526D;
  }
  a.arrow:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.84173 4.74622L0.414147 0.030853C0.224165 -0.0644317 -0.000360492 0.0723873 -0.000360501 0.284945L-0.000360914 9.71812C-0.000360923 9.93068 0.224165 10.0675 0.414147 9.97222L9.84173 5.25196C10.0515 5.1469 10.0515 4.85128 9.84173 4.74622Z' fill='%23F2526D'/%3E%3C/svg%3E%0A");
  }
}

.arrow {
  display: inline-flex;
  align-items: center;
  padding-right: 1.5rem;
  position: relative;
  font-size: clamp(17px, 2vw + 10px, 22px);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  width: fit-content;
}
@media (max-width: 767px) {
  .arrow.downOnPhone:after {
    transform: rotate(90deg);
  }
}
@media (min-width: 768px) {
  .arrow.backwards {
    padding-right: 0;
    padding-left: 1.5rem;
  }
}
@media (min-width: 768px) {
  .arrow.backwards:after {
    right: auto;
    left: 0;
    transform: rotate(180deg);
  }
}
.arrow:after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.84173 4.74622L0.414147 0.030853C0.224165 -0.0644317 -0.000360492 0.0723873 -0.000360501 0.284945L-0.000360914 9.71812C-0.000360923 9.93068 0.224165 10.0675 0.414147 9.97222L9.84173 5.25196C10.0515 5.1469 10.0515 4.85128 9.84173 4.74622Z' fill='%23393C35'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
}

.scrollTo {
  position: relative;
  top: 4rem;
}

img, svg {
  max-width: 100%;
  height: auto;
}

.btn, .button {
  padding: 0.75rem;
  word-spacing: normal;
  border-radius: 6px;
  font-weight: 500;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  max-width: fit-content;
}
@media (min-width: 1100px) {
  .btn, .button {
    font-size: 1.125rem;
    padding: 0.75rem 1rem;
  }
}
.btn .arrowRight, .button .arrowRight {
  margin-left: 1rem;
}
.btn .arrowLeft, .button .arrowLeft {
  margin-right: 1rem;
}
.btn.yellow, .button.yellow {
  background-color: #E4FF00;
  color: #000;
}
@media (min-width: 1100px) {
  .btn.yellow, .button.yellow {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  }
  .btn.yellow svg, .button.yellow svg {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
  }
  .btn.yellow svg path, .button.yellow svg path {
    transition: fill 0.3s ease;
  }
  .btn.yellow:hover, .button.yellow:hover {
    background-color: #1328E8;
    color: #fff !important;
    border-color: #1328E8;
  }
  .btn.yellow:hover svg, .button.yellow:hover svg {
    transform: rotate(45deg);
  }
  .btn.yellow:hover svg path, .button.yellow:hover svg path {
    fill: #fff;
  }
}
@media (min-width: 1200px) {
  .btn.yellow, .button.yellow {
    padding: 0.75rem 1rem;
  }
}
.btn.white, .button.white {
  background-color: transparent;
  color: #000;
}
.btn.outline, .button.outline {
  border: 1px solid #CFCFCF;
}
.btn.upper, .button.upper {
  text-transform: uppercase;
  font-weight: 400;
  align-items: flex-start;
}
.btn.upper svg, .button.upper svg {
  margin-top: 0.5rem;
}

.scrollTo {
  position: relative;
  top: -4rem;
}

.thirds .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 640px) {
  .thirds .container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.thirds .container .third {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 16/6;
  border: 1px solid;
  position: relative;
}
@media (min-width: 640px) {
  .thirds .container .third {
    aspect-ratio: 464/298;
  }
}
@media (min-width: 1100px) {
  .thirds .container .third {
    transition: 0.3s ease;
  }
  .thirds .container .third:hover:after {
    opacity: 0;
  }
  .thirds .container .third:hover span, .thirds .container .third:hover h3 {
    color: #F7F0DF;
  }
}
.thirds .container .third:after {
  position: absolute;
  inset: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background-color: #F7F0DF;
  opacity: 1;
  z-index: 2;
  content: "";
}
@media (min-width: 1100px) {
  .thirds .container .third:after {
    transition: opacity 0.3s ease;
  }
}
.thirds .container .third img {
  display: none;
}
@media (min-width: 640px) {
  .thirds .container .third img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    display: block;
  }
}
.thirds .container .third span, .thirds .container .third h3 {
  position: relative;
  z-index: 3;
  margin: 0;
  font-size: clamp(24px, 4vw, 47px);
}

.hero {
  background-image: url("../images/heroCorner.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 50%;
}
.container {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .container {
    padding: 0 2rem;
  }
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 6px;
  z-index: 999999;
  padding: 8px 16px;
  color: #fff;
  text-decoration: none;
}
.skip-link:focus {
  left: 6px;
}

header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
  z-index: 300;
  position: fixed;
  background-color: transparent;
}
@media (max-width: 767px) {
  header {
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  header {
    top: 0;
    left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  header .container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
header .container .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  background-color: white;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
@media (min-width: 1100px) {
  header .container .inner {
    max-width: 1060px;
    margin-left: auto;
    padding: 0.75rem 0.75rem 0.75rem 1.5rem;
    margin-right: auto;
  }
}
header .container .inner .site-branding {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 200;
}
header .container .inner .site-branding a {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  header .container .inner .site-branding a svg {
    max-height: 20px;
    width: auto;
  }
}
header .container .inner .site-branding a svg path {
  transition: fill 0.5s ease;
}
header .container .inner .main-navigation {
  background-color: #fff;
  padding: 1rem 0.5rem 4rem;
  display: flex;
  border-radius: 10px;
  height: calc(100% - 4.5rem);
  z-index: 100;
  width: calc(100% - 1rem);
  position: fixed;
  inset: 0.5rem 0.5rem 100px 0.5rem;
  pointer-events: none;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='613' height='595' viewBox='0 0 613 595' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.07'%3E%3Cpath d='M462.583 39.0213C415.861 13.0071 363.833 0 306.5 0C249.167 0 197.139 13.0071 150.416 39.0213C103.633 65.0354 66.8583 100.671 40.1511 145.988C13.3836 191.305 0 241.849 0 297.5C0 353.151 13.3836 403.695 40.1511 449.012C66.9186 494.329 103.694 529.965 150.416 555.979C197.139 581.993 249.167 595 306.5 595C363.833 595 415.801 581.993 462.583 555.979C509.306 529.965 546.081 494.329 572.849 449.012C599.616 403.695 613 353.151 613 297.5C613 241.849 599.616 191.305 572.849 145.988C546.081 100.671 509.306 65.0354 462.583 39.0213ZM489.773 403.932C471.687 435.53 446.607 460.415 414.534 478.59C382.462 496.823 346.47 505.91 306.5 505.91C266.529 505.91 231.684 496.823 199.611 478.59C167.538 460.415 142.278 435.351 123.83 403.398C105.322 371.444 96.0974 336.165 96.0974 297.559C96.0974 258.954 105.322 222.724 123.83 191.127C142.278 159.589 167.538 134.704 199.611 116.47C231.623 98.2956 267.253 89.149 306.5 89.149C345.747 89.149 382.281 98.2362 413.932 116.47C445.582 134.704 470.662 159.767 489.17 191.662C507.618 223.615 516.902 258.895 516.902 297.5C516.902 336.105 507.859 372.335 489.773 403.873V403.932Z' fill='%23C1C1C1'/%3E%3Cpath d='M381.802 340.129C374.356 353.113 364.066 363.298 350.87 370.803C337.674 378.307 322.904 382 306.5 382C290.096 382 275.75 378.248 262.554 370.803C249.358 363.357 239.007 353.053 231.38 339.95C223.753 326.846 220 312.373 220 296.47C220 280.567 223.813 265.737 231.38 252.812C238.946 239.828 249.358 229.643 262.554 222.197C275.75 214.752 290.338 211 306.5 211C322.662 211 337.674 214.752 350.688 222.197C363.703 229.643 373.993 239.947 381.62 253.05C389.186 266.154 393 280.627 393 296.53C393 312.433 389.308 327.263 381.862 340.188L381.802 340.129Z' fill='%23C1C1C1'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  header .container .inner .main-navigation {
    padding: 4rem 1.5rem 1rem;
  }
}
@media (min-width: 1100px) {
  header .container .inner .main-navigation {
    position: relative;
    opacity: 1;
    background-image: none;
    pointer-events: all;
    width: auto;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    inset: auto;
    height: auto;
  }
}
header .container .inner .main-navigation .mobileMenu {
  display: flex;
}
header .container .inner .main-navigation > ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  header .container .inner .main-navigation > ul {
    gap: 1.5rem;
  }
}
@media (min-width: 1100px) {
  header .container .inner .main-navigation > ul {
    gap: 1.25rem;
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  header .container .inner .main-navigation > ul {
    gap: 1.75rem;
  }
}
header .container .inner .main-navigation > ul li {
  line-height: 1;
}
header .container .inner .main-navigation > ul li a {
  font-size: clamp(18px, 4.7vw, 100px);
  font-family: "Space Grotesk", sans-serif;
  color: #000;
  text-decoration: none;
  position: relative;
}
@media (min-width: 1100px) {
  header .container .inner .main-navigation > ul li a {
    font-size: 1rem;
  }
}
header .container .inner .main-navigation > ul li a.yellow {
  border-radius: 6px;
}
header .container .inner .burger {
  z-index: 200;
  position: relative;
  height: 32px;
  width: 50px;
  cursor: pointer;
}
@media (min-width: 1100px) {
  header .container .inner .burger {
    display: none;
  }
  header .container .inner .burger:hover span {
    color: #F2526D;
  }
}
header .container .inner .burger span {
  position: relative;
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
header .container .inner .burger span:before, header .container .inner .burger span:after {
  right: 0;
  top: auto;
  bottom: auto;
  margin: auto;
  position: absolute;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1rem;
}
@media (min-width: 768px) {
  header .container .inner .burger span:before, header .container .inner .burger span:after {
    font-size: 18px;
  }
}
@media (min-width: 1100px) {
  header .container .inner .burger span:before, header .container .inner .burger span:after {
    font-size: 20px;
  }
}
header .container .inner .burger span:before {
  content: "Menu";
  transition: opacity 0.5s ease, color 0.5s ease;
  opacity: 1;
  color: #000;
}
header .container .inner .burger span:after {
  content: "Back";
  color: #000;
  transition: opacity 0.5s ease;
  opacity: 0;
}
@media (min-width: 768px) {
  header .container .inner .burger span:after {
    font-size: 18px;
  }
}
@media (min-width: 1100px) {
  header .container .inner .burger span:after {
    font-size: 20px;
  }
}

.menuOpen header .container .burger:before {
  opacity: 1;
}
.menuOpen header .container .burger span:before {
  opacity: 0;
}
.menuOpen header .container .burger span:after {
  opacity: 1;
}
.menuOpen header .container .main-navigation {
  opacity: 1;
  pointer-events: all;
}

.main-navigation > ul > li:not(:last-child) a {
  overflow: hidden;
  display: inline-block;
  line-height: 1.1;
}
.main-navigation > ul > li:not(:last-child) a .char {
  display: inline-block;
  transform: translateY(110%);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-navigation > ul > li:not(:last-child) a .char.char-in {
  transform: translateY(0);
}/*# sourceMappingURL=header.css.map */