@charset "UTF-8";
@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");
@import url("fancybox.css");
:root {
  --app-height: 100vh;
  --headroom-height: auto;
  --c0: #ffffff;
  --c1: #121212;
  --c2: #ff5900;
  --c3: color-mix(in srgb, currentColor 3%, transparent);
  --c4: color-mix(in srgb, currentColor 15%, transparent);
  --c5: color-mix(in srgb, currentColor 20%, transparent);
  --c6: color-mix(in srgb, currentColor 40%, transparent);
  --c7: color-mix(in srgb, currentColor 50%, transparent);
  --c8: color-mix(in srgb, currentColor 60%, transparent);
  --g1: linear-gradient(135deg, #ee480b, #fc5800, #ffcc65);
  --g2: linear-gradient(135deg, #FC5800 1.67%, #FFCC65 101.67%);
  --wr: 100rem;
  --awr: calc(-1 * var(--wr));
  --gap: 40rem;
  --gap-2: 16rem 24rem;
  --sl: max(1px, 1rem);
  --br1: 4rem;
  --btn: max(44px, 56rem);
  --cols: repeat(10, minmax(0, 1fr));
  --f-xs: max(16px, 16rem);
  --f-s: max(16px, 18rem);
  --f-d: max(16px, 20rem);
  --f-m: max(18px, 24rem);
  --f-b: max(18px, 32rem);
  --f-l: max(18px, 48rem);
  --f-xl: max(18px, 84rem);
  --f-xxl: max(18px, 90rem);
  --mw: 192000px;
  --Light-Grey: #F7F7F7;
}

/* globals */
/* stylelint-disable */
@media screen {
  html {
    font-size: 0.0625vw;
    background-color: var(--c0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--c0)), color-stop(50%, var(--c2)), to(var(--c2)));
    background-image: linear-gradient(var(--c0) 50%, var(--c2) 50%, var(--c2));
  }
  .document {
    font-weight: 500;
    font-family: "Aspekta", sans-serif;
    font-size: var(--f-d);
    line-height: 1.3;
    color: var(--c1);
    background-color: var(--c0);
    letter-spacing: -0.005em;
  }
  .wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--wr);
    max-width: var(--mw);
  }
  .preloader {
    background-color: var(--c0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s 1s;
    transition: all 0.25s 1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--c1);
    will-change: transform;
  }
  .loading {
    pointer-events: none;
  }
  .loading .preloader {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    opacity: 1;
    visibility: visible;
  }
  .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .cover,
  .contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
  }
  .cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: relative;
    background-clip: padding-box;
  }
  .button:not(.fill) {
    overflow: hidden;
    position: relative;
  }
  .button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    position: relative;
    z-index: 2;
    min-width: 0;
  }
  .button-icon {
    background-size: cover;
  }
  .button__default {
    height: var(--btn);
    padding: 5rem;
    border-radius: 999rem;
    background-color: var(--c2);
    background-image: url(../img/button-gradient.svg);
    color: var(--c0);
    background-size: cover;
  }
  .button__default .button-icon {
    background-color: var(--c1);
    color: var(--c0);
  }
  .button__secondary {
    height: var(--btn);
    padding: 4rem;
    border-radius: 999rem;
    border: var(--sl) solid var(--c4);
  }
  .button__secondary .button-icon {
    background-color: var(--c1);
    color: var(--c0);
  }
  .button__default .button-icon,
  .button__secondary .button-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12rem;
  }
  .button__default .button-text,
  .button__secondary .button-text {
    padding: 0 25rem;
    font-size: var(--f-s);
  }
  .button__default .button-text:first-child,
  .button__secondary .button-text:first-child {
    padding-left: 30rem;
  }
  .button__default .button-text:last-child,
  .button__secondary .button-text:last-child {
    padding-right: 30rem;
  }
  .button__wide {
    width: 100%;
  }
  .title {
    line-height: 1;
    font-weight: 500;
    width: 100%;
    letter-spacing: -0.05em;
  }
  .title__small {
    font-size: var(--f-b);
  }
  .title__medium {
    font-size: var(--f-l);
  }
  .title__default {
    font-size: var(--f-xl);
  }
  .title__large {
    font-size: var(--f-xxl);
    line-height: 0.9;
  }
  .mask-appear-inner {
    padding: 0 0 0.2em 0;
    margin: 0 0 -0.2em 0;
    opacity: 0;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
  }
  .header {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-bottom: 50rem;
    pointer-events: none;
  }
  .header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    border: 0.1rem solid rgba(0, 0, 0, 0.2);
    background: var(--c0);
  }
}
@media screen and (max-width: 1024px) {
  .header::before {
    height: calc(100% - 15rem);
  }
}
@media screen {
  .header a {
    pointer-events: all;
  }
  .header button,
  .topbar {
    pointer-events: all;
  }
  .topbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: var(--gap);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25rem 0;
  }
}
@media screen and (max-width: 1239px) {
  .topbar {
    gap: 16rem;
  }
}
@media screen {
  .topbar-logo {
    max-width: 80rem;
  }
}
@media screen and (min-width: 1024px) {
  .topbar-nav {
    height: 100%;
  }
}
@media screen {
  .topbar-nav > ul {
    display: grid;
    grid-auto-flow: column;
    grid-gap: clamp(10px, 1.5625vw, 25rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--f-s);
  }
}
@media screen and (min-width: 1024px) {
  .topbar-nav > ul {
    height: 100%;
  }
  .topbar-nav > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen {
  .topbar-nav li {
    position: relative;
  }
  .has-submenu {
    position: relative;
  }
  .has-submenu > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .submenu-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18rem;
    height: 18rem;
    margin-left: 4rem;
    border: 0;
    color: currentColor;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .submenu {
    display: grid;
    gap: 22rem;
    min-width: 235rem;
    max-height: min(60vh, 520rem);
    overflow: auto;
    padding: 24rem;
    background: var(--c0);
    color: var(--c1);
    border-top: 0.1rem solid #000;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08);
    font-size: var(--f-s);
  }
}
@media screen and (min-width: 1024px) {
  .submenu {
    position: absolute;
    left: 50%;
    top: calc(100% + 24.5rem);
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translate(-50%, -8rem);
    -ms-transform: translate(-50%, -8rem);
    transform: translate(-50%, -8rem);
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  }
}
@media screen and (max-width: 1024px) {
  .submenu > li:first-of-type {
    margin-top: 0.5em;
  }
}
@media screen {
  .topbar-nav .has-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .topbar-nav .has-submenu::after {
    content: "";
    position: absolute;
    left: -16rem;
    right: -16rem;
    top: 100%;
    height: 42rem;
  }
  .topbar-nav .has-submenu:hover > .submenu,
  .topbar-nav .has-submenu:focus-within > .submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .topbar-nav .has-submenu:hover > .submenu-toggle,
  .topbar-nav .has-submenu:focus-within > .submenu-toggle {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}
@media screen {
  .topbar-action {
    margin-left: auto;
  }
  .topbar-action .button__secondary {
    background-color: var(--c0);
    color: var(--c1);
  }
  .main {
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: clip;
  }
  .section {
    position: relative;
    z-index: 1;
    margin-bottom: 180rem;
  }
  .section:last-child {
    margin-bottom: 100rem;
  }
  .section:only-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .section__contrast {
    background-color: var(--c1);
    color: var(--c0);
  }
  .section__contrast .button__secondary {
    background-color: var(--c0);
    color: var(--c1);
  }
  .section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-header.center p {
    margin-top: clamp(36px, 3vw, 4.8rem);
  }
}
@media screen and (min-width: 1024px) {
  .section-header.center {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen {
  .section-header:not(:last-child) {
    margin-bottom: 55rem;
  }
  .section-header-pretitle {
    text-transform: uppercase;
    font-size: var(--f-xs);
    letter-spacing: 0.0625em;
    padding-top: 25rem;
    border-top: var(--sl) solid;
  }
  .section-header-pretitle:not(:last-child) {
    margin-bottom: 70rem;
  }
  .section-header-title {
    max-width: 1075rem;
  }
  .section-header-title.center {
    max-width: 836rem;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
  }
  .section-header-subtitle {
    margin-top: 30rem;
  }
  .footer {
    overflow: hidden;
    margin-top: -80rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, var(--c2)));
    background-image: linear-gradient(transparent, var(--c2) 90%);
    padding: 180rem 0 25rem;
  }
  .footer-grid {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: 0 var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: var(--f-s);
  }
  .f1 {
    grid-column: 1/4;
    max-width: 200rem;
  }
  .f2 {
    grid-column: 4/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 calc(-1 * var(--gap));
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .f2-1 {
    margin: 0 var(--gap);
    display: grid;
    grid-template-columns: auto;
    grid-gap: 25rem;
  }
  .f2-1-2 p {
    margin: 0.3em 0;
  }
  .f2-1-2 ul {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0.3em;
  }
  .f3 {
    grid-column: 1/-1;
    padding: 120rem 0 20rem;
    border-bottom: var(--sl) solid;
    margin-bottom: 20rem;
  }
  .f4 {
    grid-column: 1/4;
  }
  .f5 {
    grid-column: 4/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 calc(var(--gap) / -2);
  }
  .f5-1 {
    margin: 0 calc(var(--gap) / 2);
  }
  .bottombar-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: var(--c1);
    white-space: nowrap;
  }
  .dd-icon {
    width: 1em;
    height: 1.2em;
    margin: 0 0.3em;
    color: var(--c1);
    opacity: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dd-icon .icon {
    width: 100%;
  }
  .tabs {
    overflow: hidden;
  }
  .tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tabs li {
    margin: 5rem;
    border-radius: 999rem;
    border: var(--sl) solid var(--c4);
    padding: 10rem 25rem;
    text-transform: uppercase;
    font-size: var(--f-xs);
    letter-spacing: 0.0625em;
    position: relative;
    overflow: hidden;
  }
  .tabs li.current {
    background-color: var(--c1);
    color: var(--c0);
    border-color: var(--c1);
    pointer-events: none;
  }
  .breadcrumbs {
    margin: 0 0 120rem;
    overflow: hidden;
    text-transform: uppercase;
    font-size: var(--f-xs);
  }
  .breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.5em;
  }
  .breadcrumbs li {
    margin-left: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .breadcrumbs li:last-child {
    pointer-events: none;
    color: var(--c8);
  }
  .breadcrumbs li:not(:last-child)::after {
    content: "/";
    padding-left: 0.5em;
  }
  .textbox h2 {
    margin: 3em 0 1.5em;
    text-transform: uppercase;
  }
  .textbox h2:first-child {
    margin-top: 0;
  }
  .textbox ul,
  .textbox ol {
    margin: 1em 0;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0.65em;
    counter-reset: index;
  }
  .textbox ol {
    counter-reset: index;
  }
  .textbox ul:first-child,
  .textbox ol:first-child {
    margin-top: 0;
  }
  .textbox ul:last-child,
  .textbox ol:last-child {
    margin-bottom: 0;
  }
  .textbox li {
    position: relative;
    padding-left: 1.5em;
  }
  .textbox ul li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    text-align: center;
  }
  .textbox ol li::before {
    content: counter(index) ".";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    text-align: center;
    counter-increment: index;
  }
  .textbox a {
    text-decoration: underline;
  }
  .section__contrast *::-moz-selection {
    background-color: var(--c0);
    color: var(--c1);
    -webkit-text-fill-color: var(--c1);
  }
  .section__contrast *::selection {
    background-color: var(--c0);
    color: var(--c1);
    -webkit-text-fill-color: var(--c1);
  }
}
/* cards */
@media screen {
  .card {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-1 {
    padding: 10rem;
    border-radius: var(--br1);
    background-color: var(--c3);
  }
  .card-1:hover .card-header img, .card-1:hover .card-header picture {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .card-1 .card-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25rem;
    border-radius: var(--br1);
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
  }
  .card-1 .card-header img, .card-1 .card-header picture {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    will-change: transform;
  }
  .card-1 .card-header::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0;
    padding-top: 45%;
  }
  .card-1 .card-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .card-1 .card-tag {
    position: relative;
    z-index: 1;
    border-radius: 999rem;
    padding: 10rem 25rem;
    text-transform: uppercase;
    font-size: var(--f-xs);
    letter-spacing: 0.0625em;
    overflow: hidden;
    background-color: var(--c0);
    color: var(--c1);
  }
  .card-1 .card-inner {
    padding: 35rem 25rem 25rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 520rem;
  }
  .card-1 .card-content {
    margin-bottom: auto;
  }
  .card-1 .card-subtitle {
    margin-top: 25rem;
  }
  .card-1 .card-footer {
    margin-top: 35rem;
  }
}
.info-card {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  background: var(--Light-Grey);
  color: var(--c1);
  gap: 12rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 1;
  -webkit-transition: color 0.18s ease;
  transition: color 0.18s ease;
}
.info-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(125% 95% at 0% 0%, #ee480b 0%, #fc5800 45%, transparent 46%), linear-gradient(135deg, #ee480b 0%, #fc5800 52%, #ffcc65 100%);
  opacity: 1;
  -webkit-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
  will-change: opacity;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .info-card::before {
    opacity: 0;
  }
}
.info-card__bg {
  display: none;
}
@media (hover: none), (pointer: coarse) {
  .info-card {
    color: var(--c0);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .info-card:hover {
    color: var(--c0);
  }
  .info-card:hover::before {
    opacity: 1;
  }
}
.info-card .card-tag {
  z-index: 3;
  border-radius: 999rem;
  padding: 10rem 25rem;
  overflow: hidden;
  background-color: var(--c0);
  color: var(--c1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.info-card .card-tag:before {
  content: counter(li, decimal-leading-zero);
  counter-increment: li;
  display: block;
  color: var(--c1);
  text-transform: uppercase;
  font-size: var(--f-xs);
  font-weight: 600;
  letter-spacing: 0.0625em;
}
@media (min-width: 1024px) {
  .info-card .card-tag {
    position: absolute;
    top: 8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.info-card__box {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: clamp(80px, 8.75vw, 140rem) 24rem 8rem 24rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .info-card__box * {
    text-align: center;
  }
}
.info-card__box .card-title {
  color: inherit;
  -webkit-transition: none;
  transition: none;
}
.info-card__box .card-title * {
  -webkit-transition: none;
  transition: none;
}
.info-card__box p {
  margin: 0;
  color: inherit;
  font-size: var(--f-xs);
  -webkit-transition: none;
  transition: none;
}
@media (max-width: 1024px) {
  .info-card__box {
    gap: 12rem;
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .info-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: clamp(320px, 22.1875vw, 355rem);
  }
}
@media (max-width: 1024px) {
  .info-card {
    padding: 32rem;
    color: var(--c0);
  }
}

/* section s1 */
@media screen {
  .s1-1 {
    position: relative;
  }
  .s1-2 .swiper-slide {
    height: auto !important;
  }
  .s1-3 {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: var(--gap);
    min-height: 100%;
  }
  .s1-4 {
    position: absolute;
    top: 0;
    left: 100%;
    width: var(--wr);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    z-index: 1;
  }
  .s1-4-1 {
    position: relative;
  }
  .s1-4 .carousel-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-left: max(1px, 2rem) solid var(--c4);
    counter-reset: index;
  }
  .s1-4 .carousel-pagination-bullet {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 10rem;
    font-size: var(--f-s);
  }
  .s1-4 .carousel-pagination-bullet::before {
    content: counter(index, decimal-leading-zero);
    counter-increment: index;
    -webkit-transform: opacity 0.25s;
    -ms-transform: opacity 0.25s;
    transform: opacity 0.25s;
  }
  .s1-4 .carousel-pagination-bullet__active {
    pointer-events: none;
  }
  .s1-4 .carousel-pagination-bullet:not(.carousel-pagination-bullet__active)::before {
    opacity: 0.4;
  }
  .s1-4 .carousel-pagination-runner {
    content: "";
    background-color: var(--c1);
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    border-radius: 999rem;
  }
  .s1-5 {
    grid-column: 1/6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 120rem 0;
  }
  .s1-6 {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 15rem;
  }
  .s1-6-1 {
    margin-right: -15%;
  }
  .s1-6-2 {
    margin-top: 50rem;
    max-width: 585rem;
  }
  .s1-7 {
    margin: -5rem -10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .s1-7-1 {
    margin: 5rem 10rem;
  }
  .s1-8 {
    grid-column: 6/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: auto;
  }
  .s1-8::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0;
    padding-top: 100%;
  }
}
/* section s2 */
@media screen {
  .s2-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--gap);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .s2-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .s2-2::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0;
    padding-top: 100%;
  }
  .s2-2-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .s2-3 {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 40rem;
  }
  .s2-4 {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 40rem;
    border-bottom: var(--sl) solid var(--c4);
    position: relative;
  }
  .s2-4-2 {
    height: 1em;
    width: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--f-b);
  }
}
/* section s3 */
@media screen {
  .s3-1 {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 50rem;
    counter-reset: index;
  }
  .s3-2 {
    border-top: var(--sl) solid var(--c4);
    padding-top: 50rem;
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .s3-2::before {
    content: counter(index, decimal-leading-zero);
    counter-increment: index;
    line-height: 1;
    letter-spacing: -0.05em;
    font-size: var(--f-l);
    opacity: 0.2;
    pointer-events: none;
  }
  .s3-3 {
    grid-column: 4/8;
  }
  .s3-3-2 {
    margin-top: 25rem;
    max-width: 470rem;
  }
  .s3-3-3 {
    margin-top: 30rem;
  }
}
/* section s4 */
/* stylelint-disable */
@media screen {
  .s4--mode .section-header {
    margin: 0 auto;
    max-width: clamp(700px, 55.25vw, 884rem);
  }
  .s4--mode .section-header:not(:last-of-type) {
    margin-bottom: clamp(72px, 11.25vw, 180rem);
  }
}
@media screen and (max-width: 1024px) {
  .s4--mode .section-header:not(:last-of-type) {
    margin-bottom: 72rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .s4--mode {
    margin-top: -40rem;
  }
}
@media screen {
  .s4--cols .section-header-title {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 36rem 24rem;
  }
  .s4--cols .section-header-title p {
    margin: 0;
    font-size: var(--f-m);
    line-height: 116%;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .s4--cols .section-header-title {
    grid-template-columns: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .s4--cols {
    margin-top: -40rem;
  }
}
@media screen {
  .s4--center .section-header .section-header-title p {
    max-width: 583rem;
    margin-left: auto;
    margin-right: auto;
  }
  .s4--center .section-header:not(:last-of-type) {
    margin-bottom: clamp(72px, 11.25vw, 180rem);
  }
}
@media screen and (max-width: 1024px) {
  .s4--center .section-header:not(:last-of-type) {
    margin-bottom: 72rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .s4--center {
    margin-top: -40rem;
  }
}
@media screen {
  .s4--hero {
    margin-bottom: clamp(72px, 6.875vw, 110rem);
  }
  .s4--hero .section-header {
    margin: 0 auto;
    max-width: 734rem;
  }
}
@media screen and (max-width: 1024px) {
  .s4--hero {
    margin-bottom: 72rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .s4--hero {
    margin-top: -40rem;
  }
}
@media screen {
  .s4-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--gap-2);
  }
}
.loop-video {
  width: 100vw;
  overflow: hidden;
  margin-top: clamp(36px, 2.5vw, 40rem);
  position: relative;
  overflow: hidden;
  background: var(--g2);
  cursor: pointer;
}
.loop-video::before {
  content: "";
  display: block;
  padding-top: 38%;
}
@media (max-width: 1024px) {
  .loop-video::before {
    padding-top: 41%;
  }
}
.loop-video video {
  pointer-events: auto;
}
.loop-video__sound {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-style: normal;
  font-weight: 450;
  line-height: 188%;
  letter-spacing: -0.005em;
  color: var(--c0);
  font-size: var(--f-xs);
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, transform 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s;
  transition: opacity 0.25s, transform 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s, -webkit-transform 0.25s;
  gap: 10rem;
}
.loop-video__sound-main {
  gap: 10rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loop-video__sound .icon {
  position: relative;
  top: -2rem;
  width: 16rem;
  height: 16rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loop-video__sound:hover .icon {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.loop-video.is-sound-on .loop-video__sound {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) scale(0.94);
  -ms-transform: translate(-50%, -50%) scale(0.94);
  transform: translate(-50%, -50%) scale(0.94);
}
@media (max-width: 1024px) {
  .loop-video .loop-video__sound {
    min-width: 150rem;
    padding: 0 20rem;
  }
}

/* section s5 */
@media screen {
  .s5-1 {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 30rem;
  }
  .s5-2 {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: 0 var(--gap);
    border-bottom: var(--sl) solid var(--c4);
    padding-bottom: 30rem;
  }
  .s5-3 {
    grid-column: 4/7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .s5-4 {
    grid-column: 7/11;
    margin-left: 60rem;
    border-radius: var(--br1);
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .s5-4::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0;
    padding-top: 90%;
  }
  .s5-4-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .s5-5:not(:last-child) {
    margin-bottom: 25rem;
  }
  .s5-6:not(:last-child) {
    margin-bottom: 25rem;
  }
  .s5-7 {
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: var(--gap);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .s5-7-1 {
    text-transform: uppercase;
    font-size: var(--f-xs);
    letter-spacing: 0.0625em;
    color: var(--c7);
  }
}
/* section s6 */
@media screen {
  .s6-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.8;
  }
  .s6-1.js-parallax-media {
    overflow: hidden;
  }
  .s6-1.js-parallax-media img,
  .s6-1.js-parallax-media picture {
    top: calc(var(--s6-parallax-range, 140px) * -0.5);
    height: calc(100% + var(--s6-parallax-range, 140px));
    will-change: transform;
  }
  .s6-2 {
    padding: 250rem 0;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: 0;
  }
  .s6-4 {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--app-height, 100vh);
    min-height: var(--app-height, 100vh);
    overflow: hidden;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100vw;
    margin-left: calc(var(--wr) * -1);
  }
  .s6-4:before, .s6-4:after {
    content: "";
    height: 25rem;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--c0);
    z-index: 10;
  }
  .s6-4:before {
    border-radius: 0 0 24rem 24rem;
    top: 0;
  }
  .s6-4:after {
    bottom: 0;
    border-radius: 24rem 24rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4 {
    --s6-panel-height: var(--app-height, 100vh);
    display: block;
    position: relative;
    top: auto;
    height: auto;
    min-height: 0;
    overflow: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    isolation: isolate;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4:after {
    bottom: -1px;
    height: calc(25rem + 1px);
  }
}
@media screen {
  .s6-pagination {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: var(--wr);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 40rem;
    counter-reset: li;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination {
    position: absolute;
    left: 0;
    right: auto;
    top: 75rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: 161rem;
    padding: 40rem var(--wr) 0;
    padding-right: calc(var(--wr) + 160rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 32rem;
    overflow-x: hidden;
    overflow-y: visible;
    scroll-behavior: smooth;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    overscroll-behavior-x: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    scrollbar-width: none;
  }
  .s6-pagination::-webkit-scrollbar {
    display: none;
  }
}
@media screen {
  .s6-pagination-label {
    display: inline-block;
  }
  .s6-pagination-bullet {
    opacity: 0.4;
    color: var(--c0);
    font-size: max(16px, 18rem);
    font-style: normal;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 112%;
    gap: 12rem;
    letter-spacing: 0.056em;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
  }
  .s6-pagination-bullet:after {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    display: block;
    color: var(--c0);
    text-transform: uppercase;
    line-height: 112%;
    font-size: max(16px, 18rem);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.056em;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-bullet:after {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    font-size: 16rem;
  }
}
@media screen {
  .s6-pagination-bullet:before {
    content: "";
    width: 2rem;
    height: 17rem;
    display: block;
    background: var(--c0);
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-bullet:before {
    -webkit-transition: opacity 0.28s ease, -webkit-transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    transition: opacity 0.28s ease, -webkit-transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    transition: opacity 0.28s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    transition: opacity 0.28s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen {
  .s6-pagination-bullet:not(.is-active):hover {
    opacity: 0.7;
  }
  .s6-pagination-bullet.is-active {
    opacity: 1;
  }
  .s6-pagination-bullet.is-active:before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-bullet.is-active {
    gap: 12rem;
    font-size: 16rem;
  }
  .s6-pagination-bullet.is-active:before {
    width: 2rem;
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(0);
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
  }
}
@media screen and (min-width: 1024px) {
  .s6-pagination-bullet {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-bullet {
    gap: 12rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    visibility: visible;
    overflow: visible;
    pointer-events: auto;
    width: auto;
    max-width: none;
    min-height: 41rem;
    font-size: 16rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0.4;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    will-change: opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .s6-pagination-bullet:after {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 16rem;
  }
  .s6-pagination-bullet:before {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 2rem;
    opacity: 0;
    -webkit-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity 0.35s ease, -webkit-transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    transition: opacity 0.35s ease, -webkit-transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    transition: opacity 0.35s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    transition: opacity 0.35s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .s6-pagination-bullet:not(.is-active):hover {
    opacity: 0.7;
  }
  .s6-pagination-bullet.is-active {
    opacity: 1;
    gap: 12rem;
    pointer-events: auto;
    min-width: calc(100vw - var(--wr) * 2 - 84rem);
  }
  .s6-pagination-bullet.is-active:before {
    width: 2rem;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
  .s6-pagination-bullet.is-active + .s6-pagination-bullet {
    opacity: 0.4;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-label {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transform: translate3d(-14rem, 0, 0);
    transform: translate3d(-14rem, 0, 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition: max-width 0.7s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.65s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease, -webkit-transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
    transition: max-width 0.7s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.65s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease, -webkit-transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
    transition: max-width 0.7s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.65s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease, transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
    transition: max-width 0.7s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.65s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease, transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: max-width, clip-path, opacity, transform;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-bullet:not(.is-active) {
    min-width: 0;
  }
  .s6-pagination-bullet:not(.is-active) .s6-pagination-label {
    max-width: 0;
    opacity: 0;
    -webkit-transform: translate3d(-14rem, 0, 0);
    transform: translate3d(-14rem, 0, 0);
    clip-path: inset(0 100% 0 0);
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
}
@media screen and (max-width: 1024px) {
  .s6-pagination-bullet.is-active {
    min-width: calc(100vw - var(--wr) * 2 - 84rem);
  }
  .s6-pagination-bullet.is-active .s6-pagination-label {
    max-width: min(var(--s6-label-width, 70vw), 100vw - var(--wr) * 2 - 140rem);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0);
    -webkit-transition: max-width 0.72s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.68s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.32s ease 0.08s, -webkit-transform 0.68s cubic-bezier(0.16, 1, 0.3, 1);
    transition: max-width 0.72s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.68s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.32s ease 0.08s, -webkit-transform 0.68s cubic-bezier(0.16, 1, 0.3, 1);
    transition: max-width 0.72s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.68s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.32s ease 0.08s, transform 0.68s cubic-bezier(0.16, 1, 0.3, 1);
    transition: max-width 0.72s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.68s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.32s ease 0.08s, transform 0.68s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.68s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-transition-delay: 0.04s, 0.04s, 0.1s, 0.04s;
    transition-delay: 0.04s, 0.04s, 0.1s, 0.04s;
  }
}
@media screen and (max-width: 1024px) {
  .s6:has(.s6-4) .wrapper {
    max-width: 100%;
  }
}
@media screen {
  .s6-3:has(.s6-4) {
    min-height: var(--s6-scroll-height, var(--app-height, 100vh));
    overflow: visible;
  }
}
@media screen and (max-width: 1024px) {
  .s6-3:has(.s6-4) {
    min-height: 0;
  }
}
@media screen {
  .s6-3:has(.s6-4):before, .s6-3:has(.s6-4):after {
    z-index: 8;
    content: none;
  }
  .s6-4-1 {
    grid-column: 1/-1;
    grid-row: 1/2;
    position: relative;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4-1 {
    grid-column: initial;
    grid-row: 2/3;
    height: auto;
  }
}
@media screen and (min-width: 1024px) {
  .s6-4-2-1 {
    display: contents;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4-2-1 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24rem;
    margin: 0 auto;
    padding: 0 var(--wr);
    max-width: var(--mw);
  }
  .s6-4-2-1:has(.s6-pagination) {
    position: relative;
    z-index: 8;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4 > .s6-4-2-1:has(.s6-pagination) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    height: 240rem;
    max-width: none;
    margin-bottom: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.12s linear, visibility 0.12s linear;
    transition: opacity 0.12s linear, visibility 0.12s linear;
    will-change: opacity;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4.is-pagination-visible > .s6-4-2-1:has(.s6-pagination) {
    opacity: 1;
    visibility: visible;
  }
}
@media screen {
  .s6-4-3 {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .s6-4-3:before {
    position: absolute;
    z-index: 2;
    content: "";
    inset: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  }
  .s6-4-3 img, .s6-4-3 picture {
    width: 100%;
    height: 100%;
  }
  .s6-4-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(24px, 2.5vw, 40rem);
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform, opacity;
    padding: 226rem var(--wr) 124rem;
  }
  .s6-4-2 .title, .s6-4-2 h3, .s6-4-2 .s6-list {
    max-width: 707rem;
  }
  .s6-4-2 .title, .s6-4-2 h3, .s6-4-2 .s6-list {
    opacity: 0;
    -webkit-transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    transform: translateY(40rem);
    -webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
    transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
    transition: opacity 0.45s ease, transform 0.45s ease;
    transition: opacity 0.45s ease, transform 0.45s ease, -webkit-transform 0.45s ease;
  }
  .s6-4-2 h3 {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
  }
  .s6-4-2 .s6-list {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
  }
  .s6-4-2 .title__default {
    margin-bottom: clamp(16px, 1.5vw, 24rem);
  }
  .s6-4-2.is-active {
    pointer-events: auto;
  }
  .s6-4-2.is-content-active .title, .s6-4-2.is-content-active h3, .s6-4-2.is-content-active .s6-list {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width: 1024px) {
  .s6-4-2 {
    position: sticky;
    inset: auto;
    top: 0;
    z-index: 1;
    min-height: var(--s6-panel-height, var(--app-height, 100vh));
    padding: 185rem 0 100rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    will-change: auto;
    isolation: isolate;
  }
}
@media screen and (max-width: 1024px) {
  .s6-4-2:nth-child(2) {
    z-index: 2;
  }
  .s6-4-2:nth-child(3) {
    z-index: 3;
  }
  .s6-4-2:nth-child(4) {
    z-index: 4;
  }
  .s6-4-2:nth-child(5) {
    z-index: 5;
  }
  .s6-4-2:nth-child(6) {
    z-index: 6;
  }
}
@media screen {
  .s6-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem;
  }
  .s6-list li {
    position: relative;
    padding-left: 27rem;
    font-size: var(--f-d);
    line-height: 114%;
  }
  .s6-list li p {
    font-size: var(--f-d);
    line-height: 114%;
  }
  .s6-list > li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: var(--c0);
  }
}
@media screen and (max-width: 1024px) {
  .s6-list > li::before {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
}
@media screen {
  .s6-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8rem;
    margin-top: 8rem;
  }
  .section-header-title {
    max-width: 100%;
  }
  .s6-list ul li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: 15rem;
    height: 15rem;
    border: 2rem solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  .s6-list ul li::before {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
}
@media screen {
  .s6-2-1 {
    grid-column: 1/5;
  }
  .s6-2-2 {
    grid-column: 1/4;
    margin-top: 25rem;
  }
  .s6-2:has(.s6-2-5) {
    gap: 24rem;
    display: grid;
    grid-template-columns: 1fr 1.01fr;
  }
}
@media screen and (max-width: 1024px) {
  .s6-2:has(.s6-2-5) {
    grid-template-columns: 100%;
  }
}
@media screen {
  .s6-3:has(.s6-2-5) .s6-1:before {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    inset: 0;
    border-radius: inherit;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  }
  .s6-2-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24rem;
  }
}
@media screen and (min-width: 1024px) {
  .s6-2-4 {
    margin-left: -64rem;
  }
}
@media screen {
  .s6-2-5 {
    margin-top: 24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(24px, 2.5vw, 40rem);
  }
}
@media screen and (max-width: 1024px) {
  .s6-2-5 {
    margin-top: 40rem;
  }
}
@media screen {
  .s6-2-3 {
    grid-column: 1/4;
    margin-top: 30rem;
  }
  .s6-3::before,
  .s6-3::after {
    content: "";
    height: 50rem;
    border-radius: 999rem;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--c0);
    z-index: 2;
  }
  .s6-3::before {
    top: -25rem;
  }
  .s6-3::after {
    bottom: -1rem;
    border-radius: 24rem 24rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  @supports (height: 100svh) {
    .s6-4 {
      --s6-panel-height: 100svh;
    }
    .s6-4-2 {
      min-height: 100svh;
    }
  }
  @supports (height: 100dvh) {
    .s6-4 {
      --s6-panel-height: 100dvh;
    }
    .s6-4-2 {
      min-height: 100dvh;
    }
  }
}
/* section s7 */
@media screen {
  .s7-1 {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: var(--gap);
  }
  .s7-1--text .s7-2-1:hover img, .s7-1--text .s7-2-1:hover picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (min-width: 1024px) {
  .s7-1--text .s7-2 {
    grid-column: 1/6;
  }
  .s7-1--text .s7-2:before {
    padding-top: 98%;
  }
  .s7-1--text .s7-3 {
    grid-column: 7/11;
  }
}
@media screen and (min-width: 1024px) {
  .s7-1:has(.s7-3--mode) .s7-2 {
    grid-column: 6/11;
  }
  .s7-1:has(.s7-3--mode) .s7-2:before {
    padding-top: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .s7-1:has(.s7-3--text) .s7-2 {
    grid-column: 6/11;
  }
  .s7-1:has(.s7-3--text) .s7-2:before {
    padding-top: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .s7-1:has(.s7-3-) .s7-2 {
    grid-column: 6/11;
  }
  .s7-1:has(.s7-3-) .s7-2:before {
    padding-top: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-height: 800px) {
  .s7-1:has(.s7-3--text + .s7-2--mode) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .s7-1:has(.s7-3--text + .s7-2--mode) .s7-2--mode {
    justify-self: center;
    max-width: min(663rem, 61vh);
    margin-top: -35rem;
    margin-bottom: -50rem;
  }
  .s7-1:has(.s7-3--text + .s7-2--mode) .s7-2--mode::before {
    padding-top: 88%;
  }
  .s7-1:has(.s7-3--text + .s7-2--mode) .s7-2--mode .s7-2-1 {
    top: 5%;
    height: 100%;
  }
}
@media screen {
  .s7-1-1 {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: var(--gap);
  }
}
@media screen and (min-width: 1024px) {
  .s7-1-1 .s7-4 {
    grid-column: 1/7;
    max-width: 692rem;
  }
  .s7-1-1 .s7-2 {
    grid-row: 1/2;
    grid-column: 7/11;
  }
}
@media screen and (max-width: 1024px) {
  .s7-1-1 .s7-4 {
    margin-top: 10rem;
  }
}
@media screen {
  .s7-2 {
    grid-column: 1/5;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: var(--br1);
  }
  .s7-2--mode {
    grid-column: 1/6;
    max-width: 663rem;
  }
  .s7-2--mode .s7-2-1:hover img, .s7-2--mode .s7-2-1:hover picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (min-width: 1024px) {
  .s7-2--mode {
    margin-top: -55rem;
    margin-bottom: -80rem;
  }
  .s7-2--mode .s7-2-1 {
    top: 10%;
    height: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .s7-2--mode .cover {
    height: 110%;
  }
}
@media screen {
  .s7-2::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 0;
    padding-top: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .s7-2--mode:before {
    padding-top: 100%;
  }
}
@media screen {
  .s7-2-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .s7-2-1 img, .s7-2-1 picture {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    will-change: transform;
  }
  .s7-2-1:hover img, .s7-2-1:hover picture {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .s7-3 {
    grid-column: 6/10;
  }
}
@media screen and (min-width: 1024px) {
  .s7-3--mode {
    grid-column: 1/5;
  }
}
@media screen and (min-width: 1024px) {
  .s7-3--text {
    grid-column: 1/6;
  }
}
@media screen and (max-width: 1024px) {
  .s7-3:has(.s7-3-4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -10rem;
  }
}
@media screen and (min-width: 1024px) {
  .s7-4 {
    grid-column: 6/11;
  }
}
@media screen and (max-width: 1024px) {
  .s7-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: -10rem;
  }
}
@media screen {
  .s7-3-4 .s12-list {
    margin-top: clamp(20px, 2.25vw, 36rem);
  }
  .s7-3-4 h3 {
    margin-top: clamp(40px, 3.75vw, 60rem);
    font-size: var(--f-m);
    line-height: 116%;
    letter-spacing: -0.05em;
  }
  .s7-3-4 h3:first-child {
    margin-top: 0;
  }
  .s7-3-4 .title__medium {
    font-size: var(--f-l) !important;
    line-height: 0.9;
    font-weight: 500;
    width: 100%;
    letter-spacing: -0.05em;
    margin-bottom: clamp(20px, 2.25vw, 36rem);
  }
  .s7-3-4 .title__medium + p {
    max-width: 550rem;
  }
}
@media screen and (max-width: 1024px) {
  .s7-3-4 {
    font-size: 16rem;
  }
}
@media screen {
  .s7-3-2 {
    margin-top: 35rem;
  }
}
/* section s8 */
@media screen {
  .s8-1 {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: 30rem var(--gap);
  }
  .s8-2 {
    grid-column: 4/11;
    border-bottom: var(--sl) solid var(--c4);
    padding-bottom: 30rem;
  }
  .s8-3 {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
  }
  .s8-3-1 {
    max-width: 620rem;
  }
  .s8-3-2 {
    height: 1em;
    width: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--f-b);
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition: -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .s8-4 {
    max-width: 620rem;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: height 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
    transition: height 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
    will-change: height;
  }
  .s8-4-inner {
    padding-top: 25rem;
  }
  .s8-2.active .s8-3-2 {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  .s8-2:not(.active) .s8-4 {
    height: 0;
    opacity: 0;
  }
}
/* section s9 */
@media screen {
  .s9-1 {
    display: grid;
    grid-template-columns: var(--cols);
    grid-gap: var(--gap);
  }
  .s9-2 {
    grid-column: 3/9;
  }
  .s9-media {
    position: relative;
    overflow: hidden;
    border-radius: var(--br1);
  }
  .s9-media::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
}
@media screen and (max-width: 1024px) {
  .s9-2 {
    grid-column: auto;
  }
}
/* section s9 */
@media screen {
  .s10 .section-header.mode .section-header-title {
    max-width: 100%;
  }
  .s10--video .section-header {
    margin-bottom: clamp(24px, 2.5vw, 40rem);
  }
  .s10:has(.s10-1-2) .section-header-title.center {
    max-width: 100%;
  }
  .s10:has(.s10-1-2) .section-header-title.center p {
    max-width: 666rem;
    margin: clamp(40px, 3.375vw, 54rem) auto 0;
  }
}
@media screen and (max-width: 1024px) {
  .s10 .section-header-pretitle {
    text-align: center;
  }
}
@media screen {
  .s10-1 {
    grid-gap: var(--gap-2);
    counter-reset: li;
  }
  .s10-1 .info-card {
    grid-column: span 3;
  }
  .s10-1-2 {
    grid-gap: var(--gap-2);
    counter-reset: li;
  }
  .s10-1-2 .info-card {
    grid-column: span 4;
  }
}
@media screen and (min-width: 1240px) {
  .s10-1-2 .info-card {
    min-height: clamp(380px, 28.125vw, 450rem);
  }
}
@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .s10-1-2 .info-card {
    min-height: 400rem;
  }
}
@media screen and (min-width: 1024px) {
  .s10-1-2 .info-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .s10-1-2 .info-card .info-card__box {
    padding-top: 8rem;
  }
}
@media screen and (min-width: 1240px) {
  .s10-1-2 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .s10-1-2 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .s10-1-2 .info-card:last-of-type {
    grid-column: 3/7;
  }
}
@media screen and (min-width: 1024px) {
  .s10-1-2 {
    display: grid;
  }
}
@media screen and (max-width: 1024px) {
  .s10-1-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen {
  .s10-1-1 {
    grid-gap: var(--gap-2);
    counter-reset: li;
  }
  .s10-1-1 .info-card {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1240px) {
  .s10-1-1 .info-card {
    min-height: clamp(380px, 28.125vw, 450rem);
  }
}
@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .s10-1-1 .info-card {
    min-height: 400rem;
  }
}
@media screen and (min-width: 1240px) {
  .s10-1-1 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .s10-1-1 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .s10-1-1 {
    display: grid;
  }
}
@media screen and (max-width: 1024px) {
  .s10-1-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 1240px) {
  .s10-1 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .s10-1 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .s10-1 {
    display: grid;
  }
}
@media screen and (max-width: 1024px) {
  .s10-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen {
  .s10-video {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    aspect-ratio: 1408/625;
    border-radius: var(--br1);
    background: var(--g2);
    color: var(--c0);
    text-decoration: none;
    cursor: pointer;
  }
  .s10-video:before {
    content: "";
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
    pointer-events: none;
    inset: 0;
    position: absolute;
  }
  .s10-video__btn {
    position: absolute;
    top: 50%;
    pointer-events: none;
    left: 50%;
    z-index: 3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 450;
    line-height: 188%;
    letter-spacing: -0.005em;
    color: var(--c0);
    font-size: var(--f-xs);
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, transform 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s;
    transition: opacity 0.25s, transform 0.25s, inset 0.25s, min-width 0.25s, padding 0.25s, -webkit-transform 0.25s;
    gap: 10rem;
  }
  .s10-video__btn .icon {
    position: relative;
    top: -2rem;
    width: 16rem;
    height: 16rem;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .s10-video__preview {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--c1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    will-change: transform;
  }
  .s10-video__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .s10-video:hover .s10-video__preview {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media screen and (max-width: 1024px) {
  .s10-video {
    aspect-ratio: 342/220;
  }
}
/* section s11 */
/* stylelint-disable */
@media screen {
  .s11-1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-2);
  }
  .s11-2 {
    min-width: 0;
  }
  .s11 .card-1 {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .s11 .card-1 {
    min-height: 450rem;
  }
}
@media screen and (min-width: 1024px) {
  .s11 .card-1 .card-header:before {
    padding-top: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .s11-1 {
    grid-template-columns: auto;
    gap: 15rem;
  }
  .s11 .card-1 .card-subtitle {
    max-width: none;
  }
}
/* section s12 */
/* stylelint-disable */
@media screen {
  .s12-1 {
    display: grid;
    gap: var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns: var(--cols);
  }
  .s12 .title__default {
    letter-spacing: -0.0595em;
  }
  .s12-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(40px, 3.75vw, 60rem);
    max-width: 632rem;
  }
}
@media screen and (min-width: 1024px) {
  .s12-2 {
    grid-column: 1/6;
  }
}
@media screen {
  .s12-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(20px, 2.25vw, 36rem);
  }
  .s12-3 h3 {
    font-size: var(--f-m);
    line-height: 116%;
  }
  .s12-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem;
  }
  .s12-list li {
    position: relative;
    padding-left: 27rem;
    font-size: var(--f-d);
    line-height: 114%;
  }
  .s12-list li p {
    font-size: var(--f-d);
    line-height: 114%;
  }
  .s12-list > li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: var(--g2);
  }
}
@media screen and (max-width: 1024px) {
  .s12-list > li::before {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
}
@media screen {
  .s12-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem;
    margin-top: 12rem;
  }
}
@media screen and (max-width: 1024px) {
  .s12-list ul {
    gap: 10rem;
    margin: 10rem 0 -2rem;
  }
}
@media screen {
  .section-header-title {
    max-width: 100%;
  }
  .s12-list ul li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: 15rem;
    height: 15rem;
    border: 2rem solid rgba(18, 18, 18, 0.6);
    border-radius: 50%;
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  .s12-list ul li::before {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
}
@media screen {
  .s12-4 {
    min-width: 0;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .s12-4 {
    grid-column: 6/11;
  }
}
@media screen and (max-width: 1024px) {
  .s12-4 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media screen {
  .s12-5 {
    position: relative;
    overflow: hidden;
    border-radius: var(--br1);
    height: 100%;
  }
  .s12-5 img, .s12-5 picture {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    will-change: transform;
  }
  .s12-5:hover img, .s12-5:hover picture {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .s12-5::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .s12-1 {
    grid-template-columns: 100%;
    gap: 20rem;
  }
  .s12-2 {
    max-width: none;
  }
  .s12-5::before {
    padding-top: 90%;
  }
}
/* section s13 */
/* stylelint-disable */
@media screen {
  .s13 .section-header-title:has(p) {
    text-align: center;
  }
  .s13 .section-header-title:has(p) p {
    text-align: center;
  }
  .s13 .section-header-title .gap-card__text {
    letter-spacing: -0.0208em;
  }
  .s13 .section-header-title .gap-card__list li {
    letter-spacing: -0.025em;
  }
  .s13 .section-header-title p {
    max-width: clamp(700px, 52.25vw, 836rem);
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(40px, 3.375vw, 54rem);
  }
  .s13-1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-2);
  }
  .gap-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: clamp(20px, 5vw, 80rem) clamp(20px, 2.5vw, 40rem);
    border: var(--sl) solid var(--c4);
    border-radius: var(--br1);
    background: var(--Light-Grey);
    gap: 36rem;
    height: 100%;
  }
  .gap-card h3 {
    font-size: var(--f-l);
    line-height: 0.93;
    letter-spacing: -0.0625em;
  }
}
@media screen and (max-width: 1024px) {
  .gap-card {
    gap: 40rem;
  }
}
@media screen and (max-width: 576px) {
  .gap-card {
    padding: 20rem;
  }
}
@media screen {
  .gap-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem;
  }
  .gap-card__list li {
    position: relative;
    padding-left: 27rem;
    font-size: var(--f-d);
    line-height: 114%;
  }
  .gap-card__list li p {
    font-size: var(--f-d);
    line-height: 114%;
  }
}
@media screen and (max-width: 576px) {
  .gap-card__list li p {
    font-size: 16rem;
  }
}
@media screen and (max-width: 576px) {
  .gap-card__list li {
    font-size: 16rem;
  }
}
@media screen {
  .gap-card__list > li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: var(--g2);
  }
}
@media screen and (max-width: 1024px) {
  .gap-card__list > li::before {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
}
@media screen and (max-width: 576px) {
  .gap-card__list > li::before {
    top: 2rem;
  }
}
@media screen {
  .gap-card__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem;
    margin-top: 12rem;
  }
}
@media screen and (max-width: 1024px) {
  .gap-card__list ul {
    gap: 10rem;
    margin: 10rem 0 -2rem;
  }
}
@media screen {
  .gap-card__list ul li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: 15rem;
    height: 15rem;
    border: 2rem solid rgba(18, 18, 18, 0.6);
    border-radius: 50%;
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  .gap-card__list ul li::before {
    width: 12rem;
    height: 12rem;
    left: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .s13-1 {
    grid-template-columns: auto;
  }
  .s13-1 .section-header-pretitle {
    text-align: center;
  }
  .gap-card {
    min-height: 0;
    padding-bottom: 43rem;
  }
}
/* section s14 */
/* stylelint-disable */
@media screen {
  .s14 {
    overflow: hidden;
    min-height: 760rem;
    margin-bottom: 0;
    color: var(--c0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .s14-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0.12))), url("../../data/s12-bg.png");
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.12)), url("../../data/s12-bg.png");
    background-size: cover;
    background-position: center;
  }
  .s14 .wrapper {
    position: relative;
    z-index: 1;
  }
  .s14-1 {
    max-width: 560rem;
    padding: 160rem 0;
  }
  .s14-1 p {
    max-width: 430rem;
    margin-top: 40rem;
  }
  .s14-1 .button {
    margin-top: 30rem;
    background-color: var(--c0);
    color: var(--c1);
  }
}
@media screen and (max-width: 1024px) {
  .s14 {
    min-height: 520rem;
  }
  .s14-bg {
    background-position: 65% center;
  }
  .s14-1 {
    max-width: 310rem;
    padding: 90rem 0;
  }
  .s14-1 p {
    margin-top: 24rem;
  }
}
/* section s15 */
/* stylelint-disable */
@media screen {
  .s15-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 80rem 40rem;
    border-radius: var(--br1);
    color: var(--c0);
    background: linear-gradient(135deg, #FC5800 1.67%, #FFCC65 101.67%);
  }
  .s15-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(16px, 2vw, 32rem);
  }
  .s15-4 {
    display: grid;
    grid-template-columns: clamp(48px, 4.125vw, 66rem) 1fr;
    gap: clamp(20px, 2.25vw, 36rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8rem 12rem;
    border-radius: 999rem;
    border: 1rem solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.15);
  }
  .s15-4 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: clamp(30px, 2.625vw, 42rem);
    padding: 12rem;
    border-radius: 999rem;
    background-color: var(--c0);
    font-size: clamp(12px, 1vw, 16rem);
    font-weight: 600;
    line-height: 116.667%;
    letter-spacing: 1rem;
    color: rgba(18, 18, 18, 0.8);
  }
  .s15-4 p {
    margin: 0;
    font-size: clamp(18px, 1.5vw, 24rem);
    line-height: 116%;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 1024px) {
  .s15-1 {
    grid-template-columns: auto;
    gap: 40rem;
    padding: 40rem 20rem;
  }
}
/* section s16 */
/* stylelint-disable */
@media screen {
  .s16 .section-header:not(:last-child) {
    margin-bottom: 90rem;
  }
  .s16-1 {
    display: grid;
    grid-template-columns: minmax(0, 0.675fr) minmax(0, 1fr);
    gap: var(--gap-2);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
@media screen and (max-width: 1024px) {
  .s16 .section-header-title.center {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    text-align: start !important;
  }
}
@media screen {
  .s16-2 {
    display: grid;
    grid-template-columns: auto;
    gap: 55rem;
  }
  .s16-3 {
    display: grid;
    grid-template-columns: auto;
    gap: 35rem;
    max-width: 540rem;
  }
  .s16-3 h3 {
    max-width: 366rem;
  }
  .s16-3 p {
    max-width: 335rem;
  }
  .s16-4 {
    position: relative;
    z-index: 2;
    min-width: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .s16-4 {
    border-radius: 8rem;
    background-color: var(--c0);
    border: 1rem solid rgba(18, 18, 18, 0.15);
    aspect-ratio: 835/600;
  }
}
@media screen {
  .s16-tabs {
    position: absolute;
    top: 24rem;
    right: 24rem;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 8rem;
  }
}
@media screen and (max-width: 1024px) {
  .s16-tabs {
    left: 20rem;
    top: 20rem;
    right: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen {
  .s16-tab {
    overflow: hidden;
    padding: clamp(8px, 0.75vw, 12rem) clamp(16px, 1.5vw, 24rem);
    border-radius: 999rem;
    border: 1rem solid rgba(18, 18, 18, 0.15);
    text-transform: uppercase;
    font-size: clamp(12px, 1vw, 16rem);
    background-color: var(--c0);
    color: var(--c1);
    font-weight: 600;
    text-align: center;
    line-height: 112%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 1rem;
  }
  .s16-tab.active {
    border-color: var(--c1);
    background-color: var(--c1);
    color: var(--c0);
  }
  .s16-panel:not(.active) {
    display: none;
  }
  .s16-panels {
    width: 100%;
    height: 100%;
  }
  .s16-panel {
    height: 100%;
  }
  .s16-panel-media {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: var(--br1);
  }
}
@media screen and (max-width: 1024px) {
  .s16-panel-media {
    background-color: var(--c0);
    border-radius: 8rem;
    border: 1rem solid rgba(18, 18, 18, 0.15);
    overflow: hidden;
  }
}
@media screen {
  .s16-panel-media picture,
  .s16-panel-media img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .s16-panel-media picture,
  .s16-panel-media img {
    margin: 100rem 24rem 0 24rem;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 350/385;
  }
}
@media screen {
  .s16-panel-text {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .s16 .section-header:not(:last-child) {
    margin-bottom: 35rem;
  }
  .s16-1 {
    grid-template-columns: auto;
    gap: 35rem;
  }
  .s16-2 {
    gap: 30rem;
  }
  .s16-3 {
    gap: 24rem;
    max-width: none;
  }
  .s16-tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    margin: -4rem -4rem 20rem;
    padding: 4rem;
  }
  .s16-tab {
    min-height: 38rem;
    padding: 0 18rem;
    white-space: nowrap;
  }
  .s16-panel-text {
    display: block;
    margin-top: 20rem;
  }
  .s16-panel-text ol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16rem;
    counter-reset: nerve;
  }
  .s16-panel-text li {
    display: grid;
    grid-template-columns: 13rem 1fr;
    -webkit-column-gap: 12rem;
    -moz-column-gap: 12rem;
    column-gap: 12rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    counter-increment: nerve;
  }
  .s16-panel-text li::before {
    content: counter(nerve) ".";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/2;
    grid-row: 1/3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16rem;
    font-style: normal;
    font-weight: 450;
    line-height: 16rem;
    letter-spacing: -0.5rem;
  }
  .s16-panel-text strong,
  .s16-panel-text span {
    font-size: 16rem;
    font-style: normal;
    font-weight: 450;
    line-height: 16rem;
    letter-spacing: -0.5rem;
    display: block;
  }
  .s16-panel-text span {
    opacity: 0.4;
  }
}
/* section s17 */
/* stylelint-disable */
@media screen {
  .s17 {
    background: linear-gradient(135deg, #FC5800 1.67%, #FFCC65 101.67%), linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    position: relative;
    overflow: hidden;
  }
  .s17::before, .s17::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 24rem;
    background: var(--c0);
    pointer-events: none;
  }
  .s17::before {
    top: 0;
    border-radius: 0 0 24rem 24rem;
  }
  .s17::after {
    bottom: 0;
    border-radius: 24rem 24rem 0 0;
  }
  .s17-1 {
    position: relative;
    display: grid;
    grid-template-columns: 1.03fr 1fr;
    gap: var(--gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: clamp(141px, 12.9375vw, 207rem) 0;
    color: var(--c0);
  }
  .s17-2,
  .s17-3 {
    position: relative;
    z-index: 2;
  }
  .s17-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(20px, 2.5vw, 40rem);
  }
}
@media screen and (min-width: 1024px) {
  .s17-3 {
    padding-top: 24rem;
  }
}
@media screen {
  .s17-3 h3 {
    font-size: var(--f-l);
    line-height: 0.93;
    letter-spacing: -0.0625em;
  }
  .s17-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem;
    max-width: 640rem;
  }
  .s17-list li {
    position: relative;
    padding-left: 24rem;
    font-size: var(--f-d);
    line-height: 114%;
  }
  .s17-list li::before {
    content: "";
    position: absolute;
    top: 4rem;
    left: 0;
    width: clamp(12px, 0.9375vw, 15rem);
    height: clamp(12px, 0.9375vw, 15rem);
    border-radius: 50%;
    background: var(--c0);
  }
}
@media screen and (max-width: 1024px) {
  .s17-1 {
    grid-template-columns: 100%;
    gap: 40rem;
  }
}
/* section s18 */
/* stylelint-disable */
/* section s404 */
@media screen {
  .s404 {
    --s404-image-mask: linear-gradient(
      to top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 50rem,
      rgba(0, 0, 0, 1) 100%
    );
    position: relative;
    min-height: calc(var(--app-height) - var(--headroom-height));
    overflow: hidden;
  }
  .s404::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url(../img/404-image.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-mask-image: var(--s404-image-mask);
    mask-image: var(--s404-image-mask);
  }
  .s404 .wrapper {
    position: relative;
    z-index: 1;
  }
  .s404:last-child {
    margin: 0;
  }
  .s404-1 {
    min-height: calc(var(--app-height) - var(--headroom-height));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .s404-2 {
    font-size: 200rem;
    line-height: 1;
  }
  .s404-3 {
    font-size: var(--f-m);
    margin-top: 50rem;
  }
  .s404-4 {
    margin-top: 25rem;
  }
}
@media screen and (max-width: 1023.98px) {
  :root {
    --wr: 15rem;
    --gap: 10rem;
    --btn: 44rem;
    --cols: minmax(0, 1fr);
    --f-xs: 12rem;
    --f-s: 16rem;
    --f-d: 16rem;
    --f-m: 18rem;
    --f-b: 20rem;
    --f-l: 24rem;
    --f-xl: 32rem;
    --f-xxl: 44rem;
    --mw: 640rem;
  }
  .gap-card__text {
    font-size: var(--f-m);
  }
  .s6-4-2-1 h3 {
    font-size: var(--f-l);
  }
  .info-card__box p, .s6-2-2 p, .s16-3 h3, .s8-4-inner p, .s1-6-2, .s3-3-2, .footer-grid, .popup-footer-social {
    font-size: var(--f-m);
  }
  .s7-3-1:has(+ .s7-3-2 .button) {
    font-size: var(--f-m);
  }
  .gap-card__list + .gap-card__text {
    font-size: var(--f-d);
  }
  html {
    font-size: 1px;
  }
  .desktop {
    display: none !important;
  }
  .section-header-title p, .s12-3 > p {
    font-size: 18rem;
  }
  .title br {
    display: none;
  }
  .button__default .button-icon,
  .button__secondary .button-icon {
    padding: 8rem;
  }
  .header {
    padding-bottom: 15rem;
    z-index: 999;
  }
  .header::before {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .popup-active .header::before {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .topbar {
    grid-template-columns: 1fr auto;
    padding: 0 0 15rem;
    border-top: 15rem solid transparent;
  }
  .topbar-logo {
    max-width: 50rem;
  }
  .topbar-nav,
  .topbar-action {
    display: none;
  }
  .topbar-menu {
    width: 50rem;
    height: 50rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 15rem;
    border-radius: 50%;
    background-color: var(--c3);
    -webkit-transition: color 0.5s, background-color 0.5s;
    transition: color 0.5s, background-color 0.5s;
    pointer-events: all;
  }
  .topbar-menu-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .topbar-menu-inner::before,
  .topbar-menu-inner::after {
    content: "";
    left: 0;
    right: 0;
    height: max(1px, 1.5rem);
    background-color: currentColor;
    position: absolute;
    margin: 0;
    -webkit-transition: margin 0.25s, -webkit-transform 0.25s;
    transition: margin 0.25s, -webkit-transform 0.25s;
    transition: margin 0.25s, transform 0.25s;
    transition: margin 0.25s, transform 0.25s, -webkit-transform 0.25s;
  }
  .topbar-menu-inner::before {
    margin-top: -7rem;
  }
  .topbar-menu-inner::after {
    margin-top: 7rem;
  }
  .topbar-menu.active {
    color: var(--c0);
    background-color: var(--c5);
  }
  .topbar-menu.active .topbar-menu-inner::before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .topbar-menu.active .topbar-menu-inner::after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .breadcrumbs {
    margin-bottom: 60rem;
  }
  .section-header:not(:last-child) {
    margin-bottom: 35rem;
  }
  .section-header-pretitle {
    padding-top: 15rem;
  }
  .section-header-pretitle:not(:last-child) {
    margin-bottom: 50rem;
  }
  .footer {
    padding: 80rem 0 20rem;
    margin-top: -20rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(90%, var(--c2)));
    background: linear-gradient(transparent 5%, var(--c2) 90%);
  }
  .f1 {
    grid-column: 1/-1;
    max-width: 80rem;
  }
  .f2 {
    grid-column: 1/-1;
    margin-top: 50rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40rem var(--gap);
  }
  .f2-1 {
    grid-gap: 15rem;
  }
  .f2-1:nth-child(2) {
    margin: 0 auto;
  }
  .f2-1:nth-child(3) {
    grid-column: 1/-1;
  }
  .f3 {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 10rem 0 0;
    padding: 0;
    border: none;
  }
  .f4 {
    grid-column: 1/-1;
    margin: 40rem 0 10rem;
    padding-top: 10rem;
    border-top: var(--sl) solid;
  }
  .f5 {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10rem;
  }
  .tabs ul {
    margin: -2rem;
  }
  .tabs li {
    margin: 2rem;
    padding: 10rem 15rem;
    line-height: 1;
  }
  .card-1 .card-header {
    padding: 15rem;
  }
  .card-1 .card-header::before {
    padding-top: 65%;
  }
  .card-1 .card-inner {
    padding: 25rem 10rem 10rem;
  }
  .card-1 .card-subtitle {
    margin-top: 10rem;
  }
  .section {
    margin-bottom: 60rem;
  }
  .section:last-child {
    margin-bottom: 0;
  }
  .s1-5 {
    padding: 0;
    grid-column: auto;
  }
  .s1-4 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
  }
  .s1-4-1 {
    width: 100%;
  }
  .s1-4 .carousel-pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-left: none;
    border-bottom: 2rem solid var(--c4);
  }
  .s1-4 .carousel-pagination-bullet {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }
  .s1-4 .carousel-pagination-runner {
    height: 2rem !important;
    top: auto !important;
    bottom: 0;
  }
  .s1-6 {
    margin-bottom: 25rem;
  }
  .s1-6-1 {
    margin: 0;
  }
  .s1-6-2 {
    margin-top: 25rem;
    max-width: 280rem;
  }
  .s1-7 {
    margin: -5rem;
  }
  .s1-7-1 {
    margin: 5rem;
  }
  .s1-8 {
    grid-column: auto;
    margin-top: auto;
    margin-bottom: 0;
  }
  .s2-1 {
    grid-template-columns: auto;
  }
  .s2-2 {
    display: none;
  }
  .s2-3 {
    grid-gap: 25rem;
  }
  .s2-4 {
    padding-bottom: 25rem;
  }
  .s3-1 {
    grid-gap: 25rem;
  }
  .s3-2 {
    padding-top: 25rem;
    grid-gap: 0;
  }
  .s3-2::before {
    margin-bottom: 30rem;
  }
  .s3-3 {
    grid-column: auto;
  }
  .s3-3-2 {
    margin-top: 15rem;
  }
  .s3-3-3 {
    margin-top: 25rem;
  }
  .s4-1 {
    grid-template-columns: auto;
    grid-gap: 15rem;
  }
  .s5-2 {
    grid-gap: 30rem;
  }
  .s5-3 {
    grid-column: auto;
  }
  .s5-4 {
    grid-column: auto;
    margin: 0;
  }
  .s5-5 {
    max-width: 280rem;
  }
  .s5-5:not(:last-child) {
    margin-bottom: 15rem;
  }
  .s5-5 .title {
    font-size: var(--f-l);
  }
  .s5-7-2 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .s6-2 {
    padding: 150rem 0;
  }
  .s6-2-1 {
    grid-column: auto;
  }
  .s6-2-2 {
    grid-column: auto;
    max-width: 280rem;
  }
  .s6-2-3 {
    grid-column: auto;
    margin-top: 15rem;
  }
  .s7-1 {
    grid-gap: 30rem;
  }
  .s7-2 {
    grid-column: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .s7-3 {
    grid-column: auto;
  }
  .s7-3-2 {
    margin-top: 25rem;
  }
  .s8-1 {
    grid-gap: 25rem;
    padding-top: 25rem;
    border-top: var(--sl) solid var(--c4);
  }
  .s8-2 {
    grid-column: auto;
    padding-bottom: 25rem;
  }
  .s8-3-1 {
    max-width: 280rem;
  }
  .s8-4 {
    max-width: 280rem;
  }
  .s8-4-inner {
    padding-top: 15rem;
  }
  .s9-2 {
    grid-column: auto;
  }
  .s404 {
    --s404-image-space: clamp(170rem, 22vh, 280rem);
    --s404-image-mask: linear-gradient(
      to top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 50rem,
      rgba(0, 0, 0, 1) 100%
    );
  }
  .s404-1 {
    min-height: calc(var(--app-height) - var(--headroom-height) - var(--s404-image-space));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12rem 0 24rem;
  }
  .s404-2 {
    font-size: 128rem;
  }
  .s404-3 {
    margin-top: 15rem;
  }
  .s404-4 {
    margin-top: 15rem;
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--c2);
    color: var(--c0);
    z-index: 99;
    -webkit-transition: clip-path 0.5s, visibility 0.5s;
    transition: clip-path 0.5s, visibility 0.5s;
    clip-path: inset(0 0 0% 0);
    background-image: var(--g1);
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: var(--headroom-height);
  }
  .popup-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    padding: 15rem var(--wr);
    -webkit-transition: opacity 0.25s 0.25s;
    transition: opacity 0.25s 0.25s;
  }
  .popup-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .popup-footer {
    margin-top: 50rem;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 25rem;
  }
  .popup-footer-social {
    overflow: hidden;
  }
  .popup-footer-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -5rem;
  }
  .popup-footer-social li {
    margin: 5rem;
  }
  .popup-footer-action {
    margin: 0;
  }
  .popup-footer-action .button__secondary {
    border: none;
    width: 100%;
    background-color: var(--c0);
    color: var(--c1);
  }
  .popup-footer-action .button__secondary::before {
    content: "";
    height: 100%;
    aspect-ratio: 1/1;
  }
  .popup-footer-action .button__secondary .button-text {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .menu > ul {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0.5em;
    font-size: var(--f-l);
  }
  .menu li {
    min-width: 0;
  }
  .menu .has-submenu {
    display: grid;
    grid-template-columns: auto 1fr;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8rem;
    -moz-column-gap: 8rem;
    column-gap: 8rem;
  }
  .has-submenu.js-menu-submenu.is-open .submenu-toggle.js-submenu-toggle {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  .menu .submenu-toggle {
    width: 24rem;
    height: 24rem;
    margin-left: 0;
    margin-bottom: -3rem;
  }
  .menu .submenu-toggle::before {
    width: 7rem;
    height: 7rem;
    border-width: max(1px, 1.5rem);
    -webkit-transform: rotate(45deg) translate(-1rem, -1rem);
    -ms-transform: rotate(45deg) translate(-1rem, -1rem);
    transform: rotate(45deg) translate(-1rem, -1rem);
  }
  .menu .has-submenu.is-open > .submenu-toggle::before {
    -webkit-transform: rotate(225deg) translate(-1rem, -1rem);
    -ms-transform: rotate(225deg) translate(-1rem, -1rem);
    transform: rotate(225deg) translate(-1rem, -1rem);
  }
  .popup-content .menu {
    color: var(--c0);
  }
  .popup-content .menu:has(.has-submenu.is-open) {
    color: rgba(255, 255, 255, 0.5);
  }
  .popup-content .menu:has(.has-submenu.is-open) .has-submenu.is-open {
    color: var(--c0);
  }
  .topbar-logo {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header:has(.topbar-menu.mobile.active) .topbar-logo {
    -webkit-filter: invert(1);
    filter: invert(1);
  }
  .menu .submenu {
    grid-column: 1/-1;
    display: grid;
    gap: 0.35em;
    min-width: 0;
    max-height: none;
    height: 0;
    overflow: hidden;
    padding: 0 0 0 24rem;
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    font-size: inherit;
    opacity: 0;
    -webkit-transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease;
    transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease;
  }
  .menu .has-submenu.is-open > .submenu {
    opacity: 1;
  }
  .popup:not(.active) {
    clip-path: inset(0 0 100% 0);
    visibility: hidden;
  }
  .popup:not(.active) .popup-inner {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
}
@media screen and (min-width: 1024px) {
  .mobile {
    display: none !important;
  }
  .s1-4 .carousel-pagination-runner {
    left: 0 !important;
    width: max(1px, 2rem) !important;
  }
}
@media screen and (min-width: 192000px) {
  html {
    font-size: 1px;
  }
}
/* hover animations */
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .button__default .button-text,
  .button__secondary .button-text,
  .s16-tab .button-text {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .button__default .button-icon,
  .button__secondary .button-icon {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .button__default:hover .button-icon {
    background-color: var(--c0);
    color: var(--c1);
  }
  .button__secondary:hover .button-icon {
    background-image: var(--g1);
  }
  .split-letter {
    position: relative;
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s;
    will-change: transform;
    -webkit-transition-delay: calc(0.015s * var(--i));
    transition-delay: calc(0.015s * var(--i));
    white-space: pre;
  }
  .split-letter::after {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 0;
  }
  .button:hover .split-letter,
  .s16-tab:hover .split-letter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .card-media,
  .s5-4-1 {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
  .tabs li {
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
  }
  .tabs li:hover {
    border-color: var(--c6);
  }
  .s2-2-1 {
    will-change: transform;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .s2-2-1:not(.active) {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  .s2-4-1 {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
  }
  .s2-4-2 {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    will-change: transform;
  }
  .s2-4:not(.active) .s2-4-1 {
    opacity: 0.4;
  }
  .s2-4:not(.active) .s2-4-2 {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .breadcrumbs a,
  .topbar-nav a,
  .bottombar-author a,
  .f2-1-2 a,
  .f5 a {
    -webkit-transition: background-size 0.25s, color 0.25s;
    transition: background-size 0.25s, color 0.25s;
    background-size: 0 var(--sl);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
    background-image: linear-gradient(currentColor, currentColor);
    display: inline;
    padding-bottom: 0;
  }
  .breadcrumbs a:hover,
  .topbar-nav a:hover,
  .bottombar-author a:hover,
  .f2-1-2 a:hover,
  .f5 a:hover {
    background-size: 100% var(--sl);
    background-position: left bottom;
  }
  .textbox a {
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
  }
  .textbox a:hover {
    opacity: 0.5;
  }
}
/*# sourceMappingURL=main.css.map */