@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700;900&display=swap");
@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1440px; }

  .container--half {
    max-width: 720px; } }
body {
  opacity: 1.1; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.overflow-scroll {
  overflow: scroll !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-none {
  display: none !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.w-50 {
  width: 50% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-2 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-3 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-4 {
  margin-right: 2rem !important;
  margin-left: 2rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

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

.text-justify {
  text-align: justify !important; }

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

/* rtl:end:remove */
.pe-none {
  pointer-events: none !important; }

.pe-auto {
  pointer-events: auto !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important; }

  .d-sm-inline-block {
    display: inline-block !important; }

  .d-sm-block {
    display: block !important; }

  .d-sm-flex {
    display: flex !important; }

  .d-sm-inline-flex {
    display: inline-flex !important; }

  .d-sm-none {
    display: none !important; }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-sm-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-sm-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-sm-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-sm-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-sm-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-sm-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .text-sm-start {
    text-align: left !important; }

  .text-sm-end {
    text-align: right !important; }

  .text-sm-center {
    text-align: center !important; }

  .text-sm-justify {
    text-align: justify !important; } }
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important; }

  .d-md-inline-block {
    display: inline-block !important; }

  .d-md-block {
    display: block !important; }

  .d-md-flex {
    display: flex !important; }

  .d-md-inline-flex {
    display: inline-flex !important; }

  .d-md-none {
    display: none !important; }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-md-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-md-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-md-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-md-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-md-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-md-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-md-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .text-md-start {
    text-align: left !important; }

  .text-md-end {
    text-align: right !important; }

  .text-md-center {
    text-align: center !important; }

  .text-md-justify {
    text-align: justify !important; } }
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important; }

  .d-lg-inline-block {
    display: inline-block !important; }

  .d-lg-block {
    display: block !important; }

  .d-lg-flex {
    display: flex !important; }

  .d-lg-inline-flex {
    display: inline-flex !important; }

  .d-lg-none {
    display: none !important; }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-lg-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-lg-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-lg-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-lg-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-lg-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-lg-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-lg-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .text-lg-start {
    text-align: left !important; }

  .text-lg-end {
    text-align: right !important; }

  .text-lg-center {
    text-align: center !important; }

  .text-lg-justify {
    text-align: justify !important; } }
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important; }

  .d-xl-inline-block {
    display: inline-block !important; }

  .d-xl-block {
    display: block !important; }

  .d-xl-flex {
    display: flex !important; }

  .d-xl-inline-flex {
    display: inline-flex !important; }

  .d-xl-none {
    display: none !important; }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-xl-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xl-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xl-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-xl-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-xl-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .text-xl-start {
    text-align: left !important; }

  .text-xl-end {
    text-align: right !important; }

  .text-xl-center {
    text-align: center !important; }

  .text-xl-justify {
    text-align: justify !important; } }
@media (min-width: 1600px) {
  .d-xxl-inline {
    display: inline !important; }

  .d-xxl-inline-block {
    display: inline-block !important; }

  .d-xxl-block {
    display: block !important; }

  .d-xxl-flex {
    display: flex !important; }

  .d-xxl-inline-flex {
    display: inline-flex !important; }

  .d-xxl-none {
    display: none !important; }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-xxl-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xxl-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xxl-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-xxl-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-xxl-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xxl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xxl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-xxl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .text-xxl-start {
    text-align: left !important; }

  .text-xxl-end {
    text-align: right !important; }

  .text-xxl-center {
    text-align: center !important; }

  .text-xxl-justify {
    text-align: justify !important; } }
@media (min-width: 1920px) {
  .d-hd-inline {
    display: inline !important; }

  .d-hd-inline-block {
    display: inline-block !important; }

  .d-hd-block {
    display: block !important; }

  .d-hd-flex {
    display: flex !important; }

  .d-hd-inline-flex {
    display: inline-flex !important; }

  .d-hd-none {
    display: none !important; }

  .mx-hd-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-hd-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-hd-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-hd-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-hd-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }

  .mx-hd-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-hd-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-hd-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-hd-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-hd-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-hd-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-hd-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }

  .my-hd-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-hd-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .text-hd-start {
    text-align: left !important; }

  .text-hd-end {
    text-align: right !important; }

  .text-hd-center {
    text-align: center !important; }

  .text-hd-justify {
    text-align: justify !important; } }
:root {
  --theme-main-color: #D36ECD;
  --theme-sec-color: #D36ECD;
  --theme-thi-color: #BA37B3;
  --theme-base-color: #000;
  --theme-bg-color: #fcfff9;
  --light-1-color: #dafdba;
  --light-2-color: #f5ffed;
  --table-th-color: #dafdba;
  --table-highlight-color: #f5ffed; }

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

html,
input,
textarea,
select,
button {
  font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif; }
  html::placeholder,
  input::placeholder,
  textarea::placeholder,
  select::placeholder,
  button::placeholder {
    font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
    opacity: 1;
    font-weight: 400;
    font-size: 1em; }

html {
  scroll-behavior: smooth; }

body {
  min-height: 100vh;
  color: #000; }
  body.lock-scroll {
    overflow: hidden;
    height: 100vh; }

input,
textarea,
select,
button {
  color: currentColor;
  font-size: 1em; }

option {
  color: #444; }

::selection {
  background: #000;
  color: #fcfff9; }

img {
  display: block;
  max-width: 100%; }
  img[data-dummy] {
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #D36ECD 10px, #D36ECD 11px); }

main {
  position: relative;
  z-index: 1;
  overflow: hidden; }

a {
  color: currentColor;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

sub,
sup {
  font-size: 60%; }

sub {
  vertical-align: sub; }

sup {
  vertical-align: super; }

b {
  font-weight: 700; }

strong {
  font-weight: unset;
  color: #D36ECD; }

small {
  font-size: 80%; }

button {
  font-size: 100%;
  border: none;
  background-color: transparent;
  padding: 0; }

table {
  border-collapse: collapse; }
  table th,
  table td {
    padding: 0.75em 1.125em; }
  table th {
    background: #D36ECD;
    color: #fff; }
    html:not([lang="en"]) table th {
      white-space: nowrap; }
  table caption {
    font-size: 0.875em;
    margin: 0.25em 0em; }

ul,
ol {
  padding-left: 1.5em;
  margin-top: 1em;
  margin-bottom: 1.5em; }
  ul:first-child,
  ol:first-child {
    margin-top: 0; }
  ul li,
  ol li {
    margin-bottom: 0.625em; }

ol {
  list-style: decimal; }
  ol ol {
    list-style: upper-alpha; }
    ol ol ol {
      list-style: lower-roman; }

ul {
  list-style: none; }
  ul li {
    position: relative; }
    ul li:before {
      content: "";
      position: absolute;
      width: 0.375em;
      height: 0.375em;
      border-radius: 999px;
      top: 0.5em;
      left: -1.5em;
      background-color: #D36ECD; }

iframe {
  border: none; }

code {
  background-color: #efefef;
  display: inline-block;
  border-radius: 3px;
  padding: 0.25em 0.625em;
  color: #666; }

.static h2,
.static h3,
.static h4 {
  line-height: 1.2;
  margin-top: 1.2em;
  margin-bottom: 0.6em; }
  .static h2:first-child,
  .static h3:first-child,
  .static h4:first-child {
    margin-top: 0; }
  .static h2:last-child,
  .static h3:last-child,
  .static h4:last-child {
    margin-bottom: 0; }
.static h1 {
  font-size: 4em;
  font-weight: 900;
  letter-spacing: -0.025em;
  margin: 0em 0em 0.34375em;
  text-transform: uppercase;
  color: #D36ECD; }
  body.theme-main .static h1 {
    color: #D36ECD; }
  body.theme-grey .static h1 {
    color: #1d1d1f; }
  @media (max-width: 991.98px) {
    .static h1 {
      font-size: 3em; } }
  @media (max-width: 575.98px) {
    .static h1 {
      font-size: 2em; } }
.static h2 {
  font-size: 2em;
  color: #D36ECD; }
  body.theme-main .static h2 {
    color: #D36ECD; }
  body.theme-grey .static h2 {
    color: #1d1d1f; }
  @media (max-width: 575.98px) {
    .static h2 {
      font-size: 1.5em; } }
.static h3 {
  font-size: 1.25em;
  color: #D36ECD; }
  body.theme-main .static h3 {
    color: #D36ECD; }
  body.theme-grey .static h3 {
    color: #6e6e73; }
  @media (max-width: 575.98px) {
    .static h3 {
      font-size: 1.25em; } }
.static h4 {
  font-size: 1.125em;
  color: #D36ECD; }
  body.theme-main .static h4 {
    color: #D36ECD; }
  body.theme-grey .static h4 {
    color: #6e6e73; }
.static p {
  line-height: 1.5; }
  .static p:not(:first-child) {
    margin-top: 0.75em; }
  .static p:not(:last-child) {
    margin-bottom: 0.75em; }
.static .large {
  font-size: 125%; }
.static .small {
  font-size: 87.5%; }
.static a:hover {
  text-decoration: underline; }
.static hr {
  border: none;
  border-top: 1px solid #dafdba; }
.static dt {
  font-weight: bold; }
.static dl,
.static dd {
  font-size: 0.9rem; }
.static dd {
  margin-bottom: 1em; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }
  .container--no-padding {
    padding: 0; }
  .container--full {
    max-width: 100% !important; }
    @media (min-width: 992px) {
      .container--full {
        padding-left: 40px;
        padding-right: 40px; } }
  .container--thin {
    max-width: 960px; }

.table--zebra-row tr:nth-child(even) td {
  background-color: #f5ffed; }
.table--zebra-col td:nth-child(odd) {
  background-color: #f5ffed; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.scrollbar-hidden {
  overflow: -moz-scrollbars-none; }
  .scrollbar-hidden::-webkit-scrollbar {
    width: 0 !important; }

.cus-select,
.cus-select-list {
  position: relative; }
  .cus-select__box,
  .cus-select-list__box {
    display: block;
    position: relative;
    z-index: 0;
    padding: 0.25em 1.5em 0.25em 0.125em;
    border-bottom: 1px solid currentColor;
    min-height: 1.875em;
    cursor: pointer; }
    .cus-select__box:after,
    .cus-select-list__box:after {
      content: "";
      position: absolute;
      border: 5px solid transparent;
      border-top: 6px solid currentColor;
      border-bottom: none;
      top: 0.875em;
      right: 0.125em;
      transition: 0.3s ease; }
  .cus-select > select,
  .cus-select-list > select {
    position: absolute;
    z-index: 1;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%; }
    .cus-select > select:focus + .cus-select, .cus-select > select:focus .cus-select-list__box:after,
    .cus-select-list > select:focus + .cus-select,
    .cus-select-list > select:focus .cus-select-list__box:after {
      transform: rotate(180deg); }

.cus-select-list__body {
  position: relative;
  overflow: visible;
  transition: 0.3s ease;
  width: 100%;
  height: 0; }
.cus-select-list > select {
  display: none !important; }
.cus-select-list .cus-list {
  z-index: 2;
  min-width: 320px;
  height: 15em;
  transition: height 0.3s ease;
  overflow: auto;
  box-shadow: 2px 2px 8px #ddd;
  border-radius: 4px; }
  .cus-select-list .cus-list:not(.show-list) {
    height: 0;
    overflow: hidden; }

.cus-list {
  position: relative; }
  .cus-list__body {
    width: 100%;
    overflow: auto; }
  .cus-list__row {
    background-color: #ddd; }
  .cus-list__item {
    display: block;
    width: 100%;
    margin: 1px 0 0;
    background-color: #fff;
    padding: 0.5em 0.375em;
    text-align: left;
    transition: 0.3s ease;
    cursor: pointer; }
    .cus-list__item:hover {
      background-color: #eee; }

.sitemap-col {
  padding: 1.5em 0em;
  margin-bottom: 4em;
  column-fill: balance; }
  @media (min-width: 576px) {
    .sitemap-col {
      column-count: 2; } }
  @media (min-width: 992px) {
    .sitemap-col {
      column-count: 3; } }
  .sitemap-col__item {
    break-inside: avoid; }
  .sitemap-col a {
    text-decoration: none; }
    .sitemap-col a:hover {
      text-decoration: underline; }

.hover-animate[data-hover-animate^="underline"] {
  text-decoration: none !important; }
  .hover-animate[data-hover-animate^="underline"] .hover-animate__body {
    display: inline;
    transition: background-size 0.3s;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-repeat: no-repeat;
    background-size: 0 100%; }
  .hover-animate[data-hover-animate^="underline"]:focus .hover-animate__body, .hover-animate[data-hover-animate^="underline"]:hover .hover-animate__body {
    background-size: 100% 100%; }
  .hover-animate[data-hover-animate^="underline"][data-hover-animate="underline--center"] .hover-animate__body {
    background-position: top center; }
.hover-animate[data-hover-animate="arrowNext"] .hover-animate__layer, .hover-animate[data-hover-animate="arrowGo"] .hover-animate__layer {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 1em;
  width: 1em;
  height: 1em; }
  .hover-animate[data-hover-animate="arrowNext"] .hover-animate__layer:not(:last-child), .hover-animate[data-hover-animate="arrowGo"] .hover-animate__layer:not(:last-child) {
    margin-left: 1.5em; }
  .hover-animate[data-hover-animate="arrowNext"] .hover-animate__layer .icon:first-child, .hover-animate[data-hover-animate="arrowGo"] .hover-animate__layer .icon:first-child {
    opacity: 0;
    margin-right: 0.12em; }
.hover-animate[data-hover-animate="arrowNext"]:focus .hover-animate__layer .icon, .hover-animate[data-hover-animate="arrowNext"]:hover .hover-animate__layer .icon, .hover-animate[data-hover-animate="arrowGo"]:focus .hover-animate__layer .icon, .hover-animate[data-hover-animate="arrowGo"]:hover .hover-animate__layer .icon {
  transition: 0.3s ease; }
  .hover-animate[data-hover-animate="arrowNext"]:focus .hover-animate__layer .icon:first-child, .hover-animate[data-hover-animate="arrowNext"]:hover .hover-animate__layer .icon:first-child, .hover-animate[data-hover-animate="arrowGo"]:focus .hover-animate__layer .icon:first-child, .hover-animate[data-hover-animate="arrowGo"]:hover .hover-animate__layer .icon:first-child {
    opacity: 1; }
  .hover-animate[data-hover-animate="arrowNext"]:focus .hover-animate__layer .icon:last-child, .hover-animate[data-hover-animate="arrowNext"]:hover .hover-animate__layer .icon:last-child, .hover-animate[data-hover-animate="arrowGo"]:focus .hover-animate__layer .icon:last-child, .hover-animate[data-hover-animate="arrowGo"]:hover .hover-animate__layer .icon:last-child {
    margin-right: -1.12em;
    opacity: 0; }
.hover-animate[data-hover-animate="arrowPrev"] .hover-animate__layer {
  display: flex;
  justify-content: flex-start;
  flex: 0 0 1em;
  width: 1em;
  height: 1em; }
  .hover-animate[data-hover-animate="arrowPrev"] .hover-animate__layer .icon:last-child {
    opacity: 0;
    margin-left: 0.12em; }
.hover-animate[data-hover-animate="arrowPrev"]:focus .hover-animate__layer .icon, .hover-animate[data-hover-animate="arrowPrev"]:hover .hover-animate__layer .icon {
  transition: 0.3s ease; }
  .hover-animate[data-hover-animate="arrowPrev"]:focus .hover-animate__layer .icon:last-child, .hover-animate[data-hover-animate="arrowPrev"]:hover .hover-animate__layer .icon:last-child {
    opacity: 1; }
  .hover-animate[data-hover-animate="arrowPrev"]:focus .hover-animate__layer .icon:first-child, .hover-animate[data-hover-animate="arrowPrev"]:hover .hover-animate__layer .icon:first-child {
    margin-left: -1.12em;
    opacity: 0; }
.hover-animate[data-hover-animate="boxRotate"] {
  perspective: 40em; }
  .hover-animate[data-hover-animate="boxRotate"] .hover-animate__body {
    position: relative;
    transform-style: preserve-3d;
    transform-origin: top;
    line-height: 1; }
  .hover-animate[data-hover-animate="boxRotate"] .hover-animate__base {
    position: relative; }
  .hover-animate[data-hover-animate="boxRotate"] .hover-animate__layer {
    position: absolute;
    inset: 0;
    transform-origin: top;
    transform: rotateX(-90deg) translateZ(1em);
    opacity: 0; }
  .hover-animate[data-hover-animate="boxRotate"]:focus .hover-animate__body, .hover-animate[data-hover-animate="boxRotate"]:hover .hover-animate__body {
    transition: 0.5s ease;
    transform: rotateX(90deg) translateY(-1em); }
  .hover-animate[data-hover-animate="boxRotate"]:focus .hover-animate__base, .hover-animate[data-hover-animate="boxRotate"]:hover .hover-animate__base {
    opacity: 0;
    transition-delay: 0.3s; }
  .hover-animate[data-hover-animate="boxRotate"]:focus .hover-animate__layer, .hover-animate[data-hover-animate="boxRotate"]:hover .hover-animate__layer {
    opacity: 1;
    transition: 0.5s ease; }

.accordion {
  position: relative; }
  .accordion__btn {
    cursor: pointer; }
  .accordion__body {
    display: none; }
  .accordion--absolute .accordion__body {
    position: absolute;
    top: calc(100% + 6px); }

.lang-accordion {
  position: relative; }
  @media (max-width: 767.98px) {
    .lang-accordion {
      animation-name: none !important; } }
  .lang-accordion__item {
    flex: 0 0 1em;
    pointer-events: all;
    order: 2;
    transition: 0.3s ease;
    margin: 1.25em 0em; }
    .lang-accordion__item:not(:first-child) {
      margin-top: 0; }
    .lang-accordion__item:hover, .lang-accordion__item:focus {
      color: #D36ECD; }
    .lang-accordion__item.current {
      pointer-events: none;
      color: #D36ECD;
      order: 1;
      font-weight: bold; }
  body.landing .lang-accordion .accordion__body, body.landing .lang-accordion .accordion__btn, body.details .lang-accordion .accordion__body, body.details .lang-accordion .accordion__btn {
    background-color: #D36ECD;
    color: #fff; }
    body.landing .lang-accordion .accordion__body a, body.landing .lang-accordion .accordion__btn a, body.details .lang-accordion .accordion__body a, body.details .lang-accordion .accordion__btn a {
      color: #fff; }
  .lang-accordion .accordion__body {
    width: 100%;
    top: 50%;
    padding-top: 2em;
    right: 0;
    pointer-events: none;
    background-color: #fff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 999px 999px; }
  .lang-accordion .accordion__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #000; }
  .lang-accordion .accordion__btn {
    position: relative;
    background-color: #fff;
    color: currentColor;
    border-radius: 999px;
    flex: 0 0 4em;
    width: 4em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
    @media (max-width: 767.98px) {
      .lang-accordion .accordion__btn {
        flex: 0 0 3em;
        width: 3em;
        height: 3em; } }

.table-holder--responsive {
  overflow: auto;
  max-width: 100%; }

.media-holder {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  .media-holder img,
  .media-holder video,
  .media-holder iframe {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .media-holder .lottie-player {
    display: block;
    max-width: 100%; }
  .media-holder--free {
    display: block; }
    .media-holder--free img {
      position: static;
      width: 100%;
      height: auto;
      max-height: initial; }
  .media-holder--contain img,
  .media-holder--contain video {
    object-fit: contain; }
  .media-holder--auto img,
  .media-holder--auto video {
    object-fit: initial;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: static; }
  .media-holder[data-img-popup]:before, .media-holder[data-mp4-popup]:before, .media-holder[data-youtube-popup]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 99;
    cursor: pointer; }
  .media-holder[data-img-popup] img {
    transition: transform 0.3s ease; }
  .media-holder[data-img-popup]:hover img {
    transform: scale(1.1); }

.ratio-holder {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%; }
  .ratio-holder--9_16 {
    padding-bottom: 177.7777777778%; }
  .ratio-holder--4_3 {
    padding-bottom: 75%; }
  .ratio-holder--3_4 {
    padding-bottom: 100%; }
  .ratio-holder--1_1 {
    padding-bottom: 100%; }
  .ratio-holder__body {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block; }

.static-popup,
.common-popup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s ease; }
  .static-popup:not(.active),
  .common-popup:not(.active) {
    display: none;
    background-color: transparent; }
  .static-popup__backdrop,
  .common-popup__backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #000dd;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px); }
  .static-popup__container,
  .common-popup__container {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4em 8em; }
    @media (max-width: 991.98px) {
      .static-popup__container,
      .common-popup__container {
        padding: 2em 1em 1em; } }
  .static-popup__wrapper, .common-popup__wrapper {
    position: relative;
    max-height: 100%;
    max-width: 1100px;
    transition: 0.3s ease 0.2s;
    z-index: 2; }
    .static-popup__wrapper .static-popup, .common-popup:not(.active) .static-popup__wrapper,
    .common-popup__wrapper .static-popup,
    .common-popup:not(.active) .common-popup__wrapper {
      transform: scale(0.86);
      opacity: 0;
      transition-delay: 0s; }
  .static-popup__body,
  .common-popup__body {
    position: relative;
    width: 100%;
    max-height: 100%;
    overflow: auto; }
  .static-popup__close-btn, .common-popup__close-btn {
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    cursor: pointer;
    color: #222; }
    @media (max-width: 767.98px) {
      .static-popup__close-btn, .common-popup__close-btn {
        font-size: 0.8552631579em;
        right: 20px; } }
    .static-popup__close-btn:hover,
    .common-popup__close-btn:hover {
      color: #BA37B3; }
    .static-popup__close-btn .icon,
    .common-popup__close-btn .icon {
      font-size: 1.625em; }
    .static-popup__close-btn span,
    .common-popup__close-btn span {
      display: inline-block; }
    .static-popup__close-btn .static-popup, .common-popup__wrapper > .static-popup__close-btn,
    .common-popup__close-btn .static-popup, .common-popup__wrapper >
    .common-popup__close-btn {
      top: -2em;
      right: 0; }
    .static-popup__close-btn .static-popup, .common-popup:not(.active) .static-popup__close-btn,
    .common-popup__close-btn .static-popup,
    .common-popup:not(.active) .common-popup__close-btn {
      opacity: 0;
      transition-delay: 0s; }
  .static-popup ::-webkit-scrollbar,
  .common-popup ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #fff2;
    border-radius: 999px; }
    .static-popup ::-webkit-scrollbar-thumb,
    .common-popup ::-webkit-scrollbar-thumb {
      background-color: #fff8;
      border-radius: 999px; }
  .static-popup .container--popup,
  .common-popup .container--popup {
    padding: 4em 2.625em; }
    @media (max-width: 575.98px) {
      .static-popup .container--popup,
      .common-popup .container--popup {
        padding: 2.625em 1.25em; } }
    @media (max-width: 575.98px) {
      .static-popup .container--popup.static,
      .common-popup .container--popup.static {
        font-size: 0.8125em; } }

.common-popup[data-mode="static"] .common-popup__content, .common-popup__media {
  max-height: calc(100vh - 12.125em);
  max-height: calc(100vh - 8em); }
  @media (max-width: 991.98px) {
    .common-popup[data-mode="static"] .common-popup__content, .common-popup__media {
      max-height: calc(100vh - 7.125em);
      max-height: calc(100vh - 3em); } }
.common-popup[data-mode="img"] .img-holder {
  width: 100%;
  height: 100%; }
  .common-popup[data-mode="img"] .img-holder--free {
    overflow: visible; }
.common-popup[data-mode="mp4"] .common-popup__wrapper {
  width: 100%;
  height: auto;
  max-height: 100%; }
.common-popup[data-mode="youtube"] .media-holder {
  position: relative;
  width: 1280px;
  max-width: 100%;
  padding-bottom: 56.25%; }
.common-popup[data-mode="youtube"] .common-popup__wrapper {
  width: 100%; }
.common-popup[data-mode="static"] .common-popup__wrapper {
  background-color: #fcfff9;
  width: 100%;
  max-width: 990px; }
  .common-popup[data-mode="static"] .common-popup__wrapper th {
    text-align: left; }
  .common-popup[data-mode="static"] .common-popup__wrapper td {
    vertical-align: top; }
.common-popup video {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background-color: #000; }

.\32 024-recap .common-popup[data-mode="static"] .common-popup__wrapper {
  background-color: transparent;
  max-width: 78.875rem; }
.\32 024-recap .common-popup[data-mode="static"] .common-popup__close-btn {
  background: #fff;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -4.6875rem; }
.\32 024-recap .common-popup[data-mode="static"] .common-popup__body {
  border-radius: 1.25rem; }
.\32 024-recap .common-popup[data-mode="static"] .common-popup__content {
  max-height: calc(100vh - 12.125em); }

[data-img-popup],
[data-mp4-popup],
[data-youtube-popup],
[data-static-popup] {
  cursor: pointer; }

.inview-group__item {
  transition: 0.3s ease-out; }
  .inview-group.js-inview:not(.viewed) .inview-group__item, .inview-group.js-inoutview:not(.on-view) .inview-group__item {
    opacity: 0;
    transition-delay: 0s !important; }
  .inview-group.js-inview:not(.viewed)[data-animate="fadeInUp"] .inview-group__item, .inview-group.js-inoutview:not(.on-view)[data-animate="fadeInUp"] .inview-group__item {
    transform: translateY(2em); }
  .inview-group.js-inview:not(.viewed)[data-animate="fadeInRight"] .inview-group__item, .inview-group.js-inoutview:not(.on-view)[data-animate="fadeinRight"] .inview-group__item {
    transform: translateX(2rem); }
  .inview-group.js-inview:not(.viewed)[data-animate="fadeInLeft"] .inview-group__item, .inview-group.js-inoutview:not(.on-view)[data-animate="fadeinLeft"] .inview-group__item {
    transform: translateX(-2rem); }
  .inview-group.js-inview:not(.viewed)[data-animate="zoomIn"] .inview-group__item, .inview-group.js-inoutview:not(.on-view)[data-animate="zoomIn"] .inview-group__item {
    transform: scale(0.5); }
  .inview-group__item:nth-child(1) {
    transition-delay: 260ms; }
  .inview-group__item:nth-child(2) {
    transition-delay: 320ms; }
  .inview-group__item:nth-child(3) {
    transition-delay: 380ms; }
  .inview-group__item:nth-child(4) {
    transition-delay: 440ms; }
  .inview-group__item:nth-child(5) {
    transition-delay: 500ms; }
  .inview-group__item:nth-child(6) {
    transition-delay: 560ms; }
  .inview-group__item:nth-child(7) {
    transition-delay: 620ms; }
  .inview-group__item:nth-child(8) {
    transition-delay: 680ms; }
  .inview-group__item:nth-child(9) {
    transition-delay: 740ms; }
  .inview-group__item:nth-child(10) {
    transition-delay: 800ms; }
  .inview-group__item:nth-child(11) {
    transition-delay: 860ms; }
  .inview-group__item:nth-child(12) {
    transition-delay: 920ms; }
  .inview-group__item:nth-child(13) {
    transition-delay: 980ms; }
  .inview-group__item:nth-child(14) {
    transition-delay: 1040ms; }
  .inview-group__item:nth-child(15) {
    transition-delay: 1100ms; }
  .inview-group__item:nth-child(16) {
    transition-delay: 1160ms; }
  .inview-group__item:nth-child(17) {
    transition-delay: 1220ms; }
  .inview-group__item:nth-child(18) {
    transition-delay: 1280ms; }
  .inview-group__item:nth-child(19) {
    transition-delay: 1340ms; }
  .inview-group__item:nth-child(20) {
    transition-delay: 1400ms; }

@keyframes inviewMask {
  0% {
    inset: 0 100% 0 0; }
  45%,
  55% {
    inset: 0; }
  100% {
    inset: 0 0 0 100%; } }
@keyframes inviewBody {
  0%,
  45% {
    opacity: 0; }
  55%,
  100% {
    opacity: 1; } }
.inview-animate.js-inview .inview-animate__mask, .inview-animate.js-inview .inview-animate__hidden-before {
  animation-fill-mode: both;
  animation-timing-function: ease-in;
  animation-duration: 1s; }
.inview-animate.js-inview .inview-animate__mask {
  position: absolute;
  background-color: #D36ECD;
  z-index: 1; }
.inview-animate.js-inview .inview-animate__hidden-before {
  position: relative;
  opacity: 0;
  z-index: 0; }
.inview-animate.js-inview.viewed .inview-animate__mask {
  animation-name: inviewMask; }
.inview-animate.js-inview.viewed .inview-animate__hidden-before {
  animation-name: inviewBody; }

.js-bp-checker {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  display: none; }
  @media (max-width: 575.98px) {
    .js-bp-checker--mb {
      display: block; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .js-bp-checker--tl {
      display: block; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .js-bp-checker--lt {
      display: block; } }
  @media (min-width: 1200px) {
    .js-bp-checker--dt {
      display: block; } }

body {
  position: relative;
  background-color: #fff;
  transition: 0.5s ease; }
  @media (min-width: 992px) {
    body {
      margin-bottom: 4em; } }
  @media (min-width: 992px) {
    body[data-cookies-pass="false"] {
      margin-bottom: 9rem; } }

h2 {
  font-size: 5em;
  font-weight: 900;
  line-height: 1.125;
  letter-spacing: 0.05em;
  color: #D36ECD; }
  @media (max-width: 767.98px) {
    h2 {
      font-size: 2.5em; } }

h3 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.03em;
  color: #D36ECD; }
  @media (max-width: 767.98px) {
    h3 {
      font-size: 1.125em; } }

.hollow-text {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #D36ECD; }
  @media (pointer: coarse) {
    .hollow-text {
      -webkit-text-fill-color: #fff;
      -webkit-text-stroke: 2px #D36ECD;
      paint-order: stroke fill;
      -webkit-font-smoothing: antialiased; } }
  .hollow-text--white {
    -webkit-text-stroke: 1px #fff; }

.section {
  padding: 2.25em 0em; }

.header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 5;
  transition: 0.5s; }
  body[data-at-top="false"]:not([data-menu-active="true"]) .header {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); }
  .header--dark .header__logo-img--b {
    display: block; }
  .header--dark .header__logo-img--w {
    display: none; }
  .header__row {
    display: flex;
    align-items: center;
    height: 6.875em;
    transition: 0.5s ease;
    justify-content: space-between; }
    @media (max-width: 1199.98px) {
      .header__row {
        justify-content: space-between; } }
    @media (max-width: 767.98px) {
      .header__row {
        height: 4.75em;
        gap: 0.3125em; } }
  .header__logo {
    display: block;
    height: 100%;
    transition: 0.3s ease;
    width: 18.75em; }
    @media (max-width: 1599.98px) {
      .header__logo {
        width: 13.75em; } }
    @media (max-width: 767.98px) {
      .header__logo {
        width: 10.75em; } }
    @media (min-width: 768px) {
      body[data-at-top="false"] .header__logo {
        width: 12.75em; } }
  .header__logo-img {
    width: auto;
    height: 100%;
    transition: 0.3s ease; }
    .header__logo-img--w {
      display: none; }
    body[data-at-top="true"][data-menu-active="false"] .header__logo-img--b {
      display: none; }
    body[data-at-top="true"][data-menu-active="false"] .header__logo-img--w {
      display: block; }
    body[data-at-top="true"][data-menu-active="false"].landing .header__logo-img--b, body[data-at-top="true"][data-menu-active="false"].details .header__logo-img--b {
      display: block;
      width: 18.75em; }
    body[data-at-top="true"][data-menu-active="false"].landing .header__logo-img--w, body[data-at-top="true"][data-menu-active="false"].details .header__logo-img--w {
      display: none; }
  .header__center {
    flex: 0 0 calc(100% - 37.5em);
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199.98px) {
      .header__center {
        display: none; } }
  body[data-menu-active="true"] .header__left, body[data-menu-active="true"] .header__center {
    transition: 0.5s ease !important;
    opacity: 0 !important; }
  .header__left {
    display: flex;
    align-items: center; }
  .header__right {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; }
  .header__menu-btn {
    position: relative;
    background-color: #fff;
    color: currentColor;
    border-radius: 999px;
    flex: 0 0 4em;
    width: 4em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
    @media (max-width: 767.98px) {
      .header__menu-btn {
        font-size: 0.75em; } }
    body.landing .header__menu-btn, body.details .header__menu-btn {
      background-color: #D36ECD;
      color: #fff; }
    @media (min-width: 768px) {
      body[data-menu-active="true"] .header__menu-btn {
        margin-left: 1.25em; } }
    .header__menu-btn .icon {
      position: relative;
      display: block;
      flex: 0 0 1.875em;
      width: 1.875em;
      height: 1.25em; }
      .header__menu-btn .icon > span {
        position: absolute;
        width: 100%;
        height: 4px;
        border-radius: 999px;
        background-color: currentColor;
        left: 0;
        transform-origin: center left;
        transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.3s, color 0.5s ease; }
        @media (max-width: 767.98px) {
          .header__menu-btn .icon > span {
            height: 3px; } }
        .header__menu-btn .icon > span:nth-child(1) {
          top: 0; }
          body[data-menu-active="true"] .header__menu-btn .icon > span:nth-child(1) {
            transform: rotate(45deg) translateY(-125%);
            width: 110%; }
        .header__menu-btn .icon > span:nth-child(2) {
          top: calc(50% - 2px); }
          @media (max-width: 767.98px) {
            .header__menu-btn .icon > span:nth-child(2) {
              top: calc(50% - 1.5px); } }
          body[data-menu-active="true"] .header__menu-btn .icon > span:nth-child(2) {
            opacity: 0;
            transform: translateX(100%); }
        .header__menu-btn .icon > span:nth-child(3) {
          bottom: 0;
          width: 1.5625em; }
          body[data-menu-active="true"] .header__menu-btn .icon > span:nth-child(3) {
            transform: rotate(-45deg) translateY(125%);
            width: 110%; }
  .header__image-btn {
    margin-right: 0.625em;
    margin-top: 0.4375em;
    width: 14.5em; }
    @media (max-width: 1599.98px) {
      .header__image-btn {
        width: 12.5em; } }
    @media (max-width: 767.98px) {
      .header__image-btn {
        max-width: 9.875em;
        width: 100%;
        margin-right: 0;
        margin-top: 0.25em; } }
    body[data-menu-active="true"] .header__image-btn {
      display: none; }
  .header__step {
    position: relative;
    width: 33.875em;
    padding-top: 2em;
    counter-reset: step; }
  .header__step-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header__step-row:before {
      content: "";
      position: absolute;
      border-radius: 999px;
      inset: 50% 0.375em auto;
      height: 0.875em;
      margin-top: -0.4375em;
      background-color: #BA37B3; }
  .header__step-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    counter-increment: step;
    flex: 0 0 0;
    width: 0;
    height: 0;
    cursor: pointer;
    content: ""; }
    .header__step-item:before {
      position: absolute;
      content: "0" counter(step);
      width: 1.875em;
      height: 1.875em;
      border-radius: 999px;
      border: 0.375em solid #BA37B3;
      background-color: #fff;
      color: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: transparent;
      padding-bottom: 0.1em;
      transition: 0.3s ease; }
    .header__step-item.active {
      pointer-events: none; }
      .header__step-item.active:before {
        flex: 0 0 2.375em;
        width: 2.375em;
        height: 2.375em;
        color: #BA37B3; }
    .header__step-item span {
      white-space: nowrap;
      margin-top: -3.875em;
      transition: 0.3s ease;
      color: #BA37B3;
      text-shadow: 1px 1px 3px #fff; }
      body[data-at-top="true"] .header__step-item span {
        color: #fff;
        text-shadow: unset; }
      body.landing .header__step-item span, body.details .header__step-item span {
        color: #BA37B3; }
    .header__step-item.active span {
      color: #000; }
    .header__step-item--no-index:before {
      content: ""; }
    .header__step-item.disabled:hover .header__step-item-list {
      opacity: 1;
      visibility: visible;
      gap: 0.625rem;
      transition: opacity 0.3s ease, gap 0.3s ease; }
      .header__step-item.disabled:hover .header__step-item-list a {
        transform: translateY(0); }
  .header__step-item-list {
    position: absolute;
    top: 0.625rem;
    padding: 0.9375rem;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, gap 0.3s ease, visibility 0s ease 0.3s; }
    .header__step-item-list a {
      white-space: nowrap;
      color: #fff;
      background-color: #D36ECD;
      border-radius: 2.5rem;
      padding: 0.4375rem 0.9375rem;
      min-width: 9.25rem;
      text-align: center;
      transition: 0.3s ease; }
      .header__step-item-list a:hover {
        color: #BA37B3; }
      .header__step-item-list a:nth-child(2) {
        transform: translateY(-100%); }
      .header__step-item-list a:nth-child(3) {
        transform: translateY(-200%); }
      .header__step-item-list a:nth-child(4) {
        transform: translateY(-300%); }
      .header__step-item-list a:nth-child(5) {
        transform: translateY(-400%); }
      .header__step-item-list a:nth-child(6) {
        transform: translateY(-500%); }
      .header__step-item-list a:nth-child(7) {
        transform: translateY(-600%); }
      .header__step-item-list a:nth-child(8) {
        transform: translateY(-700%); }
      .header__step-item-list a:nth-child(9) {
        transform: translateY(-800%); }
      .header__step-item-list a:nth-child(10) {
        transform: translateY(-900%); }
  @media (max-width: 767.98px) {
    .header__lang-accordion {
      position: fixed;
      top: 4.875rem;
      right: 20px; } }
  body[data-menu-active="false"] .header__lang-accordion {
    display: none; }

.menu {
  position: fixed;
  inset: 0;
  z-index: 4;
  background-image: linear-gradient(120deg, #D36ECD 0%, #8D5489 100%);
  background-position: center;
  background-size: cover;
  display: none;
  color: #fff; }
  .menu__body {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    overflow: hidden;
    padding-top: 4.375em; }
  .menu__row {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 100%;
    padding: 2em 0em 2em 3.75em; }
    .menu__row:before {
      content: "";
      position: absolute;
      inset: -50vh auto -50vh 0;
      pointer-events: none;
      background-color: #BA37B3;
      width: 0.9375rem; }
  .menu__item {
    position: relative;
    margin-bottom: 1.25em;
    text-transform: uppercase;
    line-height: 1; }
    .menu__item:before {
      content: "";
      position: absolute;
      inset: 2.5em auto auto -4.25em;
      width: 30px;
      height: 30px;
      border-radius: 999px;
      background-color: #fff;
      border: 7px solid #BA37B3; }
      @media (max-width: 767.98px) {
        .menu__item:before {
          top: 0.75rem; } }
    .menu__item > a {
      display: inline-block;
      font-size: 5em;
      font-weight: 900;
      letter-spacing: 0.05em;
      vertical-align: middle;
      margin-right: 0.5em;
      transition: 0.3s ease;
      font-family: "dunbar-tall", "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif; }
      @media (max-width: 767.98px) {
        .menu__item > a {
          font-size: 3.125em; } }
      .menu__item > a.disabled {
        pointer-events: none; }
  .menu__item.active > a {
    color: #D36ECD; }
  .menu__item-btn {
    position: relative;
    top: 0.25em;
    vertical-align: middle;
    cursor: pointer; }
    .menu__item-btn .icon {
      font-size: 3.125em; }
  .menu__item:not(.active) .icon-close {
    display: none; }
  .menu__item.active .icon-open {
    display: none; }
  .menu__submenu {
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    margin-top: 1em;
    font-weight: 700;
    line-height: 2.0833333333;
    text-transform: none; }
    @media (max-width: 767.98px) {
      .menu__submenu {
        line-height: 1.6666666667; } }
  .menu__btn--book {
    position: relative;
    letter-spacing: 0.1em;
    font-weight: 500;
    background-color: #D36ECD;
    color: #fff;
    justify-content: center;
    flex: 0 0 9.375em;
    min-width: initial;
    transition: 0.3s ease; }
    @media (max-width: 991.98px) {
      .menu__btn--book {
        font-size: 0.8em; } }
    .menu__btn--book:hover {
      background-color: #D36ECD; }
    .menu__btn--book span {
      font-size: 1.25em; }
  .menu__br {
    flex: 1 0 auto; }
  .menu__search, .menu__booking-btn {
    margin-top: 1.5em; }
  .menu__lang-grp {
    margin-top: 0.75em; }
  .menu__lang-item {
    margin: 0em 0.625em; }
  .menu .container {
    min-height: 100%; }

main {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.footer {
  background-color: #D36ECD;
  color: #fff;
  transition: 0.5s ease;
  line-height: 1; }
  @media (min-width: 992px) {
    .footer {
      position: fixed;
      inset: auto 0 0;
      z-index: -1; } }
  .footer__row {
    display: flex;
    align-items: center;
    height: 4em; }
    @media (max-width: 991.98px) {
      .footer__row {
        height: auto;
        flex-direction: column;
        justify-content: center;
        padding: 2em 0;
        text-align: center; } }
  .footer__item--logo {
    margin-right: 3.125em; }
    .footer__item--logo img {
      width: 9.375em; }
  .footer__item--sister-cpy {
    display: flex;
    align-items: center;
    margin-right: auto; }
    @media (max-width: 991.98px) {
      .footer__item--sister-cpy {
        margin-left: auto;
        flex-direction: column; } }
    @media (max-width: 991.98px) {
      .footer__item--sister-cpy span {
        font-size: 0.875em; } }
    .footer__item--sister-cpy img {
      margin: 0em 0.625em;
      width: 6.625em; }
      @media (max-width: 991.98px) {
        .footer__item--sister-cpy img {
          width: 6em;
          margin: 0.3125em auto 1.5625em; } }
  .footer__item--copyright {
    margin-right: 1.5em; }
    @media (max-width: 991.98px) {
      .footer__item--copyright {
        margin: 0em auto 1em; } }
    .footer__item--copyright span {
      font-size: 0.875em; }
  .footer__item--social {
    display: flex;
    align-items: center; }
  .footer__social-item {
    margin-left: 1em;
    transition: 0.3s ease; }
    @media (max-width: 991.98px) {
      .footer__social-item {
        margin: 0 0.5em; } }
    .footer__social-item:hover {
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
    .footer__social-item .icon {
      font-size: 1.875em; }
  body[data-cookies-pass="false"] .footer {
    bottom: 5rem; }

.go-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  min-width: 13.625em;
  height: 3.75em;
  padding: 0.3125em 4.625em 0.3125em 1.5em;
  color: #000;
  border-radius: 999px;
  cursor: pointer;
  transition: 0.3s ease;
  border: 1px solid transparent; }
  @media (max-width: 767.98px) {
    .go-btn {
      font-size: 0.875rem; } }
  .go-btn span {
    position: relative;
    z-index: 2;
    font-weight: 700; }
    .go-btn span > span:first-child {
      font-size: 0.875em; }
  .go-btn .icon {
    position: absolute;
    z-index: 1;
    inset: 0.25em 0.3125em auto auto;
    width: 3.125em;
    height: 3.125em;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #D36ECD;
    color: #fff;
    margin-left: auto;
    transition: 0.3s ease; }
    .go-btn .icon.icon-go:before {
      font-size: 0.6875em;
      margin-left: 0.7272727273em; }
    .go-btn .icon.icon-plus:before, .go-btn .icon.icon-download:before {
      font-size: 1.5em;
      margin-left: 0.5833333333em; }
  .go-btn:hover {
    color: #fff;
    padding-left: 4.625em;
    padding-right: 1.5em; }
    .go-btn:hover .icon {
      width: calc(100% - 0.625em); }
  .go-btn--solid {
    color: #fff;
    background-color: #D36ECD; }
    .go-btn--solid .icon-go {
      background-color: #fff;
      color: #D36ECD; }
    .go-btn--solid:hover {
      color: #D36ECD; }

.cookies-alert {
  position: fixed;
  inset: auto 0 0;
  z-index: 1001;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
  @media (max-width: 991.98px) {
    .cookies-alert {
      font-size: 0.875em; } }
  .cookies-alert:not(.active) {
    display: none; }
  .cookies-alert__row {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 767.98px) {
      .cookies-alert__row {
        height: auto;
        display: block;
        padding: 0.75em 0em; } }
  .cookies-alert__control {
    display: flex;
    align-items: center;
    margin-left: 1.5em; }
    @media (max-width: 767.98px) {
      .cookies-alert__control {
        margin: 0.75em auto 0;
        justify-content: flex-end; } }
  .cookies-alert__body {
    font-weight: 300; }
  .cookies-alert .btn {
    min-width: 0; }
    .cookies-alert .btn--solid {
      color: #fff; }
    .cookies-alert .btn ~ .btn {
      margin-left: 1em; }
    .cookies-alert .btn span {
      line-height: 1.2; }
  .cookies-alert a {
    text-decoration: underline; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  color: #D36ECD;
  border: 1px solid #D36ECD;
  padding: 0.5em 1em;
  cursor: pointer; }
  .btn--solid {
    border-color: #D36ECD;
    background-color: #D36ECD;
    color: #fff; }

.marquee {
  overflow: visible;
  position: relative; }
  .marquee .container {
    position: relative; }
  .marquee__row {
    white-space: nowrap; }
  .marquee[data-direction="ltr"] {
    transform: rotate(180deg); }
  .marquee[data-direction="ltr"] .marquee__body {
    transform: rotate(180deg); }
  .marquee__body {
    display: inline-block;
    line-height: 0.85;
    padding-right: 1em; }
    .marquee__body span {
      font-size: 16.25em;
      font-weight: 900; }
      @media (max-width: 767.98px) {
        .marquee__body span {
          font-size: 9.625em; } }

.sticky-section {
  pointer-events: none;
  position: fixed;
  inset: auto 2.5rem 2.5rem;
  z-index: 15; }
  @media (max-width: 767.98px) {
    .sticky-section {
      inset: auto 1.25rem 1.25rem; } }
  .sticky-section__row {
    display: flex;
    justify-content: flex-end; }
  .sticky-section__btn {
    position: relative;
    flex: 0 0 8.75em;
    width: 8.75em;
    height: 8.75em;
    border-radius: 999px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    transition: 0.3s ease; }
    @media (max-width: 767.98px) {
      .sticky-section__btn {
        flex: 0 0 6.25em;
        width: 6.25em;
        height: 6.25em; } }
    .sticky-section__btn:before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 999px;
      background-color: #fff;
      transition: 0.5s ease; }
    .sticky-section__btn:hover {
      color: #fff; }
      .sticky-section__btn:hover:before {
        background-color: #D36ECD;
        transform: scale(1.1); }
      .sticky-section__btn:hover .icon-go {
        color: #fff; }
    .sticky-section__btn > * {
      position: relative;
      z-index: 1; }
    .sticky-section__btn .icon-click,
    .sticky-section__btn .icon-lightbulb {
      font-size: 3em; }
      @media (max-width: 767.98px) {
        .sticky-section__btn .icon-click,
        .sticky-section__btn .icon-lightbulb {
          font-size: 2.25em; } }
    .sticky-section__btn p {
      letter-spacing: 0.03em;
      font-weight: 700;
      line-height: 1;
      margin: 0.375em auto; }
      @media (max-width: 767.98px) {
        .sticky-section__btn p {
          font-size: 0.875em; } }
    .sticky-section__btn .icon-go {
      font-size: 0.8125em;
      color: #D36ECD;
      transition: 0.3s ease; }
      @media (max-width: 767.98px) {
        .sticky-section__btn .icon-go {
          font-size: 0.625em; } }
  .foot-checker.on-view + .sticky-section .sticky-section__btn {
    opacity: 0 !important;
    pointer-events: none !important; }

.landing-7 {
  position: relative; }
  .landing-7__backdrop {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0; }
  .landing-7__body {
    position: relative;
    padding: 4.75em 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 5; }
    @media (max-width: 767.98px) {
      .landing-7__body {
        padding: 3.75rem 1.25rem; } }
  .landing-7__video {
    width: 100%;
    max-width: 54.25rem;
    margin-bottom: 2.25em; }
    .landing-7__video .media-holder {
      padding-bottom: 56.25%;
      border-radius: 3.75rem;
      background-color: #e8e8e8;
      transform: translateZ(1px); }
      @media (max-width: 767.98px) {
        .landing-7__video .media-holder {
          border-radius: 1.25rem; } }
      .landing-7__video .media-holder__btn-wrap {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2; }
        .landing-7__video .media-holder__btn-wrap .icon {
          color: #D36ECD;
          font-size: 4.375rem;
          transition: 0.5s ease; }
          @media (max-width: 767.98px) {
            .landing-7__video .media-holder__btn-wrap .icon {
              font-size: 1.875rem; } }
      .landing-7__video .media-holder img {
        transition: 0.5s ease; }
      .landing-7__video .media-holder:hover .icon {
        opacity: 0; }
      .landing-7__video .media-holder:hover img {
        transform: scale(1.1); }
  .landing-7__btn {
    background-color: #fff;
    border: 1px solid #D36ECD; }

.details .js-anchor {
  transform: translateY(-100px); }
  @media (max-width: 767.98px) {
    .details .js-anchor {
      transform: translateY(-76px); } }

@keyframes imageWiggleMain {
  0%,
  100% {
    transform: scale(1) translateY(0); }
  50% {
    transform: scale(1) translateY(-40px); } }
@keyframes imageWiggleMain2 {
  0%,
  100% {
    transform: scale(1) rotate(0deg); }
  25% {
    transform: scale(0.94) rotate(5deg); }
  50% {
    transform: scale(1) rotate(-2deg); }
  75% {
    transform: scale(0.96) rotate(3deg); } }
@keyframes imageWiggleMain3 {
  0%,
  100% {
    transform: scale(1) rotate(0deg); }
  25% {
    transform: scale(0.94) rotate(-2deg); }
  50% {
    transform: scale(1) rotate(4deg); }
  75% {
    transform: scale(0.96) rotate(-3deg); } }
@keyframes keyWiggle {
  0%,
  50%,
  100% {
    transform: scale(0.94) translate(-10%, -1.5%); }
  25% {
    transform: scale(1); }
  75% {
    transform: scale(0.96) translate(-14%, -2%); } }
.landing-hero {
  position: relative;
  color: #fff;
  background-color: #fff;
  height: calc(100vh + 11.25rem);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  clip: rect(0, auto, auto, 0); }
  @media (max-width: 1199.98px) {
    .landing-hero {
      height: calc(100vh + 6.25rem); } }
  @media (max-width: 767.98px) {
    .landing-hero {
      height: 100vh;
      min-height: 75vw;
      max-height: 177.7777777778vw; } }
  .landing-hero__holder {
    inset: 0 0 auto;
    height: 100vh;
    background-image: url(../images/2025_sg/landing/KV_desktop_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative; }
    @media (max-width: 767.98px) {
      .landing-hero__holder {
        background-image: url(../images/2025_sg/landing/KV_mobile_bg.jpg);
        background-position: center; } }
    .landing-hero__holder::before {
      content: "";
      width: 100%;
      height: 5.3125rem;
      position: absolute;
      bottom: 0;
      background: linear-gradient(to top, white 0%, transparent 100%); }
    @media (max-width: 767.98px) {
      .landing-hero__holder {
        height: 100vh;
        min-height: 75vw;
        max-height: 177.7777777778vw; } }
  .landing-hero__object {
    position: absolute;
    inset: 0;
    display: flex; }
    .landing-hero__object:before {
      position: absolute;
      inset: 0 -17.1428571429%;
      background-image: url(../images/2025/landing/KV_desktop_bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center -1.5rem;
      transition: 0.8s ease; }
  .landing-hero__key-object {
    position: relative;
    z-index: 2;
    transition: 1.5s cubic-bezier(0, 0, 0.1, 1.01), opacity 0.8s ease-out;
    transition-delay: 300ms;
    margin: 31% auto 0; }
    @media (min-width: 768px) {
      .landing-hero__key-object {
        width: 21.4285714286%; } }
    @media (max-width: 767.98px) {
      .landing-hero__key-object {
        display: flex;
        align-items: flex-end;
        width: 12.875rem; } }
    .landing-hero__key-object img {
      display: block;
      width: 100%;
      translate: 12% 0; }
      @media (max-width: 767.98px) {
        .landing-hero__key-object img {
          position: absolute;
          bottom: 29%; } }
    .landing-hero.js-inview:not(.viewed) .landing-hero__key-object {
      opacity: 0;
      transform: translate(-20%, -3%) scale(0.7); }
  .landing-hero__object-layer {
    position: absolute;
    transition: 1.3s ease-out;
    transition-property: transform opacity; }
    @media (max-width: 767.98px) {
      .landing-hero__object-layer {
        bottom: 0; } }
    .landing-hero__object-layer img {
      width: 100%; }
    .landing-hero__object-layer--text {
      z-index: 1;
      transition-delay: 500ms;
      width: 99.6428571429%;
      top: 11%;
      left: 50%;
      transform: translate(-50%, 0);
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (max-width: 1599.98px) {
        .landing-hero__object-layer--text {
          top: 19%; } }
      @media (max-width: 991.98px) {
        .landing-hero__object-layer--text {
          top: 16%; } }
      @media (max-width: 991.98px) {
        .landing-hero__object-layer--text .landing-hero__title div:first-child {
          display: none; } }
      .landing-hero__object-layer--text .landing-hero__title div:nth-child(2) {
        display: none; }
        @media (max-width: 991.98px) {
          .landing-hero__object-layer--text .landing-hero__title div:nth-child(2) {
            display: block; } }
      .landing-hero__object-layer--text .landing-hero__sub-title {
        transform: translateY(-1.25rem); }
        html[lang="en"] .landing-hero__object-layer--text .landing-hero__sub-title div:first-child {
          display: none; }
        html[lang="zh-cn"] .landing-hero__object-layer--text .landing-hero__sub-title div:nth-child(2) {
          display: none; }
    .landing-hero__object-layer--hand {
      transition-delay: 1000ms;
      transition-duration: 1.6s;
      width: 42.1428571429%;
      top: -12%;
      right: 0;
      max-width: 37.375rem; }
      @media (max-width: 1599.98px) {
        .landing-hero__object-layer--hand {
          top: -12%;
          right: -12%; } }
      @media (max-width: 991.98px) {
        .landing-hero__object-layer--hand {
          top: 10%; } }
      @media (max-width: 767.98px) {
        .landing-hero__object-layer--hand {
          top: 32%;
          right: -15%; } }
    .landing-hero__object-layer--bird-1 {
      z-index: 3;
      transition-delay: 1000ms; }
      @media (min-width: 768px) {
        .landing-hero__object-layer--bird-1 {
          width: 4.875rem;
          right: 13%;
          bottom: 12%; } }
      @media (max-width: 767.98px) {
        .landing-hero__object-layer--bird-1 {
          width: 1.375rem;
          right: 6%;
          bottom: 22%; } }
      @media (max-width: 575.98px) {
        .landing-hero__object-layer--bird-1 {
          right: 12%;
          bottom: 21%; } }
      .landing-hero__object-layer--bird-1 img {
        animation: imageWiggleMain2 20s ease-in-out infinite 3s; }
    .landing-hero__object-layer--bird-2 {
      z-index: 1;
      transition-delay: 1200ms; }
      @media (min-width: 768px) {
        .landing-hero__object-layer--bird-2 {
          width: 3.9375rem;
          left: 12%;
          bottom: 21%; } }
      @media (max-width: 767.98px) {
        .landing-hero__object-layer--bird-2 {
          width: 1.125rem;
          left: 22%;
          bottom: 22%; } }
      @media (max-width: 575.98px) {
        .landing-hero__object-layer--bird-2 {
          left: 10%;
          bottom: 28%; } }
      .landing-hero__object-layer--bird-2 img {
        animation: imageWiggleMain3 20s ease-in-out infinite 2s; }
    .landing-hero__object-layer--bird-3 {
      transition-delay: 1400ms; }
      @media (min-width: 768px) {
        .landing-hero__object-layer--bird-3 {
          width: 3.9375rem;
          left: 7%;
          bottom: 18%; } }
      @media (max-width: 767.98px) {
        .landing-hero__object-layer--bird-3 {
          width: 1.0625rem;
          left: 25%;
          bottom: 23%; } }
      @media (max-width: 575.98px) {
        .landing-hero__object-layer--bird-3 {
          left: 5%;
          bottom: 27%; } }
      .landing-hero__object-layer--bird-3 img {
        animation: imageWiggleMain2 20s ease-in-out infinite; }
    .landing-hero__object-layer--cloud-1 {
      transition-delay: 1400ms;
      width: 20.8333333333%;
      top: -2%;
      left: 27%; }
      @media (max-width: 1599.98px) {
        .landing-hero__object-layer--cloud-1 {
          top: 2%; } }
      @media (max-width: 991.98px) {
        .landing-hero__object-layer--cloud-1 {
          display: none; } }
      .landing-hero__object-layer--cloud-1 img {
        animation: imageWiggleMain 8s infinite; }
    .landing-hero__object-layer--cloud-2 {
      transition-delay: 1400ms;
      width: 27.8645833333%;
      right: -15%;
      height: fit-content;
      bottom: 8%; }
      @media (max-width: 767.98px) {
        .landing-hero__object-layer--cloud-2 {
          bottom: 18%; } }
      .landing-hero__object-layer--cloud-2 img {
        animation: imageWiggleMain 10s infinite 2s; }
    .landing-hero__object-layer--cloud-3 {
      transition-delay: 1400ms;
      width: 26.6666666667%;
      bottom: -19%;
      left: -4%; }
      @media (max-width: 1199.98px) {
        .landing-hero__object-layer--cloud-3 {
          bottom: -11%; } }
      @media (max-width: 767.98px) {
        .landing-hero__object-layer--cloud-3 {
          bottom: 9%; } }
      @media (max-width: 575.98px) {
        .landing-hero__object-layer--cloud-3 {
          bottom: 6%; } }
      .landing-hero__object-layer--cloud-3 img {
        animation: imageWiggleMain 15s infinite; }
    .landing-hero.js-inview:not(.viewed) .landing-hero__object-layer {
      opacity: 0; }
      .landing-hero.js-inview:not(.viewed) .landing-hero__object-layer--text {
        transform: scale(1.5), translate(-50%, -10%); }
      .landing-hero.js-inview:not(.viewed) .landing-hero__object-layer--hand {
        transform: scale(1.2) translate(100%, -100%); }
      .landing-hero.js-inview:not(.viewed) .landing-hero__object-layer--bird-1 {
        transform: scale(1.2) translate(20%, 5%); }
      .landing-hero.js-inview:not(.viewed) .landing-hero__object-layer--bird-2, .landing-hero.js-inview:not(.viewed) .landing-hero__object-layer--bird-3 {
        transform: scale(1.2) translate(-20%, 20%); }
  .landing-hero .container {
    position: relative;
    height: 100%;
    width: 75%;
    max-width: 90rem; }
    @media (max-width: 767.98px) {
      .landing-hero .container {
        width: 90%;
        max-width: 90%; } }
  .landing-hero .js-text-fading > span {
    letter-spacing: 0.05em; }
  .landing-hero--detail {
    background-image: url(../images/2025_sg/detail/top-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 1600px) {
      .landing-hero--detail {
        height: 720px;
        min-height: 720px;
        max-height: 720px;
        margin-top: -70px; }
        .landing-hero--detail .landing-hero__object {
          inset: auto 0 0; } }
    @media (min-width: 992px) and (max-width: 1599.98px) {
      .landing-hero--detail {
        width: 100%;
        height: auto;
        aspect-ratio: 21/9; } }
    @media (max-width: 991.98px) {
      .landing-hero--detail {
        height: 420px;
        min-height: 420px;
        max-height: 420px; } }
    @media (max-width: 767.98px) {
      .landing-hero--detail {
        background-image: url(../images/2025_sg/detail/top-banner_m.jpg); } }
    @media (max-width: 991.98px) {
      .landing-hero--detail .landing-hero__key-object {
        width: 8.125rem; } }

#theme {
  transform: translateY(-9.375rem); }

#organizers,
#grand_prizes {
  transform: translateY(-6.25rem); }

/*# sourceMappingURL=common.css.map */