:root {   --font-base: "Sharp", sans-serif;   --font-display: "Lyon Display", sans-serif;   --clr-black: #000000;   --clr-white: #fff;   --clr-white-hover: #F9EDE8;   --clr-chocolate: #523c32;   --clr-terracota: #936c5c;   --clr-rose: #e5D0c8;   --font-secondary: "amandine", sans-serif; } @font-face {   font-family: "Lyon Display";   src: url("../../../app/themes/classic/assets/fonts/Lyon/LyonDisplay-Light.woff2") format("woff2"),        url("../../../app/themes/classic/assets/fonts/Lyon/LyonDisplay-Light.woff") format("woff");   font-weight: 300;   font-style: normal;   font-display: swap; } @font-face {   font-family: "Lyon Display";   src: url("../../../app/themes/classic/assets/fonts/Lyon/LyonDisplay-LightItalic.woff2") format("woff2"),        url("../../../app/themes/classic/assets/fonts/Lyon/LyonDisplay-LightItalic.woff") format("woff");   font-weight: 300;   font-style: italic;   font-display: swap; }  /* 375px - x-small 640px - small 768px - medium 992 - large 1200 - x-large 1440 - xx-large   */ /* mobile */ /* mobile */ /* tablet */ /* tablet lg */ /* desktop */ /* desktop lg */ /* desktop xl */ @font-face {   font-family: "Sharp";   src: url("../../../assets/landingpage/lp-4/fonts/Sharp/SharpSansDisplayNo1-Medium.woff2") format("woff2"), url("../../../assets/landingpage/lp-4/fonts/Sharp/SharpSansDisplayNo1-Medium.woff") format("woff");   font-weight: 500;   font-style: normal;   font-display: swap; } @font-face {   font-family: "Sharp";   src: url("../../../assets/landingpage/lp-4/fonts/Sharp/SharpSansDisplayNo1-Bold.woff2") format("woff2"), url("../../../assets/landingpage/lp-4/fonts/Sharp/SharpSansDisplayNo1-Bold.woff") format("woff");   font-weight: 700;   font-style: normal;   font-display: swap; } @font-face {   font-family: "Sharp";   src: url("../../../assets/landingpage/lp-4/fonts/Sharp/SharpSansDisplayNo1-Book.woff2") format("woff2"), url("../../../assets/landingpage/lp-4/fonts/Sharp/SharpSansDisplayNo1-Book.woff") format("woff");   font-weight: 400;   font-style: normal;   font-display: swap; } *, *:before, *:after {   box-sizing: border-box; }  html {   scroll-behavior: smooth;   background-color: #000; } html:has(.c-menu--active), html.locked {   overflow: hidden; } html:has(.c-menu--active) body, html.locked body {   overflow: hidden; }  sup {   font-size: 0.5em;   vertical-align: super;   line-height: 0; } body {   margin: 0;   padding: 0;   font-family: var(--font-base);   font-weight: 400;   font-size: 16px;   color: var(--clr-white);   background-color: #000; } .page {   background-color: rgba(29, 17, 72, 0.8); }  .container {   width: 100%;   margin-inline: auto; } @media (max-width: 767px) {   .container {     padding-inline: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .container {     padding-inline: 80px;   } } @media (min-width: 1200px) {   .container {     max-width: 1420px;     padding-inline: 90px;   } }  a {   color: inherit; } a:hover {   text-decoration: none; }  img {   max-width: 100%;   height: auto;   display: inline-block;   vertical-align: top; }  iframe {   border: none; }  strong {   font-weight: 600; }  .btn {   display: inline-flex;   align-items: center;   height: 70px;   padding-left: 32px;   padding-right: 32px;   background-color: var(--clr-white);   text-transform: uppercase;   font-weight: 700;   text-decoration: none;   transition: background-color 0.3s ease; } .btn:hover {   background-color: var(--clr-white-hover); }  h1, h2, h3, h4, h5, h6 {   line-height: 1.3;   margin: 0;   padding: 0;   font-size: inherit;   font-weight: 400; }  /*     Colorbox Core Style:     The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper {   position: absolute;   top: 0;   left: 0;   z-index: 9999;   overflow: hidden;   -webkit-transform: translate3d(0, 0, 0);   transform: translate3d(0, 0, 0); }  #cboxWrapper {   max-width: none; }  #cboxOverlay {   position: fixed;   width: 100%;   height: 100%; }  #cboxMiddleLeft, #cboxBottomLeft {   clear: left; }  #cboxContent {   position: relative; }  #cboxLoadedContent {   overflow: auto;   -webkit-overflow-scrolling: touch; }  #cboxTitle {   margin: 0; }  #cboxLoadingOverlay, #cboxLoadingGraphic {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%; }  #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {   cursor: pointer; }  .cboxPhoto {   float: left;   margin: auto;   border: 0;   display: block;   max-width: none;   -ms-interpolation-mode: bicubic; }  .cboxIframe {   width: 100%;   height: 100%;   display: block;   border: 0;   padding: 0;   margin: 0; }  #colorbox, #cboxContent, #cboxLoadedContent {   box-sizing: content-box;   -moz-box-sizing: content-box;   -webkit-box-sizing: content-box; }  /*     User Style:     Change the following styles to modify the appearance of Colorbox.  They are     ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay {   background: #000;   opacity: 1 !important; }  #colorbox {   outline: 0; }  #cboxTopLeft {   width: 21px;   height: 21px;   background: url(images/controls.png) no-repeat -101px 0; }  #cboxTopRight {   width: 21px;   height: 21px;   background: url(images/controls.png) no-repeat -130px 0; }  #cboxBottomLeft {   width: 21px;   height: 21px;   background: url(images/controls.png) no-repeat -101px -29px; }  #cboxBottomRight {   width: 21px;   height: 21px;   background: url(images/controls.png) no-repeat -130px -29px; }  #cboxTopCenter {   height: 21px;   background: url(images/border.png) 0 0 repeat-x; }  #cboxBottomCenter {   height: 21px;   background: url(images/border.png) 0 -29px repeat-x; }  #cboxContent {   background: #fff;   overflow: hidden; }  .cboxIframe {   background: #fff; }  #cboxError {   padding: 50px;   border: 1px solid #ccc; }  #cboxTitle {   display: none; }  #cboxCurrent {   position: absolute;   bottom: 4px;   left: 58px;   color: #949494; }  #cboxLoadingOverlay {   background: url(images/loading_background.png) no-repeat center center; }  #cboxLoadingGraphic {   background: url(images/loading.gif) no-repeat center center; }  /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {   border: 0;   padding: 0;   margin: 0;   overflow: visible;   width: auto;   background: none; }  /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {   outline: 0; }  #cboxSlideshow {   position: absolute;   bottom: 4px;   right: 30px;   color: #0092ef; }  #cboxClose {   position: fixed;   right: 0;   top: 0;   width: 64px;   height: 64px;   overflow: hidden;   background-color: #fff;   cursor: pointer;   text-indent: -999em; }  #cboxClose:before, #cboxClose:after {   position: absolute;   width: 32px;   height: 1px;   left: 50%;   top: 50%;   content: "";   background-color: #000; }  #cboxClose:before {   transform: translate(-50%) rotate(-45deg); }  #cboxClose:after {   transform: translate(-50%) rotate(45deg); }  #cboxClose:hover {   background-position: -25px -25px; }  /*   The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill   when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.   See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }  /**  * Swiper 11.1.9  * Most modern mobile touch slider and framework with hardware accelerated transitions  * https://swiperjs.com  *  * Copyright 2014-2024 Vladimir Kharlampidi  *  * Released under the MIT License  *  * Released on: July 31, 2024  */ @font-face {   font-family: swiper-icons;   src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");   font-weight: 400;   font-style: normal; } :root {   --swiper-theme-color:#007aff; }  :host {   position: relative;   display: block;   margin-left: auto;   margin-right: auto;   z-index: 1; }  .swiper {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;   z-index: 1;   display: block; }  .swiper-vertical > .swiper-wrapper {   flex-direction: column; }  .swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);   box-sizing: content-box; }  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {   transform: translate3d(0px, 0, 0); }  .swiper-horizontal {   touch-action: pan-y; }  .swiper-vertical {   touch-action: pan-x; }  .swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform;   display: block; }  .swiper-slide-invisible-blank {   visibility: hidden; }  .swiper-autoheight, .swiper-autoheight .swiper-slide {   height: auto; }  .swiper-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform, height; }  .swiper-backface-hidden .swiper-slide {   transform: translateZ(0);   -webkit-backface-visibility: hidden;   backface-visibility: hidden; }  .swiper-3d.swiper-css-mode .swiper-wrapper {   perspective: 1200px; }  .swiper-3d .swiper-wrapper {   transform-style: preserve-3d; }  .swiper-3d {   perspective: 1200px; }  .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {   transform-style: preserve-3d; }  .swiper-css-mode > .swiper-wrapper {   overflow: auto;   scrollbar-width: none;   -ms-overflow-style: none; }  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {   display: none; }  .swiper-css-mode > .swiper-wrapper > .swiper-slide {   scroll-snap-align: start start; }  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {   scroll-snap-type: x mandatory; }  .swiper-css-mode.swiper-vertical > .swiper-wrapper {   scroll-snap-type: y mandatory; }  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {   scroll-snap-type: none; }  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {   scroll-snap-align: none; }  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {   content: "";   flex-shrink: 0;   order: 9999; }  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {   scroll-snap-align: center center;   scroll-snap-stop: always; }  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {   margin-inline-start: var(--swiper-centered-offset-before); }  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {   height: 100%;   min-height: 1px;   width: var(--swiper-centered-offset-after); }  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {   margin-block-start: var(--swiper-centered-offset-before); }  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {   width: 100%;   min-width: 1px;   height: var(--swiper-centered-offset-after); }  .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   pointer-events: none;   z-index: 10; }  .swiper-3d .swiper-slide-shadow {   background: rgba(0, 0, 0, 0.15); }  .swiper-3d .swiper-slide-shadow-left {   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }  .swiper-3d .swiper-slide-shadow-right {   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }  .swiper-3d .swiper-slide-shadow-top {   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }  .swiper-3d .swiper-slide-shadow-bottom {   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }  .swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   box-sizing: border-box;   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top-color: transparent; }  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {   animation: swiper-preloader-spin 1s infinite linear; }  .swiper-lazy-preloader-white {   --swiper-preloader-color:#fff; }  .swiper-lazy-preloader-black {   --swiper-preloader-color:#000; }  @keyframes swiper-preloader-spin {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } } .swiper-virtual .swiper-slide {   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   transform: translateZ(0); }  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {   content: "";   position: absolute;   left: 0;   top: 0;   pointer-events: none; }  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {   height: 1px;   width: var(--swiper-virtual-size); }  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {   width: 1px;   height: var(--swiper-virtual-size); }  :root {   --swiper-navigation-size:44px; }  .swiper-button-next, .swiper-button-prev {   position: absolute;   top: var(--swiper-navigation-top-offset, 50%);   width: calc(var(--swiper-navigation-size) / 44 * 27);   height: var(--swiper-navigation-size);   margin-top: calc(0px - var(--swiper-navigation-size) / 2);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color)); }  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {   opacity: 0.35;   cursor: auto;   pointer-events: none; }  .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {   opacity: 0;   cursor: auto;   pointer-events: none; }  .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {   display: none !important; }  .swiper-button-next svg, .swiper-button-prev svg {   width: 100%;   height: 100%;   object-fit: contain;   transform-origin: center; }  .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {   transform: rotate(180deg); }  .swiper-button-prev, .swiper-rtl .swiper-button-next {   left: var(--swiper-navigation-sides-offset, 10px);   right: auto; }  .swiper-button-next, .swiper-rtl .swiper-button-prev {   right: var(--swiper-navigation-sides-offset, 10px);   left: auto; }  .swiper-button-lock {   display: none; }  .swiper-button-next:after, .swiper-button-prev:after {   font-family: swiper-icons;   font-size: var(--swiper-navigation-size);   text-transform: none !important;   letter-spacing: 0;   font-variant: initial;   line-height: 1; }  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {   content: "prev"; }  .swiper-button-next, .swiper-rtl .swiper-button-prev {   right: var(--swiper-navigation-sides-offset, 10px);   left: auto; }  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {   content: "next"; }  .swiper-pagination {   position: absolute;   text-align: center;   transition: 0.3s opacity;   transform: translate3d(0, 0, 0);   z-index: 10; }  .swiper-pagination.swiper-pagination-hidden {   opacity: 0; }  .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {   display: none !important; }  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {   bottom: var(--swiper-pagination-bottom, 8px);   top: var(--swiper-pagination-top, auto);   left: 0;   width: 100%; }  .swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0; }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transform: scale(0.33);   position: relative; }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {   transform: scale(1); }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {   transform: scale(1); }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {   transform: scale(0.66); }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {   transform: scale(0.33); }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {   transform: scale(0.66); }  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {   transform: scale(0.33); }  .swiper-pagination-bullet {   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));   display: inline-block;   border-radius: var(--swiper-pagination-bullet-border-radius, 50%);   background: var(--swiper-pagination-bullet-inactive-color, #000);   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }  button.swiper-pagination-bullet {   border: none;   margin: 0;   padding: 0;   box-shadow: none;   -webkit-appearance: none;   appearance: none; }  .swiper-pagination-clickable .swiper-pagination-bullet {   cursor: pointer; }  .swiper-pagination-bullet:only-child {   display: none !important; }  .swiper-pagination-bullet-active {   opacity: var(--swiper-pagination-bullet-opacity, 1);   background: var(--swiper-pagination-color, var(--swiper-theme-color)); }  .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {   right: var(--swiper-pagination-right, 8px);   left: var(--swiper-pagination-left, auto);   top: 50%;   transform: translate3d(0px, -50%, 0); }  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {   margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;   display: block; }  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {   top: 50%;   transform: translateY(-50%);   width: 8px; }  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   display: inline-block;   transition: 0.2s transform, 0.2s top; }  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {   left: 50%;   transform: translateX(-50%);   white-space: nowrap; }  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 0.2s transform, 0.2s left; }  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 0.2s transform, 0.2s right; }  .swiper-pagination-fraction {   color: var(--swiper-pagination-fraction-color, inherit); }  .swiper-pagination-progressbar {   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));   position: absolute; }  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   background: var(--swiper-pagination-color, var(--swiper-theme-color));   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   transform: scale(0);   transform-origin: left top; }  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   transform-origin: right top; }  .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {   width: 100%;   height: var(--swiper-pagination-progressbar-size, 4px);   left: 0;   top: 0; }  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {   width: var(--swiper-pagination-progressbar-size, 4px);   height: 100%;   left: 0;   top: 0; }  .swiper-pagination-lock {   display: none; }  .swiper-scrollbar {   border-radius: var(--swiper-scrollbar-border-radius, 10px);   position: relative;   touch-action: none;   background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); }  .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {   display: none !important; }  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {   position: absolute;   left: var(--swiper-scrollbar-sides-offset, 1%);   bottom: var(--swiper-scrollbar-bottom, 4px);   top: var(--swiper-scrollbar-top, auto);   z-index: 50;   height: var(--swiper-scrollbar-size, 4px);   width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); }  .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {   position: absolute;   left: var(--swiper-scrollbar-left, auto);   right: var(--swiper-scrollbar-right, 4px);   top: var(--swiper-scrollbar-sides-offset, 1%);   z-index: 50;   width: var(--swiper-scrollbar-size, 4px);   height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); }  .swiper-scrollbar-drag {   height: 100%;   width: 100%;   position: relative;   background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));   border-radius: var(--swiper-scrollbar-border-radius, 10px);   left: 0;   top: 0; }  .swiper-scrollbar-cursor-drag {   cursor: move; }  .swiper-scrollbar-lock {   display: none; }  .swiper-zoom-container {   width: 100%;   height: 100%;   display: flex;   justify-content: center;   align-items: center;   text-align: center; }  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {   max-width: 100%;   max-height: 100%;   object-fit: contain; }  .swiper-slide-zoomed {   cursor: move;   touch-action: none; }  .swiper .swiper-notification {   position: absolute;   left: 0;   top: 0;   pointer-events: none;   opacity: 0;   z-index: -1000; }  .swiper-free-mode > .swiper-wrapper {   transition-timing-function: ease-out;   margin: 0 auto; }  .swiper-grid > .swiper-wrapper {   flex-wrap: wrap; }  .swiper-grid-column > .swiper-wrapper {   flex-wrap: wrap;   flex-direction: column; }  .swiper-fade.swiper-free-mode .swiper-slide {   transition-timing-function: ease-out; }  .swiper-fade .swiper-slide {   pointer-events: none;   transition-property: opacity; }  .swiper-fade .swiper-slide .swiper-slide {   pointer-events: none; }  .swiper-fade .swiper-slide-active {   pointer-events: auto; }  .swiper-fade .swiper-slide-active .swiper-slide-active {   pointer-events: auto; }  .swiper-cube {   overflow: visible; }  .swiper-cube .swiper-slide {   pointer-events: none;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   z-index: 1;   visibility: hidden;   transform-origin: 0 0;   width: 100%;   height: 100%; }  .swiper-cube .swiper-slide .swiper-slide {   pointer-events: none; }  .swiper-cube.swiper-rtl .swiper-slide {   transform-origin: 100% 0; }  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {   pointer-events: auto; }  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {   pointer-events: auto;   visibility: visible; }  .swiper-cube .swiper-cube-shadow {   position: absolute;   left: 0;   bottom: 0px;   width: 100%;   height: 100%;   opacity: 0.6;   z-index: 0; }  .swiper-cube .swiper-cube-shadow:before {   content: "";   background: #000;   position: absolute;   left: 0;   top: 0;   bottom: 0;   right: 0;   filter: blur(50px); }  .swiper-cube .swiper-slide-next + .swiper-slide {   pointer-events: auto;   visibility: visible; }  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {   z-index: 0;   -webkit-backface-visibility: hidden;   backface-visibility: hidden; }  .swiper-flip {   overflow: visible; }  .swiper-flip .swiper-slide {   pointer-events: none;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   z-index: 1; }  .swiper-flip .swiper-slide .swiper-slide {   pointer-events: none; }  .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {   pointer-events: auto; }  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {   z-index: 0;   -webkit-backface-visibility: hidden;   backface-visibility: hidden; }  .swiper-creative .swiper-slide {   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   overflow: hidden;   transition-property: transform, opacity, height; }  .swiper-cards {   overflow: visible; }  .swiper-cards .swiper-slide {   transform-origin: center bottom;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   overflow: hidden; }  .l-main {   background-color: var(--clr-black); }  .l-bottom {   padding-top: 160px;   padding-bottom: 160px; } @media (max-width: 1199px) {   .l-bottom {     padding-top: 60px;     padding-bottom: 60px;   } }  .l-header {   position: relative;   overflow: hidden;   background-color: var(--clr-black); } .l-header::after {   content: "";   position: absolute;   bottom: 0;   left: 0;   width: 100%;   height: 100%;   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 1) 89%);   pointer-events: none;   z-index: 2; } @media (max-width: 767px) {   .l-header {     padding-top: 80px;     padding-bottom: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-header {     padding-top: 200px;     padding-bottom: 120px;   } } @media (min-width: 1200px) {   .l-header {     padding-top: 385px;     padding-bottom: 0;     min-height: 900px;   } } .l-header__bg {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: 0;   overflow: hidden;   background-image: url("/assets/landingpage/lp-4/img/bg-header.webp");   background-attachment: fixed;   background-size: cover;   background-position: top left; } .l-header__bg picture {   display: none; } @media (max-width: 1199px) {   .l-header__bg {     background-attachment: scroll;     background-position: center;   } }  .l-header__bg-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   pointer-events: none;   z-index: 0; } @media (min-width: 1200px) {   .l-header__bg-overlay {     height: 1333px;   } }  .c-logo {   display: flex;   flex-direction: column;   position: relative;   z-index: 2;   max-width: 1520px;   width: 100%;   margin-inline: auto;   color: var(--clr-white);   text-align: center; } @media (min-width: 1200px) {   .c-logo {     justify-content: flex-start;   } } .c-logo__img {   position: absolute;   left: 50%;   transform: translateX(-50%);   z-index: 2;   width: 206px;   top: 35px; } @media (max-width: 767px) {   .c-logo__img {     width: 130px;     top: 15px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-logo__img {     width: 170px;     top: 25px;   } } .c-logo__text {   display: flex;   flex-direction: column;   width: 100%;   position: relative;   align-items: center; } .c-header-title-img {   max-width: 100%;   width: clamp(280px, 40vw, 600px);   display: block; } .c-logo__picture {   position: absolute;   z-index: 2;   filter: drop-shadow(-10px 15px 15px rgba(82, 60, 50, 0.3));   animation-name: bounce;   animation-timing-function: linear;   animation-duration: 2s;   animation-iteration-count: infinite; } @media (max-width: 1199px) {   .c-logo {     margin-bottom: 60px;   }   .c-logo__picture {     display: none;   } } .c-logo__picture--pos1 {   top: 0;   left: 0; } @media (min-width: 1200px) and (max-width: 1439px) {   .c-logo__picture--pos1 {     width: 150px;     translate: -20% -50%;   } } @media (min-width: 1600px) {   .c-logo__picture--pos1 {     translate: -50% -50%;   } } .c-logo__picture--pos2 {   top: -15%;   rotate: 31.26deg; } @media (min-width: 1200px) and (max-width: 1599px) {   .c-logo__picture--pos2 {     right: 15%;   } } @media (min-width: 1600px) {   .c-logo__picture--pos2 {     left: 85%;   } } .c-logo__picture--pos3 {   top: -5%;   right: 0;   rotate: -23.538deg; } @media (min-width: 1200px) and (max-width: 1599px) {   .c-logo__picture--pos3 {     translate: -20% -50%;   } } @media (min-width: 1600px) {   .c-logo__picture--pos3 {     translate: 50% -50%;   } } .c-logo__title {   display: flex;   align-items: center;   position: relative;   line-height: 1;   font-weight: 700;   text-transform: uppercase;   text-shadow: 4px 4px 10px rgba(82, 60, 50, 0.2); } .c-logo__title::before, .c-logo__title::after {   flex: 1;   min-width: 1px;   height: 4px;   background-color: var(--clr-white); } @media (max-width: 767px) {   .c-logo__title--main {     font-size: 10.854vw;     letter-spacing: 0.591vw;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-logo__title--main {     font-size: 11.167vw;     letter-spacing: 0.591vw;   } } @media (min-width: 1200px) {   .c-logo__title--main {     letter-spacing: 13px;     font-size: clamp(6.25rem, 9.375vw - 0.781rem, 8.125rem);   } } .c-logo__title--secondary {   font-size: 80px;   font-family: var(--font-secondary); } @media (max-width: 767px) {   .c-logo__title--secondary {     font-size: 6.771vw;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-logo__title--secondary {     font-size: 6.667vw;   } } @media (min-width: 1200px) {   .c-logo__title--secondary {     font-size: 80px;   } } .c-logo__title--top {   column-gap: 3.8158%; } @media (max-width: 767px) {   .c-logo__title--top {     margin-left: 6.75vw;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-logo__title--top {     margin-left: 13.5vw;     margin-left: 6.75vw;   } } @media (min-width: 1200px) {   .c-logo__title--top {     margin-left: 10.6579%;   } } .c-logo__title--top::after {   content: ""; } @media (max-width: 767px) {   .c-logo__title--middle {     padding-left: 18.8335vw;     margin-bottom: 12px;   }   .c-logo__title--middle::before {     width: calc(18.8335vw - 20px);   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-logo__title--middle {     padding-left: 18.8335vw;     margin-bottom: 16px;   }   .c-logo__title--middle::before {     width: calc(18.8335vw - 32px);   } } @media (min-width: 1200px) {   .c-logo__title--middle {     padding-left: 29.7368%;     margin-bottom: 36px;   }   .c-logo__title--middle::before {     width: calc(29.7368% - 45px);   } } .c-logo__title--middle::before {   position: absolute;   left: 0;   top: 50%;   content: "";   transform: translateY(-50%); } @media (max-width: 767px) {   .c-logo__title--bottom {     margin-left: 14.9585vw;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-logo__title--bottom {     margin-left: 29.917vw;     margin-left: 14.9585vw;   } } @media (min-width: 1200px) {   .c-logo__title--bottom {     margin-left: 23.6184%;   } } .c-logo__bottom {   display: flex;   align-items: center;   column-gap: 44px;   width: 100%;   font-size: 60px;   text-transform: uppercase;   font-weight: 700; } .c-logo__bottom:before, .c-logo__bottom:after {   flex: 1;   min-width: 1px;   height: 2px;   content: "";   background-color: var(--clr-white); }  @keyframes bounce {   0% {     transform: translateY(0);   }   50% {     transform: translateY(-4px);   }   100% {     transform: translateY(0);   } } .c-campaign-cards {   position: relative;   z-index: 3; } @media (min-width: 1200px) {   .c-campaign-cards {     margin-top: 250px;   } } .c-campaign-cards__list {   display: flex;   flex-wrap: wrap;   justify-content: center;   align-items: center;   gap: 12px;   width: 100%; } @media (max-width: 767px) {   .c-campaign-cards__list {     gap: 8px;   } } .c-campaign-cards__item {   display: flex;   align-items: center;   justify-content: center;   width: 220px;   height: 100px;   padding: 30px 10px;   overflow: hidden;   text-decoration: none;   flex-shrink: 0;   backdrop-filter: blur(5px);   -webkit-backdrop-filter: blur(5px);   background: rgba(0, 0, 0, 0.01);   border: 1px solid rgba(255, 255, 255, 0.25);   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.8);   transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .c-campaign-cards__item:hover {   background: rgba(255, 255, 255, 0.07);   border-color: rgba(255, 255, 255, 0.6);   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(255, 255, 255, 0.04); } @media (max-width: 767px) {   .c-campaign-cards__item {     width: calc((100% - 8px) / 2);     height: 80px;     padding: 16px 8px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-campaign-cards__item {     width: calc((100% - 48px) / 5);     height: 90px;   } } @media (min-width: 1200px) {   .c-campaign-cards__item {     width: 220px;     height: 100px;     padding: 30px 10px;   } } .c-campaign-cards__in {   font-family: var(--font-base);   font-weight: 700;   font-size: 16px;   line-height: 24px;   letter-spacing: 1.6px;   text-align: center;   color: var(--clr-white);   text-transform: uppercase; } @media (max-width: 767px) {   .c-campaign-cards__in {     font-size: 11px;     letter-spacing: 1px;     line-height: 16px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-campaign-cards__in {     font-size: 13px;     letter-spacing: 1.3px;   } }  .c-toggle-menu {   display: flex;   justify-content: center;   align-items: center;   z-index: 99;   position: fixed;   left: auto;   top: 0;   background: var(--clr-black);   cursor: pointer;   transition: background-color 0.3s ease; } @media (max-width: 767px) {   .c-toggle-menu {     width: 40px;     height: 40px;   }   .c-toggle-menu img {     width: 24px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-toggle-menu {     width: 80px;     height: 80px;   }   .c-toggle-menu img {     width: 44px;   } } @media (min-width: 1200px) {   .c-toggle-menu {     width: 90px;     height: 90px;   } }  .c-toggle-menu > img:last-child {   display: none; } .c-toggle-menu--active {   background-color: #000000; } .c-toggle-menu--active > img:first-child {   display: none; } .c-toggle-menu--active > img:last-child {   display: block; }  .c-language {   display: none; /* TODO: unhide when CN texts are ready */   position: absolute;   z-index: 10;   right: 0;   top: 0;   color: var(--clr-white); } .c-language__btn {   display: flex;   align-items: center;   gap: 8px;   background: none;   border: none;   color: var(--clr-white);   font-family: var(--font-base);   font-weight: 500;   font-size: 16px;   text-transform: uppercase;   letter-spacing: 0.05em;   cursor: pointer;   padding: 20px 24px;   line-height: 1; } .c-language__chevron {   transition: transform 0.2s ease;   flex-shrink: 0; } .c-language.is-open .c-language__chevron {   transform: rotate(180deg); } .c-language__dropdown {   display: none;   position: absolute;   right: 0;   top: 100%;   list-style: none;   margin: 0;   padding: 6px 0;   min-width: 100%; } .c-language.is-open .c-language__dropdown {   display: block; } .c-language__option {   display: block;   padding: 10px 24px;   color: var(--clr-white);   text-decoration: none;   white-space: nowrap;   font-family: var(--font-base);   font-weight: 500;   font-size: 16px;   text-transform: uppercase;   letter-spacing: 0.05em;   line-height: 1;   cursor: pointer; } a.c-language__option:hover {   background: rgba(255, 255, 255, 0.1); } .c-language__option.is-active {   opacity: 0.4;   cursor: default;   pointer-events: none; } @media (min-width: 768px) {   .c-language__btn {     font-size: 18px;   }   .c-language__option {     font-size: 18px;   } }  .c-menu {   display: flex;   justify-content: center;   align-items: center;   position: fixed;   z-index: 98;   inset: 0;   max-height: 100%;   overflow: auto;   padding: 40px 20px;   background-color: rgba(0, 0, 0, 0.6);   backdrop-filter: blur(15px);   -webkit-backdrop-filter: blur(15px);   opacity: 0;   visibility: hidden;   transition: opacity 0.3s ease, visibility 0.3s ease; } .c-menu--active {   opacity: 1;   visibility: visible; } .c-menu__list {   display: flex;   flex-direction: column;   align-items: center;   padding: 0;   margin: 0;   list-style: none; } @media (max-width: 767px) {   .c-menu__list {     row-gap: 16px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-menu__list {     row-gap: 24px;   } } @media (min-width: 1200px) {   .c-menu__list {     row-gap: 32px;   } } .c-menu__link {   display: block;   font-family: var(--font-base);   font-weight: 400;   line-height: 1.2;   color: var(--clr-white);   text-decoration: none;   text-align: center; } @media (max-width: 767px) {   .c-menu__link {     font-size: 20px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-menu__link {     font-size: 32px;   } } @media (min-width: 1200px) {   .c-menu__link {     font-size: 40px;   } } .c-menu__link:hover {   text-decoration: underline;   text-decoration-thickness: 2px;   text-underline-offset: 8px; }  .c-video video {   display: block;   width: 100%;   height: auto; } @media (max-width: 767px) {   .c-video__media--desktop {     display: none;   } } @media (min-width: 768px) {   .c-video__media--mobile {     display: none;   } } .c-video__media video {   display: block;   width: 100%;   height: auto; }  .c-video {   max-width: calc(100% - 80px);   margin: 0 auto; } @media (max-width: 480px) {   .c-video {     max-width: 100%;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-video {     max-width: calc(100% - 160px);   } } @media (min-width: 1200px) and (max-width: 1599px) {   .c-video {     max-width: calc(100% - 180px);     padding: 100px 0;   } } @media (min-width: 1600px) {   .c-video {     max-width: 1518px;     margin: 180px auto 200px;   } }  .c-video-bottom {   position: relative;   z-index: 2;   max-width: calc(100% - 80px);   margin: 0 auto; } @media (max-width: 480px) {   .c-video-bottom {     max-width: 100%;     padding-bottom: 60px;   } } @media (min-width: 481px) and (max-width: 1199px) {   .c-video-bottom {     padding-top: 60px;     padding-bottom: 60px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-video-bottom {     max-width: calc(100% - 160px);   } } @media (min-width: 1200px) and (max-width: 1599px) {   .c-video-bottom {     max-width: calc(100% - 180px);     margin-bottom: 80px;   } } @media (min-width: 1600px) {   .c-video-bottom {     max-width: 1518px;     margin: 0 auto 160px;   } } @media (max-width: 767px) {   .c-video-bottom__media--desktop {     display: none;   } } @media (min-width: 768px) {   .c-video-bottom__media--mobile {     display: none;   } } .c-video-bottom__media video {   max-width: 100%;   display: block;   width: 100%;   height: auto; } .c-video-bottom__play {   position: absolute;   inset: 0;   cursor: pointer; }  .l-section {   background-color: var(--clr-black);   color: var(--clr-white);   overflow: hidden; } @media (max-width: 767px) {   .l-section {     padding-block: 60px;   }   .l-section + .l-section {     margin-top: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-section {     padding-block: 80px;   }   .l-section + .l-section {     margin-top: 60px;   } } @media (min-width: 1200px) {   .l-section {     min-height: 920px;   }   .l-section .container {     max-width: none;   }   .l-section + .l-section {     margin-top: 200px;   } } .l-section__in {   display: flex;   align-items: center;   max-width: 1540px;   margin-inline: auto; } @media (max-width: 1199px) {   .l-section__in {     flex-direction: column;     gap: 40px;   } } @media (min-width: 1200px) {   .l-section__in {     flex-direction: row;     gap: 0;     min-height: 920px;   } }  .l-section__content {   display: flex;   flex-direction: column;   gap: 32px;   flex: 1;   min-width: 0; } @media (max-width: 479px) {   .l-section__content {     width: 100%;   } }  .l-section__title-wrap {   display: flex;   flex-wrap: wrap;   gap: 20px;   width: 100%; } @media (min-width: 1200px) and (max-width: 1599px) {   .l-section__title-wrap {     padding-right: 100px;   } } @media (min-width: 1600px) {   .l-section__title-wrap {     padding-right: 180px;   } }  .l-section__title-line {   font-family: var(--font-display);   font-weight: 300;   font-size: 80px;   line-height: 80px;   color: var(--clr-white);   flex: 1;   min-width: 1px; } .l-section__title-line--wide {   flex: none;   width: 100%; } .l-section__title-line--italic {   font-style: italic; } @media (max-width: 767px) {   .l-section__title-line {     font-size: 48px;     line-height: 52px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-section__title-line {     font-size: 60px;     line-height: 64px;   } }  @media (min-width: 1600px) {   .l-section__title-line:not(.l-section__title-line--wide) {     padding-left: 80px;   } }  .l-section__title {   font-family: var(--font-display);   font-weight: 300;   font-size: 80px;   line-height: 1;   text-align: center;   color: var(--clr-white); } @media (max-width: 767px) {   .l-section__title {     font-size: 48px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-section__title {     font-size: 60px;   } }  .l-section__divider {   height: 1px;   width: 100%;   background-color: rgba(255, 255, 255, 0.25);   flex-shrink: 0; }  .l-section__body {   display: flex;   flex-direction: column;   align-items: flex-start;   gap: 32px; } @media (min-width: 1200px) and (max-width: 1599px) {   .l-section__body {     padding-right: 100px;   } } @media (min-width: 1600px) {   .l-section__body {     padding-right: 180px;   } }  .l-section__lead {   font-family: var(--font-base);   font-weight: 400;   font-size: 30px;   line-height: normal;   color: var(--clr-white);   margin: 0; } .l-section__lead em {   font-style: italic; } @media (max-width: 767px) {   .l-section__lead {     font-size: 20px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-section__lead {     font-size: 24px;   } }  .l-section__text {   font-family: var(--font-base);   font-weight: 300;   font-size: 22px;   line-height: 34px;   color: var(--clr-white);   margin: 0; } @media (max-width: 767px) {   .l-section__text {     font-size: 16px;     line-height: 26px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-section__text {     font-size: 18px;     line-height: 28px;   } }  .c-explore {   display: inline-flex;   align-items: center;   padding: 20px 0;   margin-top: 40px;   border-bottom: 1px solid transparent;   color: var(--clr-white);   text-decoration: none;   font-family: var(--font-base);   font-size: 26px;   line-height: 1;   letter-spacing: 1.4px;   text-transform: uppercase;   transition: border-color 0.3s ease; } .c-explore:hover {   border-bottom-color: rgba(255, 255, 255, 0.3); } .c-explore__icon {   display: none; }  .l-section__media {   position: relative;   flex: 1;   align-self: stretch; } @media (max-width: 1199px) {   .l-section__media {     width: 100%;     display: flex;     flex-direction: column;     gap: 24px;   } }  .l-section__stat {   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   text-align: center;   padding: 32px;   background: rgba(0, 0, 0, 0.5);   border: 1px solid rgba(255, 255, 255, 0.25);   backdrop-filter: blur(5px);   -webkit-backdrop-filter: blur(5px);   white-space: nowrap; } @media (max-width: 1199px) {   .l-section__stat {     width: 100%;     max-width: 280px;     margin-inline: auto;     padding: 24px;   } } @media (min-width: 1200px) {   .l-section__stat {     position: absolute;     top: 229px;     left: -97px;     z-index: 2;   } } .l-section__stat-label {   font-family: var(--font-base);   font-weight: 300;   font-size: 22px;   line-height: 1.5;   line-height: 1.5;   color: var(--clr-white); } @media (max-width: 767px) {   .l-section__stat-label {     font-size: 16px;   } } .l-section__stat-number {   font-family: var(--font-secondary);   font-weight: 300;   font-size: 60px;   line-height: 1.2;   line-height: 1.2;   color: var(--clr-white); } @media (max-width: 767px) {   .l-section__stat-number {     font-size: 48px;   } } .l-section__stat-desc {   font-family: var(--font-base);   font-weight: 300;   font-size: 22px;   line-height: 1.5;   line-height: 1.5;   color: var(--clr-white); } @media (max-width: 767px) {   .l-section__stat-desc {     font-size: 16px;   } }  .l-section__placeholder {   width: 100%;   height: 400px;   background-color: #1a1a1a; } @media (min-width: 768px) and (max-width: 1199px) {   .l-section__placeholder {     height: 500px;   } }  .l-section__photo {   width: 100%;   height: 400px;   overflow: hidden;   background-color: #1a1a1a;   position: relative; } @media (min-width: 768px) and (max-width: 1199px) {   .l-section__photo {     height: 500px;   } } .l-section__photo img, .l-section__photo video {   width: 100%;   height: 100%;   object-fit: cover;   display: block;   color: transparent; } @media (min-width: 1200px) {   .l-section__photo {     position: absolute;     left: 0;     top: 0;     width: clamp(540px, 43vw, 780px);     height: 920px;     min-height: unset;     overflow: hidden;   }   .l-section__photo img,   .l-section__photo video {     width: 100%;     height: 100%;     object-fit: cover;     max-width: none;     pointer-events: none;   }   .l-section--reverse .l-section__photo img {     width: 100%;     height: 100%;     object-fit: cover;     max-width: none;     pointer-events: none;   } } @media (min-width: 2000px) {   .l-section--reverse .l-section__photo {     left: -120px;     width: clamp(540px, calc(43vw + 120px), 780px);   } } @media (min-width: 1200px) {   .l-section--reverse .l-section__in {     flex-direction: row-reverse;   }   .l-section--reverse .l-section__media {     flex: 0 0 clamp(420px, 43vw, 660px);   } }  .l-section__title-wrap--left {   padding-right: 0; } @media (min-width: 1200px) and (max-width: 1599px) {   .l-section__title-wrap--left {     padding-left: 100px;   } } @media (min-width: 1600px) {   .l-section__title-wrap--left {     padding-left: 180px;   } }  .l-section__body--left {   padding-right: 0; } @media (min-width: 1200px) and (max-width: 1599px) {   .l-section__body--left {     padding-left: 100px;   } } @media (min-width: 1600px) {   .l-section__body--left {     padding-left: 180px;   } }  .c-size-cards {   display: flex;   gap: 8px;   align-items: flex-start; } @media (max-width: 767px) {   .c-size-cards {     flex-wrap: wrap;     justify-content: center;   } }  .c-size-card {   width: 140px;   height: 140px;   overflow: hidden;   flex-shrink: 0;   background: rgba(0, 0, 0, 0.5);   border: 1px solid rgba(255, 255, 255, 0.25);   backdrop-filter: blur(5px);   -webkit-backdrop-filter: blur(5px); }  .c-size-card__img {   width: 100%;   height: 100%; }  .c-size-card__img img {   width: 100%;   height: 100%;   object-fit: cover;   display: block;   pointer-events: none;   color: transparent; }   @media (max-width: 767px) {   .c-aop {     margin-bottom: 60px;   } } @media (min-width: 768px) {   .c-aop {     margin-bottom: 80px;   } } .c-aop__in {   display: flex;   flex-direction: column;   align-items: center; } @media (max-width: 767px) {   .c-aop__in {     row-gap: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-aop__in {     row-gap: 64px;   } } @media (min-width: 1200px) {   .c-aop__in {     flex-direction: row;     align-items: flex-start;     justify-content: center;     column-gap: 9.375%;   } } .c-aop__content {   width: 100%; } @media (max-width: 1199px) {   .c-aop__content {     max-width: 580px;   } } @media (min-width: 1200px) {   .c-aop__content {     max-width: 30.2083%;   } } .c-aop__title {   display: flex;   justify-content: center;   margin-bottom: 68px; } .c-aop__text {   line-height: 1.4;   font-size: 24px; } .c-gallery__item {   flex-shrink: 0; } @media (max-width: 767px) {   .c-gallery__item {     max-width: 280px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-gallery__item {     max-width: 320px;   } } @media (min-width: 1200px) {   .c-gallery__item {     width: 21.875vw;   } } .c-gallery__item img {   aspect-ratio: 3/4;   object-fit: cover; }  .c-persons {   position: relative; } @media (max-width: 767px) {   .c-persons {     padding-block: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-persons {     padding-block: 56px;   } } @media (min-width: 1200px) {   .c-persons {     padding-block: 72px;   } } .c-persons::before, .c-persons::after {   position: absolute;   height: 2px;   width: 90vw;   content: "";   background-color: var(--clr-terracota);   opacity: 0.3; } .c-persons::before {   left: 0;   top: 0; } .c-persons::after {   right: 0;   bottom: 0; } .c-persons__in {   display: grid; } @media (max-width: 539px) {   .c-persons__in {     row-gap: 32px;     grid-template-columns: 1fr;   } } @media (min-width: 540px) and (max-width: 991px) {   .c-persons__in {     grid-template-columns: repeat(2, 1fr);     gap: 40px 20px;   } } @media (min-width: 992px) {   .c-persons__in {     grid-template-columns: repeat(3, 1fr);   } } .c-persons__item {   display: flex;   flex-direction: column;   align-items: center;   line-height: 1.2;   text-align: center; } @media (max-width: 1199px) {   .c-persons__item {     row-gap: 4px;   } } @media (min-width: 1200px) {   .c-persons__item {     row-gap: 12px;   } } @media (max-width: 767px) {   .c-persons__label {     font-size: 24px;   } } @media (min-width: 768px) {   .c-persons__label {     font-size: 30px;   } } .c-persons__value {   font-weight: 500;   font-family: var(--font-secondary);   color: var(--clr-terracota); } @media (max-width: 767px) {   .c-persons__value {     font-size: 20px;   } } @media (min-width: 768px) {   .c-persons__value {     font-size: 24px;   } }   .l-downloads {   background-color: var(--clr-white);   display: flex;   flex-direction: column; } @media (min-width: 600px) {   .l-downloads {     flex-direction: row;   } } @media (min-width: 1200px) {   .l-downloads {     min-height: 861px;   } } .l-downloads__photo {   overflow: hidden;   display: flex;   align-items: center;   justify-content: center;   background-color: var(--clr-white); } @media (max-width: 599px) {   .l-downloads__photo {     width: 100%;   } } @media (min-width: 600px) {   .l-downloads__photo {     flex: 0 0 50%;   } } @media (min-width: 1200px) {   .l-downloads__photo {     min-height: 861px;   } } .l-downloads__photo picture {   display: contents; } .l-downloads__photo img {   display: block;   pointer-events: none;   height: 100%; } @media (min-width: 600px) {   .l-downloads__photo img {     width: 100%;     object-fit: cover;   } } .l-downloads__content {   display: flex;   align-items: flex-start; } @media (max-width: 1199px) {   .l-downloads__content {     width: 100%;   } } @media (min-width: 1200px) {   .l-downloads__content {     flex: 0 0 50%;   } } .c-download {   width: 100%;   max-width: 580px;   padding: 60px 24px; } @media (min-width: 768px) and (max-width: 1199px) {   .c-download {     padding: 80px 40px;     margin-inline: auto;   } } @media (min-width: 1200px) {   .c-download {     padding: 200px 0 200px clamp(24px, 13%, 130px);     max-width: 580px;   } } .c-download__title {   font-family: var(--font-secondary);   font-weight: 300;   line-height: 1;   text-align: left;   color: var(--clr-black);   font-size: 80px;   margin-bottom: 68px; } @media (max-width: 767px) {   .c-download__title {     font-size: 48px;     margin-bottom: 32px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-download__title {     font-size: 64px;     margin-bottom: 48px;   } } .c-download__list {   display: flex;   flex-direction: column;   width: 100%;   max-width: 580px; } .c-download__item {   display: flex;   align-items: center;   justify-content: space-between;   column-gap: 20px;   color: var(--clr-black);   text-decoration: none;   font-family: var(--font-base);   font-weight: 400;   font-size: 20px;   line-height: 32px;   padding-bottom: 32px;   padding-top: 0;   border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .c-download__list > .c-download__item + .c-download__item {   padding-top: 32px; } .c-download__item img {   filter: brightness(0);   flex-shrink: 0; } @media (max-width: 767px) {   .c-download__item {     font-size: 16px;     padding-bottom: 20px;   }   .c-download__list > .c-download__item + .c-download__item {     padding-top: 20px;   } } .c-download__item:hover {   color: rgba(0, 0, 0, 0.5); }   .l-footer {   background-color: var(--clr-black);   color: var(--clr-white); }  .l-footer__inner {   display: flex;   flex-direction: column;   align-items: center;   gap: 32px;   margin-bottom: 48px; } @media (min-width: 768px) {   .l-footer__inner {     margin-bottom: 80px;   } }  .l-footer__tagline {   font-family: var(--font-secondary);   font-weight: 300;   font-size: 40px;   line-height: 60px;   text-align: center;   color: var(--clr-white);   margin: 0; } @media (max-width: 767px) {   .l-footer__tagline {     font-size: 24px;     line-height: 36px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-footer__tagline {     font-size: 32px;     line-height: 48px;   } }  .l-footer__url {   font-family: var(--font-base);   font-weight: 300;   font-size: 20px;   line-height: 32px;   text-align: center;   color: var(--clr-white);   margin: 0; } @media (max-width: 767px) {   .l-footer {     padding-top: 40px;     padding-bottom: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-footer {     padding-top: 64px;     padding-bottom: 64px;   } } @media (min-width: 1200px) {   .l-footer {     padding-top: 96px;     padding-bottom: 80px;   } } .l-footer__container {   width: 100%;   margin-inline: auto;   max-width: 1120px; } .l-footer__in {   display: flex;   flex-direction: column; } @media (max-width: 767px) {   .l-footer__in {     row-gap: 32px;     margin-bottom: 60px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-footer__in {     row-gap: 40px;     margin-bottom: 80px;   } } @media (min-width: 1200px) {   .l-footer__in {     flex-direction: row;     justify-content: space-between;     margin-bottom: 120px;   } } .l-footer__section {   display: flex;   flex-direction: column; } @media (max-width: 767px) {   .l-footer__section {     row-gap: 16px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .l-footer__section {     row-gap: 24px;   } } @media (min-width: 1200px) {   .l-footer__section {     row-gap: 32px;   } } .l-footer__title {   line-height: 1;   font-weight: 500;   font-family: var(--font-secondary); } @media (max-width: 767px) {   .l-footer__title {     font-size: 24px;   } } @media (min-width: 768px) {   .l-footer__title {     font-size: 30px;   }   .lang-zh .l-footer__title {     font-size: 28px;   } } .l-footer__chat {   display: flex;   justify-content: flex-end; }  .c-socials {   display: flex;   align-items: center;   justify-content: center;   gap: 32px; } .c-socials img {   filter: brightness(0) invert(1); } @media (max-width: 767px) {   .c-socials {     gap: 16px;   }   .c-socials img {     width: 40px;     height: 40px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-socials {     gap: 24px;   }   .c-socials img {     width: 48px;     height: 48px;   } }  .c-links__item {   display: flex;   align-items: center;   position: relative;   line-height: 1;   text-decoration: none;   font-weight: 500;   white-space: nowrap; } @media (max-width: 767px) {   .c-links__item {     padding-left: 44px;     min-height: 40px;     font-size: 20px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-links__item {     padding-left: 56px;     min-height: 44px;     font-size: 28px;   } } @media (min-width: 1200px) {   .c-links__item {     padding-left: 76px;     min-height: 56px;     font-size: 30px;   } } .c-links__item:hover {   text-decoration: underline;   text-decoration-thickness: 2px;   text-underline-offset: 8px; } .c-links__item:before {   position: absolute;   left: 0;   top: 50%;   content: "";   background: url("../../../assets/landingpage/lp-4/img/icons/narrow-arrow-right.svg") no-repeat 0 0;   background-size: contain;   transform: translateY(-50%);   filter: brightness(0) invert(1); } @media (max-width: 767px) {   .c-links__item:before {     width: 32px;     height: 32px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-links__item:before {     width: 44px;     height: 44px;   } } @media (min-width: 1200px) {   .c-links__item:before {     width: 56px;     height: 56px;   } }  .c-copyright {   text-align: center;   opacity: 0.6; } @media (min-width: 768px) and (max-width: 1199px) {   .c-copyright {     font-size: 18px;   } } @media (min-width: 1200px) {   .c-copyright {     font-size: 22px;   } }  /* =====================    POPUP    ===================== */  .c-popup {   position: fixed;   inset: 0;   z-index: 300;   backdrop-filter: blur(15px);   -webkit-backdrop-filter: blur(15px);   display: flex;   align-items: flex-start;   overflow-y: auto;   opacity: 0;   visibility: hidden;   transition: opacity 0.35s ease, visibility 0.35s ease; } .c-popup--active {   opacity: 1;   visibility: visible; }  .c-popup__inner {   position: relative;   display: flex;   flex-direction: column;   width: 100%;   max-width: 1420px;   margin: auto;   padding: 90px 80px 80px;   background-color: #000; } @media (max-width: 767px) {   .c-popup__inner {     padding: 80px 40px 60px;     gap: 24px;     justify-content: flex-start;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-popup__inner {     padding: 100px 80px 80px;     gap: 28px;     justify-content: flex-start;   } }  .c-popup__close {   position: absolute;   top: 0;   right: 0;   width: 50px;   height: 50px;   background: #000;   border: none;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   z-index: 2;   transition: background 0.2s ease;   flex-shrink: 0; } .c-popup__close:hover {   background: #1a1a1a; } .c-popup__close img {   width: 50px;   height: 50px; }   .c-popup__row {   display: flex;   gap: 60px;   align-items: stretch;   flex: 1; } @media (max-width: 767px) {   .c-popup__row {     flex-direction: column;     gap: 32px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-popup__row {     flex-direction: column;     gap: 40px;   } }  .c-popup__left {   flex: 0 0 382px;   display: flex;   flex-direction: column;   justify-content: flex-end; } @media (max-width: 1199px) {   .c-popup__left {     flex: none;     width: 100%;   } }  .c-popup__heading {   height: 0;   overflow: visible; } .c-popup__title-wrap {   position: absolute;   top: 40px;   left: 80px;   display: flex;   flex-wrap: nowrap;   gap: 8px;   align-items: center; }  .c-popup__title-wide {   font-family: var(--font-base);   font-weight: 600;   font-size: 16px;   letter-spacing: 0.15em;   text-transform: uppercase;   line-height: 1;   color: var(--clr-white); }  .c-popup__title-spacer {   display: none; }  .c-popup__title-second {   font-family: var(--font-base);   font-weight: 600;   font-size: 16px;   letter-spacing: 0.15em;   text-transform: uppercase;   line-height: 1;   color: var(--clr-white); } .c-popup__divider {   display: none; }  .c-popup__desc {   font-family: var(--font-display);   font-weight: 300;   font-size: 40px;   line-height: 1.2;   color: var(--clr-white);   margin: 0;   border-left: 2px solid rgba(255, 255, 255, 0.35);   padding-left: 24px; } @media (max-width: 767px) {   .c-popup__desc {     font-size: 16px;     line-height: 26px;   } }  .c-popup__cols {   flex: 1;   display: grid;   grid-template-columns: repeat(3, 1fr);   column-gap: 30px;   row-gap: 20px;   min-width: 0; } @media (max-width: 767px) {   .c-popup__cols {     display: flex;     flex-direction: column;     gap: 32px;     width: 100%;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-popup__cols {     column-gap: 24px;   } }  .c-popup__col {   display: grid;   grid-template-rows: subgrid;   grid-row: span 2;   align-content: start; } @media (max-width: 767px) {   .c-popup__col {     display: flex;     flex-direction: column;     gap: 20px;   } }  .c-popup__col-title {   font-family: var(--font-display);   font-weight: 300;   font-size: 30px;   line-height: 1;   color: var(--clr-white);   margin: 0;   display: flex;   align-items: center; } @media (max-width: 767px) {   .c-popup__col-title {     font-size: 20px;   } } @media (min-width: 768px) and (max-width: 1199px) {   .c-popup__col-title {     font-size: 22px;   } }  .c-popup__list {   list-style: none;   margin: 0;   padding: 0;   border-top: 1px solid rgba(255, 255, 255, 0.25);   padding-top: 20px;   display: flex;   flex-direction: column;   gap: 20px; }  .c-popup__item {   position: relative;   padding-left: 30px;   font-family: var(--font-base);   font-weight: 300;   font-size: 18px;   line-height: 28px;   color: var(--clr-white); } .c-popup__item::before {   content: "";   position: absolute;   left: 0;   top: 11px;   width: 6px;   height: 6px;   background-color: rgba(255, 255, 255, 0.5);   border-radius: 50%; } .c-popup__item strong {   font-weight: 700; } @media (max-width: 767px) {   .c-popup__item {     font-size: 15px;     line-height: 24px;     padding-left: 22px;   }   .c-popup__item::before {     top: 9px;   } }