/*
<!-----------------------coded by---------------------------+
|    _                  _                _         _        |
|   | | ___ _ __   __ _| |__   __ _ _ __| |_   ___| | __    |
|   | |/ _ \ '_ \ / _` | '_ \ / _` | '__| __| / __| |/ /    |
|   | |  __/ | | | (_| | | | | (_| | |  | |_ _\__ \   <     |
|   |_|\___|_| |_|\__, |_| |_|\__,_|_|   \__(_)___/_|\_\    |
|                 |___/                                     |
|                                                           |
+----------------------------------------------------------->
*/
/*==================================MIXINS=====================================*/
/*==================================KEYFRAMES===================================*/
@keyframes dot-progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes story-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/*==================================RESET======================================*/
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;
}

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 {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*:focus {
  outline: none;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

input, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

/*==================================PATHS======================================*/
/*==================================FONTS======================================*/
/*==================================COLORS=====================================*/
::selection {
  color: white;
  background-color: black;
}

::-moz-selection {
  color: white;
  background-color: black;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #F7D8B8;
  opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #F7D8B8;
  opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #F7D8B8;
  opacity: 1;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #F7D8B8;
  opacity: 1;
}

/*==================================DECLARATIONS===============================*/
html, body {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: "Faculty Glyphic", sans-serif;
  background: #023449 url(../img/pattern@2x.jpg) repeat top left;
  background-size: 1440px 810px;
  background-attachment: fixed;
}

body.overflow {
  overflow: hidden;
}

.container-fluid {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container {
  width: 43.3125rem;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.row {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/*==================================SVG========================================*/
/*==================================ELEMENTS===================================*/
h1, .h1 {
  font-family: "export", sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.02813rem;
  color: #F7D8B8;
}

h2, .h2 {
  font-family: "export", sans-serif;
  font-size: 2.1875rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.02188rem;
  color: #F7D8B8;
}

h3, .h3 {
  font-family: "export", sans-serif;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.01563rem;
  color: #F7D8B8;
}

h4, .h4 {
  font-family: "export", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #F7D8B8;
}

h5, .h5 {
  font-family: "export", sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem;
  letter-spacing: -0.00938rem;
  color: #F7D8B8;
}

.size-m {
  font-size: 1rem;
  font-weight: 461;
  line-height: 140%;
  letter-spacing: 0.01rem;
}

.size-s {
  font-size: 0.8125rem;
  font-weight: 370;
  line-height: 1rem;
}

.size-xs {
  font-size: 0.5625rem;
  font-weight: 370;
  line-height: 0.75rem;
}

.text-center {
  text-align: center;
}

.btn {
  display: inline-flex;
  height: 3.75rem;
  font-family: "export", sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: -0.01125rem;
  border-radius: 0.625rem;
  padding: 1.25rem 1.875rem;
  box-sizing: border-box;
  color: #F7D8B8;
  text-align: center;
  align-items: center;
}
.btn.violet {
  background: #4A8CFF;
  color: white;
}
.btn.champagne {
  background: transparent;
  border: 1.5px solid #F7D8B8;
  color: #F7D8B8;
}
.btn.w-100 {
  width: 100%;
  justify-content: center;
}
.btn.language {
  height: 2.8125rem;
  padding: 0.78125rem 0.9375rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(247, 216, 184, 0.25);
  color: #F7D8B8;
  font-size: 0.875rem;
  line-height: 1rem;
  font-family: "Faculty Glyphic", sans-serif;
  font-weight: 600;
  letter-spacing: -0.00875rem;
}

.menu-overlay {
  position: fixed;
  z-index: 98;
  opacity: 0.5;
  background: #4B4138;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.menu {
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  width: 50vw;
  transition: all 0.4s ease;
  right: -50vw;
  background: url(../img/pattern_1@2x.jpg) repeat top left;
  background-size: 1440px 810px;
  box-sizing: border-box;
  padding-top: 4.375rem;
}
.menu.active {
  right: 0;
}
.menu .wrapper {
  padding: 2.5rem 8.75rem 5rem 8.75rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  justify-content: center;
  gap: 2.5rem;
}
.menu .wrapper nav ul {
  display: flex;
  flex-flow: column;
  gap: 2.5rem;
}
.menu .wrapper nav ul li {
  padding: 0 0 2.5rem;
  border-bottom: 0.09375rem solid rgba(247, 216, 184, 0.25);
}
.menu .wrapper nav ul li a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.4375rem 0 0;
  font-family: "export", sans-serif;
  color: #F7D8B8;
  font-size: 1.75rem;
  line-height: 1.875rem;
  letter-spacing: -0.0175rem;
  background: url(../img/chevron-right.svg) no-repeat center right;
  background-size: 2.8125rem 2.8125rem;
}
.menu .wrapper .buttons {
  display: flex;
  flex-flow: column;
  gap: 0.625rem;
}

body.menu-open header .flex .logo a {
  color: #F7D8B8;
}
body.menu-open header .flex .actions .memorial a, body.menu-open header .flex .actions .audio a {
  color: #F7D8B8;
}
body.menu-open header .flex .actions .burger {
  border: 0.09375rem solid rgba(247, 216, 184, 0.25);
}
body.menu-open header .flex .actions .burger span {
  background: #F7D8B8;
}
body.menu-open footer .flex .text {
  color: #F7D8B8;
}
body.menu-open footer .flex .logos a {
  color: #F7D8B8;
}

html.gold, body.gold {
  background: #4B4138 url(../img/pattern_1@2x.jpg) repeat top left;
  background-size: 1440px 810px;
  background-attachment: fixed;
}
html.gold header .flex .logo a, body.gold header .flex .logo a {
  color: #F7D8B8;
}
html.gold header .flex .actions .memorial a, html.gold header .flex .actions .audio a, body.gold header .flex .actions .memorial a, body.gold header .flex .actions .audio a {
  color: #F7D8B8;
}
html.gold header .flex .actions .burger, body.gold header .flex .actions .burger {
  border: 0.09375rem solid rgba(247, 216, 184, 0.25);
}
html.gold header .flex .actions .burger span, body.gold header .flex .actions .burger span {
  background: #F7D8B8;
}
html.gold footer .flex .text, body.gold footer .flex .text {
  color: #F7D8B8;
}
html.gold footer .flex .logos a, body.gold footer .flex .logos a {
  color: #F7D8B8;
}

html.menu-open, body.menu-open {
  background: #4B4138 url(../img/pattern_1@2x.jpg) repeat top left;
  background-size: 1440px 810px;
  background-attachment: fixed;
}

.alm-load-more-btn.done {
  display: none !important;
}

/*==================================GRAVITY=FORMS==============================*/
.gform_wrapper {
  width: 100%;
}
.gform_wrapper form {
  position: relative;
}
.gform_wrapper .gform_confirmation_message {
  font-size: 1rem;
  font-weight: 461;
  line-height: 140%;
  letter-spacing: 0.01rem;
}
.gform_wrapper .gform_confirmation_message p {
  font-size: 1rem;
  font-weight: 461;
  line-height: 140%;
  letter-spacing: 0.01rem;
  color: #BBC9D7;
  margin: 0 0 1rem;
}
.gform_wrapper .gform_confirmation_message h1, .gform_wrapper .gform_confirmation_message h2, .gform_wrapper .gform_confirmation_message h3, .gform_wrapper .gform_confirmation_message h4, .gform_wrapper .gform_confirmation_message h5, .gform_wrapper .gform_confirmation_message h6 {
  margin: 0 0 1.5rem;
}
.gform_wrapper .gform_heading {
  display: none;
}
.gform_wrapper .gform-body .gform_fields {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  gap: 0.625rem;
  margin: 0;
}
.gform_wrapper .gform-body .gfield {
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
}
.gform_wrapper .gform-body .gfield.gform_validation_container {
  display: none;
}
.gform_wrapper .gform-body .gfield.hidden_label > label {
  display: none;
}
.gform_wrapper .gform-body .gfield.hidden_label legend {
  display: none;
}
.gform_wrapper .gform-body .gfield .validation_message {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 20px;
}
.gform_wrapper .gform-body .gfield .ginput_container input:not([type=checkbox]) {
  width: 100%;
  box-sizing: border-box;
  height: 3.75rem;
  padding: 1.25rem 1rem;
  background: transparent;
  font-family: "export", sans-serif;
  color: #F7D8B8;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01125rem;
  border-radius: 0.625rem;
  border: 1px solid rgba(247, 216, 184, 0.25);
}
.gform_wrapper .gform-body .gfield .ginput_container .gfield_required {
  display: none;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio {
  position: relative;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .arrow {
  position: absolute;
  top: 10rem;
  width: 2.8125rem;
  height: 2.8125rem;
  background: url(../img/slider-arrow.svg) no-repeat center center;
  background-size: cover;
  cursor: pointer;
  z-index: 2;
  transition: opacity 0.3s ease-in;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .arrow.prev {
  left: 0.5rem;
  transform: translateY(-50%) rotate(180deg);
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .arrow.next {
  right: 0.5rem;
  transform: translateY(-50%);
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .gchoice {
  display: block;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .gchoice .gfield-image-choice-wrapper-outer {
  display: block;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .gchoice .gfield-choice-image-wrapper {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 20rem;
  padding: 1.5rem 1.5rem 0;
  box-sizing: border-box;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .gchoice .gfield-choice-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .gchoice .gfield-image-choice-wrapper-inner {
  display: none;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .slick-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0;
  line-height: 0;
  width: 100%;
  justify-content: center;
  margin: 2rem 0 0;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .slick-dots li {
  width: 0.75rem;
  height: 0.75rem;
  aspect-ratio: 1/1;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .slick-dots li.slick-active button {
  background: #E9BC88;
}
.gform_wrapper .gform-body .gfield .ginput_container.ginput_container_image_choice .gfield_radio .slick-dots li button {
  font-size: 0;
  width: 0.75rem;
  height: 0.75rem;
  aspect-ratio: 1/1;
  line-height: 0;
  background: #4B4138;
  border-radius: 100%;
}
.gform_wrapper .gform-page-footer {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin: 2rem 0 0;
}
.gform_wrapper .gform-page-footer .gform_next_button, .gform_wrapper .gform-page-footer .gform_button {
  flex: 1;
  height: 3.75rem;
  font-family: "export", sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: -0.01125rem;
  border-radius: 0.625rem;
  padding: 1.25rem 1.875rem;
  box-sizing: border-box;
  background: #4A8CFF;
  color: white;
  text-align: center;
  align-items: center;
  cursor: pointer;
}
.gform_wrapper .gform-page-footer .gform_previous_button {
  font-size: 0;
  width: 3.75rem;
  height: 3.75rem;
  flex: 0 0 3.75rem;
  border-radius: 0.625rem;
  border: 1.5px solid #F7D8B8;
  background: transparent url(../img/arrow-left.svg) no-repeat center center;
  background-size: 1.5625rem 1.5625rem;
  cursor: pointer;
}
.gform_wrapper .gform-page-footer .gform-loader {
  display: none !important;
}
.gform_wrapper .gform_validation_errors .gform_submission_error {
  margin: 0 0 1.5rem;
  color: #BBC9D7;
  font-size: 1rem;
  font-weight: 461;
  line-height: 140%;
  letter-spacing: 0.01rem;
}

/*==================================HEADER=====================================*/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
header .flex {
  height: 4.375rem;
  align-items: center;
  justify-content: space-between;
}
header .flex .logo {
  font-size: 0;
}
header .flex .logo a {
  display: inline-block;
  width: 9.6875rem;
  color: #BBC9D7;
}
header .flex .logo a svg {
  width: 100%;
  height: auto;
}
header .flex .actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
header .flex .actions .memorial, header .flex .actions .audio {
  font-size: 0;
}
header .flex .actions .memorial a, header .flex .actions .audio a {
  display: inline-block;
  width: 2.8125rem;
  height: 2.8125rem;
  color: #BBC9D7;
}
header .flex .actions .memorial a span.icon-volume, header .flex .actions .audio a span.icon-volume {
  display: none;
}
header .flex .actions .memorial a.is-on span.icon-mute, header .flex .actions .audio a.is-on span.icon-mute {
  display: none;
}
header .flex .actions .memorial a.is-on span.icon-volume, header .flex .actions .audio a.is-on span.icon-volume {
  display: block;
}
header .flex .actions .memorial a svg, header .flex .actions .audio a svg {
  width: 100%;
  height: auto;
}
header .flex .actions .burger {
  cursor: pointer;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 0.625rem;
  border: 0.09375rem solid rgba(187, 201, 215, 0.25);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  gap: 0.4375rem;
}
header .flex .actions .burger span {
  width: 1.0625rem;
  height: 0.09375rem;
  background: #BBC9D7;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .flex .actions .burger.active span:nth-child(1) {
  -webkit-transform: translate(0, 0.28125rem) rotate(45deg);
  -moz-transform: translate(0, 0.28125rem) rotate(45deg);
  -ms-transform: translate(0, 0.28125rem) rotate(45deg);
  -o-transform: translate(0, 0.28125rem) rotate(45deg);
  transform: translate(0, 0.28125rem) rotate(45deg);
}
header .flex .actions .burger.active span:nth-child(2) {
  -webkit-transform: translate(0, -0.25rem) rotate(-45deg);
  -moz-transform: translate(0, -0.25rem) rotate(-45deg);
  -ms-transform: translate(0, -0.25rem) rotate(-45deg);
  -o-transform: translate(0, -0.25rem) rotate(-45deg);
  transform: translate(0, -0.25rem) rotate(-45deg);
}
header .flex .language a {
  display: inline-block;
  height: 2.8125rem;
  padding: 0.78125rem 0.9375rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(187, 201, 215, 0.25);
  color: #BBC9D7;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 600;
  letter-spacing: -0.00875rem;
}

/*==================================SECTIONS===================================*/
main {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
main .bg-image {
  position: absolute;
  width: 37.5%;
  height: 44.4444%;
  font-size: 0;
}
main .bg-image.image-1 {
  top: 21.6049%;
  left: -20.5556%;
  transform: rotate(-10deg);
}
main .bg-image.image-1:after {
  content: close-quote;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(2, 52, 73, 0.5) 0%, rgba(2, 52, 73, 0.5) 100%);
}
main .bg-image.image-2 {
  top: 33.9506%;
  left: -15%;
  transform: rotate(8deg);
}
main .bg-image.image-3 {
  z-index: 1;
  top: 22.8395%;
  right: -17.0833%;
  transform: rotate(9deg);
}
main .bg-image.image-3:after {
  content: close-quote;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(187, 201, 215, 0.35) 0%, rgba(187, 201, 215, 0.35) 100%);
}
main .bg-image.image-4 {
  top: 32.716%;
  right: -22.6389%;
  transform: rotate(-5deg);
}
main .bg-image.image-4:after {
  content: close-quote;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(2, 52, 73, 0.5) 0%, rgba(2, 52, 73, 0.5) 100%);
}
main .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main .video-intro {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .video-intro video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

section.age-select {
  display: flex;
  align-items: center;
  min-height: 100vh;
}
section.age-select .wrapper {
  padding: 6.25rem 0 5rem;
}
section.age-select .wrapper .picker-wrapper {
  max-width: 24.0625rem;
  margin: 0 auto;
}
section.age-select .wrapper .picker-wrapper .picker {
  position: relative;
  width: 100%;
  height: 22.5rem;
  margin: 1.875rem 0 1.25rem;
  overflow: hidden;
}
section.age-select .wrapper .picker-wrapper .picker-list {
  margin: 0;
  padding: 7.5rem 0;
  list-style: none;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-snap-type: y mandatory;
  scroll-padding: 3.75rem;
  scrollbar-width: none;
  position: relative;
  z-index: 1;
}
section.age-select .wrapper .picker-wrapper .picker-list::-webkit-scrollbar {
  display: none;
}
section.age-select .wrapper .picker-wrapper .picker-list li {
  height: 7.5rem;
  display: grid;
  place-items: center;
  scroll-snap-align: center;
  font-family: "export", sans-serif;
  font-size: 6.5rem;
  line-height: 100%;
  letter-spacing: -0.065rem;
  color: #F7D8B8;
  opacity: 0.35;
  transform: scale(0.7);
  transition: transform 0.15s ease, opacity 0.15s ease, color 0.15s ease;
}
section.age-select .wrapper .picker-wrapper .picker-list li:nth-last-child(-n+2) {
  opacity: 0 !important;
}
section.age-select .wrapper .picker-wrapper .picker-list li.is-selected {
  color: #4A8CFF;
  opacity: 1;
  transform: scale(1);
}
section.age-select .wrapper .picker-wrapper .picker-list li:has(+ li.is-selected) {
  background: linear-gradient(to bottom, transparent 0%, rgb(247, 216, 184) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.55;
}
section.age-select .wrapper .picker-wrapper .picker-list li.is-selected + li {
  background: linear-gradient(to top, transparent 0%, rgb(247, 216, 184) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.55;
}
section.age-select .wrapper .picker-wrapper .picker-highlight {
  pointer-events: none;
  position: absolute;
  inset: 0;
}
section.age-select .wrapper .picker-wrapper .picker-highlight:before {
  content: close-quote;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 3.75rem);
  height: 7.5rem;
  border-radius: 1rem;
  border: 1.5px solid rgba(187, 201, 215, 0.25);
  background: radial-gradient(50% 50% at 50% 50%, #02354A 25%, #022E41 100%);
  z-index: 0;
}
section.age-select .wrapper .picker-wrapper .picker-fade {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

section.story {
  display: flex;
  align-items: center;
  height: calc(100vh - 4.375rem - 3.75rem);
  margin: 4.375rem 0 3.75rem;
  justify-content: center;
  gap: 1.875rem;
  position: relative;
}
section.story .wrapper {
  max-width: 40.3125rem;
}
section.story .wrapper .slider {
  height: 100%;
}
section.story .wrapper .slider .slick-list {
  height: 100%;
}
section.story .wrapper .slider .slick-track {
  display: flex !important;
}
section.story .wrapper .slider .slick-slide {
  height: inherit !important;
}
section.story .wrapper .slider .slide.is-media-loading .content .video:after {
  content: close-quote;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  background: url(../img/loading.svg) no-repeat center center;
  background-size: 5rem 5rem;
  animation: story-spin 0.8s linear infinite;
  pointer-events: none;
  z-index: 1;
}
section.story .wrapper .slider .slide.is-media-loading .content .text-wrapper .text .sound-button {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
section.story .wrapper .slider .slide .content {
  position: relative;
  display: flex;
  gap: 4.375rem;
  height: 100%;
}
section.story .wrapper .slider .slide .content .video {
  flex: 0 0 19.6875rem;
  width: 19.6875rem;
  position: relative;
  max-height: 26.3125rem;
}
section.story .wrapper .slider .slide .content .video video {
  width: 100%;
  height: 100%;
  max-height: 75vh;
  object-fit: cover;
  object-position: center center;
  border-radius: 0.625rem;
}
section.story .wrapper .slider .slide .content .video img {
  width: 100%;
}
section.story .wrapper .slider .slide .content .text-wrapper {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  position: relative;
}
section.story .wrapper .slider .slide .content .text-wrapper .text .sound-button {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: all 0.4s ease-in;
  align-items: center;
  gap: 0.625rem;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: 0.01rem;
  color: #F7D8B8;
}
section.story .wrapper .slider .slide .content .text-wrapper .text .sound-button svg {
  width: 2.875rem;
  flex: 0 0 2.875rem;
  height: auto;
}
section.story .wrapper .slider .slide .content .text-wrapper .text .sound-button.is-on {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
section.story .wrapper .slider .slide .content .text-wrapper .text.top-position {
  top: 6.25rem;
  text-align: center;
}
section.story .wrapper .slider .slide .content .text-wrapper .text .buttons {
  display: flex;
  flex-flow: column;
  gap: 0.625rem;
}
section.story .wrapper .slider .slide .content .text-wrapper .text .buttons > a:last-child {
  font-family: "export", sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: -0.01125rem;
  color: #F7D8B8;
  margin: 0.875rem 0 0;
  text-align: center;
}
section.story .wrapper .slider .slide .content .text-wrapper .text p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 580;
  line-height: 140%; /* 1.4rem */
  letter-spacing: 0.01rem;
  text-shadow: 0 2px 10px rgba(2, 52, 73, 0.5);
  color: #F7D8B8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section.story .wrapper .slider .slide .content.last {
  max-width: 26.5625rem;
  margin: 0 auto;
}
section.story .wrapper .slider .slide .content.last .video {
  display: none;
}
section.story .arrow {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  z-index: 1;
  top: calc(50% - 1.40625rem);
  transition: all 0.3s ease-in;
  cursor: pointer;
}
section.story .arrow.prev {
  left: 1.5rem;
  background: url(../img/slider-arrow-prev.svg) no-repeat center center;
  background-size: cover;
}
section.story .arrow.next {
  right: 1.5rem;
  background: url(../img/slider-arrow.svg) no-repeat center center;
  background-size: cover;
}
section.story .arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
section.story .navigation {
  position: absolute;
  z-index: 98;
  max-width: 19.6875rem;
  width: 100%;
  left: calc(50% - 9.84375rem);
  bottom: -2.0625rem;
  box-sizing: border-box;
  padding: 0 1.5rem;
  display: flex;
  justify-content: center;
}
section.story .navigation .slick-dots {
  max-width: 19.6875rem;
  width: 100%;
  display: flex;
  gap: 0.3125rem;
  font-size: 0;
}
section.story .navigation .slick-dots li {
  flex: 1;
}
section.story .navigation .slick-dots li button {
  height: 0.3125rem;
  width: 100%;
  font-size: 0;
  border-radius: 2.5rem;
  background: rgba(187, 201, 215, 0.25);
  transition: background 0.15s ease;
  position: relative;
  overflow: hidden;
}
section.story .navigation .slick-dots li button:after {
  content: close-quote;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 0;
  background: #BBC9D7;
  transform-origin: left;
}
section.story .navigation .slick-dots li:last-child.slick-active button {
  background: #BBC9D7;
}
section.story .navigation .slick-dots li.slick-active button:after {
  animation: dot-progress var(--progress-duration, 3s) linear forwards;
}
section.story .actions {
  position: absolute;
  top: 0.625rem;
  right: 1.5rem;
  display: flex;
  flex-flow: column;
  gap: 1.40625rem;
  z-index: 1;
}
section.story .actions a {
  font-size: 0;
  display: inline-block;
  transition: opacity 0.25s ease;
}
section.story .actions a img {
  width: 2.8125rem;
}
section.story .actions a.stories-link.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
section.story .info {
  position: absolute;
  bottom: 1.125rem;
  width: 17rem;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 420;
  line-height: 1rem;
  color: #BBC9D7;
  left: calc(50% - 8.5rem);
  transition: all 0.3s ease-in;
}
section.story .info a {
  color: #BBC9D7;
}
section.story .info strong {
  font-weight: 700;
}
section.story .info.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

section.timeline {
  display: flex;
  justify-content: center;
  position: relative;
}
section.timeline:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.timeline:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.timeline .wrapper {
  max-width: 40.3125rem;
  padding: 0 0 3.75rem;
}
section.timeline .wrapper .date {
  display: flex;
}
section.timeline .wrapper .date:first-child .day {
  border-top: none;
}
section.timeline .wrapper .date:first-child .content {
  border-left: 1px solid transparent;
  border-image: linear-gradient(0deg, rgba(247, 216, 184, 0.25), rgba(247, 216, 184, 0)) 1;
}
section.timeline .wrapper .date .day {
  flex: 0 0 4.3125rem;
  width: 4.3125rem;
  padding: 1.875rem 1.5625rem;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  border-top: 1px solid transparent;
  border-image: linear-gradient(90deg, rgba(247, 216, 184, 0.01) 10%, rgba(247, 216, 184, 0.25)) 1;
  border-radius: 12px;
}
section.timeline .wrapper .date .day .title {
  font-family: "export", sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #F7D8B8;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  white-space: nowrap;
}
section.timeline .wrapper .date .content {
  box-sizing: border-box;
  width: 100%;
  padding: 1.5625rem;
  border-left: 1px solid rgba(247, 216, 184, 0.25);
  border-top: 1px solid transparent;
  border-image: linear-gradient(90deg, rgba(247, 216, 184, 0.25) 90%, rgba(247, 216, 184, 0)) 1;
  border-radius: 12px;
  color: #E9BC88;
}
section.timeline .wrapper .date .content h2, section.timeline .wrapper .date .content h3, section.timeline .wrapper .date .content h4, section.timeline .wrapper .date .content h5 {
  margin-bottom: 1.5625rem;
}
section.timeline .wrapper .date .content p:not(:last-of-type) {
  margin-bottom: 1rem;
}
section.timeline .wrapper .date .content p img {
  width: 100%;
  height: auto;
}
section.timeline .wrapper .date .content p a {
  color: #E9BC88;
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
section.timeline .wrapper .date .content .wp-caption {
  margin: 1.5625rem 0 0;
  width: 100% !important;
  height: auto !important;
  font-size: 0;
  line-height: 0;
}
section.timeline .wrapper .date .content .wp-caption img {
  width: 100%;
  height: auto;
}
section.timeline .wrapper .date .content .wp-caption .wp-caption-text {
  margin: 1rem 0 0;
  color: #857464;
  font-size: 0.8125rem;
  font-weight: 370;
  line-height: 1rem;
}
section.timeline .wrapper .date .content figure {
  margin: 1.5625rem 0 0;
  font-size: 0;
  line-height: 0;
}
section.timeline .wrapper .date .content figure img {
  width: 100%;
}
section.timeline .wrapper .date .content > * {
  will-change: transform, opacity;
}
section.timeline .wrapper .date .content sup {
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.5em;
}
section.timeline .wrapper .date .content sup a {
  text-decoration: none;
}
section.timeline .wrapper .date .content sub {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 420;
  line-height: 1rem;
  color: #857464;
}
section.timeline .wrapper .date .content sub a {
  display: flex;
  width: 0.75rem;
  flex: 0 0 0.75rem;
  background: #4B4138;
  border-radius: 0.125rem;
  font-size: 0.5625rem;
  font-weight: 780;
  line-height: 0.75rem;
  color: #E9BC88;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 2px 0 0;
}

section.intro {
  display: flex;
  align-items: center;
  min-height: 100vh;
}
section.intro .wrapper {
  max-width: 26.5625rem;
  margin: 0 auto;
  padding: 6.875rem 0 3.75rem;
}
section.intro .wrapper .text h1 {
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: -0.05rem;
  margin: 0 0 1.875rem;
}
section.intro .wrapper .text p {
  color: #BBC9D7;
  margin: 0 0 1.25rem;
}
section.intro .wrapper .info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5625rem;
  color: #BBC9D7;
  margin: 2.5rem 0 5.25rem;
  font-size: 0;
}
section.intro .wrapper .info .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6875rem;
}
section.intro .wrapper .info .logos .logo:first-child {
  font-size: 0;
  display: flex;
  height: 3.4375rem;
  padding: 0 1.25rem 0.125rem 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.5625rem;
  background: #245375;
}
section.intro .wrapper .info .logos .logo:first-child a {
  display: inline-block;
  width: 6.14581rem;
}
section.intro .wrapper .info .logos .logo:first-child a svg {
  width: 100%;
  height: auto;
}
section.intro .wrapper .info .logos .logo:last-child a {
  display: inline-block;
  font-size: 0;
  width: 7.32294rem;
}
section.intro .wrapper .info .logos .logo:last-child a svg {
  width: 100%;
  height: auto;
}

section.stories {
  display: flex;
  align-items: center;
  min-height: 100vh;
  position: relative;
}
section.stories .wrapper {
  padding: 4.375rem 0 3.75rem;
  width: 100%;
}
section.stories .wrapper .title {
  max-width: 36.5625rem;
  margin: 0 auto 3.75rem;
}
section.stories .wrapper .slider[data-infinite=false] .slick-track {
  display: flex !important;
  width: auto !important;
}
section.stories .wrapper .slider[data-infinite=false] .slick-list {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
section.stories .wrapper .slider[data-infinite=false] .slick-slide {
  float: none !important;
}
section.stories .wrapper .slider .slick-slide > div:nth-child(2) {
  margin: 0.875rem 0 0;
  transform: translateX(4.6875rem);
}
section.stories .wrapper .slider .slide a {
  font-size: 0;
  display: inline-block;
  padding: 0.625rem;
  border-radius: 0.625rem;
  background: #4B4138;
  margin: 0 0.46875rem;
}
section.stories .wrapper .slider .slide a .image {
  position: relative;
  width: 8.125rem;
  height: 8.125rem;
  margin: 0 0 0.625rem;
}
section.stories .wrapper .slider .slide a .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
section.stories .wrapper .slider .slide a .image .play {
  position: absolute;
  left: 0.3125rem;
  bottom: 0.3125rem;
  width: 1.5rem;
  height: 1.5rem;
}
section.stories .wrapper .slider .slide a .image .play svg {
  width: 100%;
  height: 100%;
}
section.stories .wrapper .arrows {
  margin: 1.625rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
section.stories .wrapper .arrows .arrow {
  width: 2.8125rem;
  height: 2.8125rem;
  transition: all 0.3s ease-in;
  background: url(../img/slider-arrow.svg) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
section.stories .wrapper .arrows .arrow.prev {
  transform: rotate(180deg);
}
section.stories .wrapper .arrows .arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
section.stories .wrapper .map {
  display: none;
}
section.stories:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  width: 12.5rem;
  background: url(../img/stories_side_fade@2x.png) repeat-y top left;
  background-size: 200px 810px;
}
section.stories:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12.5rem;
  background: url(../img/stories_side_fade@2x.png) repeat-y top left;
  background-size: 200px 810px;
  transform: rotate(180deg);
}

section.about {
  position: relative;
}
section.about:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.about:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.about .wrapper {
  padding: 5.9375rem 0 5rem;
  display: flex;
  flex-flow: column;
  gap: 3.75rem;
}
section.about .wrapper .intro {
  display: flex;
  flex-flow: column;
  gap: 3.75rem;
}
section.about .wrapper .monument .toggle-button {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 420;
  line-height: 1.4rem;
  letter-spacing: 0.01rem;
  color: #F7D8B8;
  cursor: pointer;
  margin: 1.25rem 0 0;
}
section.about .wrapper .monument .toggle-button .icon {
  flex: 0 0 2.5rem;
  height: 2.5rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(247, 216, 184, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.about .wrapper .monument .toggle-button .icon svg {
  transition: transform 0.3s ease-out;
}
section.about .wrapper .monument .toggle-button.active .icon svg {
  transform: rotate(45deg);
}
section.about .wrapper .monument .toggle-content .text {
  margin: 2rem 0 0;
}
section.about .wrapper .monument .toggle-content h1, section.about .wrapper .monument .toggle-content h2, section.about .wrapper .monument .toggle-content h3, section.about .wrapper .monument .toggle-content h4, section.about .wrapper .monument .toggle-content h5, section.about .wrapper .monument .toggle-content h6 {
  margin: 0 0 1.25rem;
}
section.about .wrapper .text h1, section.about .wrapper .text h2, section.about .wrapper .text h3, section.about .wrapper .text h4, section.about .wrapper .text h5 {
  margin: 0 0 3.75rem;
}
section.about .wrapper .text p {
  color: #F7D8B8;
}
section.about .wrapper .text p:not(:last-child) {
  margin-bottom: 1.25rem;
}
section.about .wrapper .images {
  text-align: right;
  position: relative;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.about .wrapper .images img:first-child {
  position: absolute;
  left: -12.5px;
  width: 20rem;
  transform: rotate(-4deg);
}
section.about .wrapper .images img:last-child {
  width: 25rem;
  margin: 0 -12.5px 0 0;
  transform: rotate(4deg);
}
section.about .wrapper .images.v-2 {
  flex-flow: row-reverse;
}
section.about .wrapper .images.v-2 img:first-child {
  left: auto;
  right: -12.5px;
  z-index: 1;
}
section.about .wrapper .authors .slider {
  margin: 3.75rem -0.46875rem 0;
}
section.about .wrapper .authors .slider .slide {
  margin: 0 0.46875rem;
}
section.about .wrapper .authors .slider .slide .photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  font-size: 0;
}
section.about .wrapper .authors .slider .slide .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
section.about .wrapper .authors .slider .slide .name {
  margin: 1.25rem 0 0;
}
section.about .wrapper .authors .slider .slide .name span {
  color: #857464;
}
section.about .wrapper .authors .slider .slide .popup-button {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 420;
  line-height: 1.4rem;
  letter-spacing: 0.01rem;
  color: #F7D8B8;
  cursor: pointer;
  margin: 1.25rem 0 0;
}
section.about .wrapper .authors .slider .slide .popup-button .icon {
  flex: 0 0 2.5rem;
  height: 2.5rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(247, 216, 184, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.about .wrapper .authors .slider .slide .popup-button .icon svg {
  transition: transform 0.3s ease-out;
}
section.about .wrapper .partner {
  display: flex;
  flex-flow: column;
  gap: 1.25rem;
  padding: 1.25rem 0;
}
section.about .wrapper .partner .partners {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}
section.about .wrapper .ceo {
  display: flex;
  gap: 5rem;
}
section.about .wrapper .ceo .text h2, section.about .wrapper .ceo .text h3 {
  margin: 0 0 1.875rem;
}
section.about .wrapper .ceo .image {
  font-size: 0;
  flex: 0 0 15.625rem;
}
section.about .wrapper .numbers {
  margin: 1.25rem 0 0;
}
section.about .wrapper .numbers h3 {
  margin: 0 0 1.25rem;
}
section.about .wrapper .numbers p {
  color: #F7D8B8;
}
section.about .wrapper .numbers p:not(:last-child) {
  margin-bottom: 1.25rem;
}
section.about .wrapper .numbers .grid {
  margin: 1.25rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}
section.about .wrapper .numbers .grid .item {
  display: flex;
  gap: 1rem;
  color: #F7D8B8;
}
section.about .wrapper .numbers .grid .item .icon {
  flex: 0 0 2.5rem;
}
section.about .wrapper .numbers ol {
  counter-reset: step;
  display: flex;
  flex-flow: column;
  gap: 1.25rem;
  color: #F7D8B8;
}
section.about .wrapper .numbers ol li {
  display: flex;
  gap: 1rem;
  align-items: center;
}
section.about .wrapper .numbers ol li:before {
  counter-increment: step;
  content: counter(step);
  font-family: "export", sans-serif;
  font-size: 1.25rem;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.625rem;
  border: 1px solid #857464;
  color: #F7D8B8;
}

section.author-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  overflow: auto;
  background: #4B4138 url(../img/pattern_1@2x.jpg) repeat top left;
  background-size: 1440px 810px;
  background-attachment: fixed;
}
section.author-popup:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.author-popup:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.author-popup .wrapper {
  margin: 5.9375rem 0 5rem;
  display: flex;
  flex-flow: column;
  gap: 2.5rem;
  position: relative;
}
section.author-popup .wrapper .close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  height: 2.5rem;
  width: 2.5rem;
  box-sizing: border-box;
  border-radius: 0.625rem;
  border: 1.5px solid rgba(247, 216, 184, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.author-popup .wrapper .intro {
  display: flex;
  gap: 4.0625rem;
}
section.author-popup .wrapper .intro .mobile-author {
  display: none;
}
section.author-popup .wrapper .intro .photo {
  flex: 0 0 16.25rem;
  width: 16.25rem;
  height: 16.25rem;
  font-size: 0;
}
section.author-popup .wrapper .intro .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
section.author-popup .wrapper .intro .info {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  color: #F7D8B8;
}
section.author-popup .wrapper .intro .info h4 {
  margin: 0 0 1rem;
}
section.author-popup .wrapper .projects, section.author-popup .wrapper .awards {
  padding: 1.5rem 0 0;
  border-top: 1px solid #857464;
}
section.author-popup .wrapper .projects ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 0.9375rem;
}
section.author-popup .wrapper .images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.9375rem;
}
section.author-popup .wrapper ul {
  color: #F7D8B8;
  margin: 1rem 0 0;
}
section.author-popup .wrapper ul li {
  padding: 0 0 0.5rem 1.75rem;
  position: relative;
}
section.author-popup .wrapper ul li:before {
  content: close-quote;
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  border: 1.5px solid rgba(247, 216, 184, 0.25);
}

section.categories {
  position: relative;
}
section.categories:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.categories:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.categories .wrapper {
  padding: 5.9375rem 0 5rem;
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
section.categories .wrapper .text .count {
  margin: 1rem 0 0;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  justify-content: center;
  color: #F7D8B8;
}
section.categories .wrapper .text .count .box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgba(247, 216, 184, 0.25);
  gap: 0.625rem;
}
section.categories .wrapper .text .count .box svg {
  width: 1rem;
  height: 1rem;
}
section.categories .wrapper .category-list {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
section.categories .wrapper .category-list a {
  border-radius: 1rem;
  overflow: hidden;
  color: #F7D8B8;
}
section.categories .wrapper .category-list a .image {
  background: rgba(247, 216, 184, 0.25);
  aspect-ratio: 69/40;
  padding: 2rem 1.5rem 0 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
section.categories .wrapper .category-list a .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center center;
}
section.categories .wrapper .category-list a .info {
  display: flex;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  align-items: center;
  gap: 0.25rem;
  background: #4B4138;
}
section.categories .wrapper .category-list a .info .sign {
  flex: 1;
}
section.categories .wrapper .category-list a .info .box {
  display: flex;
  height: 2.5rem;
  padding: 0 1rem 0 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(247, 216, 184, 0.25);
}
section.categories .wrapper .category-list a .info .box svg {
  width: 1rem;
  height: 1rem;
}
section.categories .wrapper .category-list a .info .button {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #4A8CFF;
}
section.categories .wrapper .category-list a .info .button svg {
  width: 1.5625rem;
  height: 1.5625rem;
}

section.category {
  position: relative;
}
section.category:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.category:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.category .wrapper {
  padding: 5.9375rem 0 5rem;
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
section.category .wrapper .detail {
  position: relative;
  border-radius: 1rem;
  background: rgba(247, 216, 184, 0.25);
  overflow: hidden;
}
section.category .wrapper .detail .image {
  aspect-ratio: 69/52;
  padding: 2rem 1.5rem 0 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
section.category .wrapper .detail .image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center center;
}
section.category .wrapper .detail .count {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: #F7D8B8;
}
section.category .wrapper .detail .count svg {
  width: 1rem;
  height: 1rem;
}
section.category .wrapper .detail .back {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 0.625rem;
  left: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: 1.5px solid #F7D8B8;
  background: #4B4138;
}
section.category .wrapper .detail .back svg {
  width: 1.5625rem;
  height: 1.5625rem;
}
section.category .wrapper .list .item {
  padding: 0.75rem 0;
  border-top: 1.5px solid rgba(247, 216, 184, 0.25);
  color: #F7D8B8;
  position: relative;
}
section.category .wrapper .list .item .top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.category .wrapper .list .item .top .age {
  height: 1.5rem;
  padding: 0 0.5rem;
  border-radius: 1.25rem;
  background: rgba(247, 216, 184, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.category .wrapper .list .item .city {
  margin: 0.5rem 0 0;
}
section.category .wrapper .list .item .date {
  position: absolute;
  bottom: 0.75rem;
  right: 0;
  color: #857464;
  text-transform: capitalize;
}

section.sing-up {
  display: flex;
  align-items: center;
  min-height: 100vh;
  position: relative;
}
section.sing-up:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.sing-up:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.sing-up .wrapper {
  padding: 5.9375rem 0 5rem;
  display: flex;
  flex-flow: column;
}
section.sing-up .wrapper .text {
  color: #BBC9D7;
}
section.sing-up .wrapper .text h2 {
  margin: 0 0 1.25rem;
}
section.sing-up .wrapper .text .count {
  margin: 1.25rem 0 0;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  justify-content: center;
  color: #F7D8B8;
}
section.sing-up .wrapper .text .count .box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgba(247, 216, 184, 0.25);
  gap: 0.625rem;
}
section.sing-up .wrapper .text .count .box svg {
  width: 1rem;
  height: 1rem;
}
section.sing-up .wrapper .image {
  margin: 3.25rem 0 0;
  font-size: 0;
}

section.thank-you {
  display: flex;
  align-items: center;
  min-height: 100vh;
  position: relative;
}
section.thank-you:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.thank-you:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.thank-you .wrapper {
  padding: 5.9375rem 0 5rem;
  display: flex;
  flex-flow: column;
}
section.thank-you .wrapper .text {
  color: #BBC9D7;
}
section.thank-you .wrapper .text h2 {
  margin: 0 0 1.25rem;
}
section.thank-you .wrapper .image {
  margin: 3.25rem 0 4rem;
  font-size: 0;
  border-radius: 0.625rem;
  border: 1px solid #857464;
  overflow: hidden;
}
section.thank-you .wrapper .buttons {
  display: flex;
  flex-flow: column;
  gap: 0.625rem;
}

.share {
  position: relative;
  min-height: 3.75rem;
}
.share > a {
  position: relative;
  z-index: 1;
}
.share .social {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  gap: 0.625rem;
}
.share .social a {
  gap: 1rem;
  padding: 0;
}

section.form {
  display: flex;
  align-items: center;
  min-height: 100vh;
  position: relative;
}
section.form:before {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-top@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.form:after {
  pointer-events: none;
  content: close-quote;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  background: url(../img/pattern-fade-bottom@2x.png) repeat-x top left;
  background-size: 1440px 120px;
}
section.form .wrapper {
  padding: 5.9375rem 0 7rem;
  width: 100%;
}
section.form .wrapper .form .text {
  color: #BBC9D7;
  margin: 0 0 3rem;
}
section.form .wrapper .form .text h2 {
  margin: 0 0 1.25rem;
}
section.form .wrapper .form .text p a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  section.about * {
    transition: none !important;
    animation: none !important;
  }
}
.about .intro .text > *,
.about .intro .images img,
.about .monument h1, .about .monument .video, .about .monument .text > *,
.about .authors h1, .about .authors .slide,
.about .images.v-2 img,
.about .partner h3, .about .partner .partners a {
  opacity: 0;
  will-change: transform, opacity;
}

.about .why .text > *,
.about .why .numbers > *,
.about .why .numbers .grid .item,
.about .ceo .text > *,
.about .ceo .image img {
  opacity: 0;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .timeline .content > * {
    opacity: 1 !important;
    transform: none !important;
  }
}
/*==================================FOOTER=====================================*/
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 97;
}
footer .flex {
  min-height: 3.75rem;
  align-items: center;
  justify-content: space-between;
}
footer .flex .text {
  color: #BBC9D7;
}
footer .flex .logos {
  font-size: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
}
footer .flex .logos a {
  display: inline-block;
  color: #BBC9D7;
}
footer .flex .logos a:nth-child(1) {
  width: 4.125rem;
}
footer .flex .logos a:nth-child(2) {
  width: 5rem;
}
footer .flex .logos a svg {
  width: 100%;
  height: auto;
}

/*==================================RETINA=====================================*/
/*==================================RESPONSE===================================*/
@media (max-width: 1199px) {
  .menu .wrapper {
    padding: 2.5rem 5.75rem 5rem 5.75rem;
  }
  section.stories .wrapper .slider[data-infinite=false] .slick-track {
    display: block;
    width: initial;
  }
  section.stories .wrapper .slider[data-infinite=false] .slick-list {
    display: block;
  }
  section.stories .wrapper .slider[data-infinite=false] .slick-slide {
    float: left;
  }
}
@media (max-width: 991px) {
  .menu {
    right: -100vw;
    width: 100vw;
  }
  .menu .wrapper {
    padding: 5.125rem 1.5rem 5rem 1.5rem;
    justify-content: space-between;
  }
  section.story .wrapper {
    max-width: 38.3125rem;
  }
  section.story .wrapper .slider .slide .content {
    gap: 2.375rem;
  }
  section.timeline:before {
    height: 15.625rem;
    background: url(../img/pattern-fade-top-mobile@2x.png) repeat-x top left;
    background-size: 393px 250px;
  }
  section.timeline:after {
    height: 15.625rem;
    background: url(../img/pattern-fade-bottom-mobile@2x.png) repeat-x top left;
    background-size: 393px 250px;
  }
  section.timeline .wrapper {
    padding: 4.375rem 0 3.75rem;
  }
  section.about:before {
    height: 6.25rem;
    background: url(../img/pattern-fade-top-mobile_small@2x.png) repeat-x top left;
    background-size: 393px 100px;
  }
  section.about:after {
    height: 7.5rem;
    background: url(../img/pattern-fade-bottom-mobile_small@2x.png) repeat-x top left;
    background-size: 393px 120px;
  }
}
@media (max-width: 767px) {
  .ginput_container_image_choice .gfield_radio .arrow {
    display: none;
  }
  h1 {
    font-size: 2.1875rem;
    letter-spacing: -0.02188rem;
  }
  main .bg-image {
    display: none;
  }
  section.story {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    height: 100vh;
    height: -webkit-fill-available;
    flex-flow: column;
  }
  section.story .wrapper {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  section.story .wrapper .slider {
    height: 100%;
  }
  section.story .wrapper .slider .slick-list {
    height: 100%;
  }
  section.story .wrapper .slider .slick-track {
    display: flex !important;
    height: 100%;
  }
  section.story .wrapper .slider .slick-slide {
    height: inherit !important;
  }
  section.story .wrapper .slider .slide.is-media-loading .content .video:after {
    left: 50%;
  }
  section.story .wrapper .slider .slide .content {
    height: 100%;
    position: relative;
    display: block;
  }
  section.story .wrapper .slider .slide .content .video {
    padding: 4.375rem 0 0;
    width: 100%;
    position: relative;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  section.story .wrapper .slider .slide .content .video:before {
    content: close-quote;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/overlay_video_mobile_new@2x.png) repeat-x top left;
    background-size: auto 100%;
    z-index: 2;
  }
  section.story .wrapper .slider .slide .content .video video {
    width: 100%;
    height: auto;
    max-height: initial;
    border-radius: 0;
    position: relative;
  }
  section.story .wrapper .slider .slide .content .video img {
    height: 100%;
    object-fit: cover;
  }
  section.story .wrapper .slider .slide .content .text-wrapper {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  section.story .wrapper .slider .slide .content .text-wrapper .text {
    position: absolute;
    padding: 0 1.5rem;
    left: 0;
    right: 0;
    bottom: 7.1875rem;
    box-sizing: border-box;
    width: 100%;
    max-height: 220px;
  }
  section.story .wrapper .slider .slide .content .text-wrapper .text .sound-button {
    position: initial;
    margin: 0 0 2.25rem;
  }
  section.story .wrapper .slider .slide .content .text-wrapper .text p {
    top: initial;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
  }
  section.story .wrapper .slider .slide .content.last {
    max-width: 100%;
  }
  section.story .wrapper .slider .slide .content.last .video {
    display: block;
  }
  section.story .wrapper .slider .slide .content.last .video:after {
    content: close-quote;
    position: absolute;
    top: 4.375rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #023449;
    z-index: 2;
    opacity: 0.85;
  }
  section.story .actions {
    top: 5rem;
  }
  section.story .info {
    display: none;
  }
  section.story .arrow.prev.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  section.story .navigation {
    max-width: 100%;
    width: 100%;
    left: 0;
    bottom: 5rem;
    padding: 0 1.5rem;
    right: 0;
  }
  section.story .navigation .slick-dots {
    max-width: 100%;
  }
  section.stories:before {
    bottom: initial;
    width: 100%;
    height: 6.25rem;
    background: url(../img/pattern-fade-top-mobile_small@2x.png) repeat-x top left;
    background-size: 393px 100px;
  }
  section.stories .wrapper {
    height: 100vh;
    padding: 6.25rem 0 5rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    box-sizing: border-box;
  }
  section.stories .wrapper .slider {
    z-index: 1;
    position: relative;
  }
  section.stories .wrapper .slider:before {
    content: close-quote;
    position: absolute;
    pointer-events: none;
    top: 1px;
    bottom: 0;
    z-index: 2;
    height: 173px;
    left: calc(50% - 74px);
    width: 148px;
    border: 1px solid #E9BC88;
    border-radius: 0.625rem;
  }
  section.stories .wrapper .slider .slick-slide > div:last-child {
    margin: 0;
    transform: none;
  }
  section.stories .wrapper .arrows {
    display: none;
  }
  section.stories .wrapper .map {
    display: block;
    position: absolute;
    right: 0;
    bottom: 4rem;
    width: 93.9%;
    text-align: right;
  }
  section.stories .wrapper .map svg {
    max-width: 390px;
    width: 100%;
    height: auto;
  }
  section.stories .wrapper .map svg g path {
    transition: all 0.3s ease-in;
  }
  section.stories .wrapper .map svg g.active path:last-child {
    transition: all 0.3s ease-in;
    fill: #E9BC88;
  }
  section.stories:after {
    content: none;
  }
  section.about .wrapper {
    gap: 2.5rem;
    padding: 6.25rem 0 5.625rem;
  }
  section.about .wrapper .intro {
    gap: 2.5rem;
  }
  section.about .wrapper .monument {
    gap: 2.5rem;
  }
  section.about .wrapper .text h1, section.about .wrapper .text h2, section.about .wrapper .text h3, section.about .wrapper .text h4, section.about .wrapper .text h5, section.about .wrapper .text h6 {
    margin: 0 0 2.5rem;
  }
  section.about .wrapper .authors .arrow {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    background: url(../img/author_slider_arrow.svg) no-repeat center center;
    background-size: contain;
    top: -5rem;
    z-index: 1;
    cursor: pointer;
  }
  section.about .wrapper .authors .arrow.slick-disabled {
    cursor: not-allowed;
  }
  section.about .wrapper .authors .arrow.prev {
    right: 3.4375rem;
  }
  section.about .wrapper .authors .arrow.next {
    right: 0;
    transform: rotate(180deg);
  }
  section.about .wrapper .authors .slider {
    margin: 2.5rem 0 0;
    position: relative;
    z-index: 0;
  }
  section.about .wrapper .authors .slider .slick-list {
    overflow: visible;
  }
  section.about .wrapper .authors .slider .slide {
    width: 15.625rem;
  }
  section.about .wrapper .numbers .grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  section.about .wrapper .numbers ol li {
    align-items: flex-start;
  }
  section.about .wrapper .ceo {
    flex-flow: column-reverse;
    gap: 2.5rem;
  }
  section.author-popup {
    z-index: 100;
    background: rgba(26, 26, 26, 0.7);
  }
  section.author-popup:before, section.author-popup:after {
    content: none;
  }
  section.author-popup .wrapper {
    margin: 1.5rem 0;
    padding: 1.875rem 1.5rem;
    background: #2F2E2D;
    gap: 1.25rem;
    overflow: hidden;
  }
  section.author-popup .wrapper .close {
    top: 1.875rem;
    right: 1.5rem;
    height: 2.8125rem;
    width: 2.8125rem;
  }
  section.author-popup .wrapper .intro {
    flex-flow: column;
    gap: 1.25rem;
  }
  section.author-popup .wrapper .intro .mobile-author {
    display: block;
    margin: 0 0 1.25rem;
  }
  section.author-popup .wrapper .intro .info h2 {
    display: none;
  }
  section.author-popup .wrapper .projects ul {
    grid-template-columns: 1fr;
  }
  section.author-popup .wrapper .images {
    display: flex;
    overflow: auto;
    padding: 0 1.5rem;
    margin: 0 -1.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.author-popup .wrapper .images::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  section.author-popup .wrapper .images img {
    flex: 0 0 12.8125rem;
    width: 12.8125rem;
  }
}
@media (max-width: 575px) {
  .menu .wrapper {
    padding: 1.5rem 1.5rem 5rem 1.5rem;
  }
  .menu .wrapper nav ul {
    gap: 2.1875rem;
  }
  .menu .wrapper nav ul li {
    padding: 0 0 2.1875rem;
  }
  main.story {
    min-height: auto;
    height: 100vh;
    height: -webkit-fill-available;
  }
  section.stories .wrapper .title {
    max-width: 100%;
    margin: 0 1.5rem;
  }
  section.stories .wrapper .slider:before {
    height: 128px;
    left: calc(50% - 51.5px);
    width: 103px;
  }
  section.stories .wrapper .slider .slide a {
    margin: 0 0.15625rem;
  }
  section.stories .wrapper .slider .slide a .image {
    width: 5.3125rem;
    height: 5.3125rem;
  }
  section.stories .wrapper .map {
    width: 100%;
    left: 0;
    max-width: 100%;
  }
  section.timeline .wrapper .date .day {
    border-top: 1px solid rgba(247, 216, 184, 0.25);
    border-image: none;
    border-radius: 0;
  }
  section.timeline .wrapper .date .content {
    border-top: 1px solid rgba(247, 216, 184, 0.25);
    border-image: none;
    border-radius: 0;
  }
  section.intro {
    position: relative;
  }
  section.intro:before {
    pointer-events: none;
    content: close-quote;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 15.625rem;
    background: url(../img/pattern_fade_top_blue@2x.png) repeat-x top left;
    background-size: 393px 250px;
  }
  section.intro .wrapper .text h1 {
    margin: 0 0 1.5rem;
    font-size: 3.625rem;
    line-height: 3.625rem;
    letter-spacing: -0.03625rem;
  }
  section.intro .wrapper .text p {
    font-size: 0.9375rem;
    line-height: 140%;
    letter-spacing: 0.00938rem;
  }
  section.intro .wrapper .info {
    margin: 1.5rem 0 2.375rem;
    flex-flow: column;
    gap: 1.5rem;
  }
  section.intro .wrapper .info .logos {
    gap: 1.5625rem;
  }
  section.intro .wrapper .info .logos .logo:first-child {
    height: 3rem;
  }
  section.about .wrapper .images img:first-child {
    width: 15rem;
    left: -10vw;
  }
  section.about .wrapper .images img:last-child {
    width: 20rem;
    margin: 0 -25vw 0 0;
  }
  section.about .wrapper .images.v-2 img:first-child {
    right: -10vw;
  }
  section.about .wrapper .images.v-2 img:last-child {
    margin: 0 0 0 -20vw;
  }
  section.age-select .wrapper .picker-wrapper .picker {
    height: 15rem;
  }
  section.age-select .wrapper .picker-wrapper .picker-list {
    padding: 5rem 0;
    scroll-padding: 2.5rem;
  }
  section.age-select .wrapper .picker-wrapper .picker-list li {
    height: 5rem;
    font-size: 4rem;
  }
  section.age-select .wrapper .picker-wrapper .picker-highlight:before {
    top: calc(50% - 2.5rem);
    height: 5rem;
  }
}
@media (min-width: 2400px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 3000px) {
  html {
    font-size: 32px;
  }
}
/*# sourceMappingURL=style.css.map */