/* stylelint-disable scss/operator-no-newline-after */
/**
 * vw calc based on css var.
*/
/**
 * vh calc based on css var.
*/
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
@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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
: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;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  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;
}
/* Auto Height */
.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);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.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);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  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:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .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);
  }
}
/* Slide styles end */
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.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, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.plg {
  /*
  Wrapper
  ========
  */
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: "nt-bau-regular", sans-serif;
  -moz-osx-font-smoothing: grayscale; /* 4. Add antialias to texts */
  -webkit-font-smoothing: antialiased; /* 4. Add antialias to texts */
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  tab-size: 4; /* 3 */
  text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ /* 3. Use a more readable tab size (opinionated). */
  /**
  1. Use a better box model (opinionated).
  2. Reset border styles
  */
  /*
  Grouping content
  ================
  */
  /**
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  */
  /*
  Text-level semantics
  ====================
  */
  /**
  Remove default text margins
  */
  /**
  Unstyle headings
  */
  /**
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  /**
  Add the correct font weight in Edge and Safari.
  */
  /**
  1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  2. Correct the odd 'em' font sizing in all browsers.
  */
  /**
  Add the correct font size in all browsers.
  */
  /**
  Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
  */
  /*
  Tabular data
  ============
  */
  /**
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  */
  /*
  Forms
  =====
  */
  /**
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  */
  /**
  Remove the inheritance of text transform in Edge and Firefox.
  */
  /**
  Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  Remove the inner border and padding in Firefox.
  */
  /**
  Restore the focus styles unset by the previous rule.
  */
  /**
  Remove the additional ':invalid' styles in Firefox.
  See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
  */
  /**
  Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
  */
  /**
  Add the correct vertical alignment in Chrome and Firefox.
  */
  /**
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  /**
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  /**
  Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to 'inherit' in Safari.
  */
  /*
  Interactive
  ===========
  */
  /*
  Add the correct display in Chrome and Safari.
  */
  /*
  Assets
  ===========
  */
  /**
  Make assets block level
  */
  /**
  Constrain images and videos to parent
  */
  --sand: #fefcf0;
  --off-white: #f8f8f8;
  --z-nav: 10;
  --z-internal-scroll-bg: 15;
  --z-internal-scroll: 20;
  --z-shop-card: 30;
  --z-video-modal: 40;
  --aspect: 375;
  --h-aspect: 630;
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
  /* stylelint-disable scss/operator-no-newline-after */
  /**
   * vw calc based on css var.
  */
  /**
   * vh calc based on css var.
  */
}
.plg *,
.plg ::before,
.plg ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: slateblue;
}
.plg hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}
.plg blockquote,
.plg dl,
.plg dd,
.plg h1,
.plg h2,
.plg h3,
.plg h4,
.plg h5,
.plg h6,
.plg hr,
.plg figure,
.plg p,
.plg pre {
  margin: 0;
}
.plg h1,
.plg h2,
.plg h3,
.plg h4,
.plg h5,
.plg h6 {
  font-family: "gt-flexa-black", sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
.plg abbr[title] {
  text-decoration: underline dotted;
}
.plg b,
.plg strong {
  font-weight: bolder;
}
.plg code,
.plg kbd,
.plg samp,
.plg pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
.plg small {
  font-size: 80%;
}
.plg sub,
.plg sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.plg sub {
  bottom: -0.25em;
}
.plg sup {
  top: -0.5em;
}
.plg table {
  border-color: inherit; /* 2 */
  text-indent: 0; /* 1 */
}
.plg button,
.plg input,
.plg optgroup,
.plg select,
.plg textarea {
  margin: 0; /* 2 */
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
}
.plg button,
.plg select {
  text-transform: none;
}
.plg button,
.plg [type=button],
.plg [type=reset],
.plg [type=submit] {
  appearance: button;
}
.plg ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.plg :-moz-focusring {
  outline: 1px dotted ButtonText;
}
.plg :-moz-ui-invalid {
  box-shadow: none;
}
.plg legend {
  padding: 0;
}
.plg progress {
  vertical-align: baseline;
}
.plg ::-webkit-inner-spin-button,
.plg ::-webkit-outer-spin-button {
  height: auto;
}
.plg [type=search] {
  appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
.plg ::-webkit-search-decoration {
  appearance: none;
}
.plg ::-webkit-file-upload-button {
  appearance: button; /* 1 */
  font: inherit; /* 2 */
}
.plg summary {
  display: list-item;
}
.plg img,
.plg svg,
.plg video,
.plg canvas,
.plg audio,
.plg iframe,
.plg embed,
.plg object {
  display: block;
  vertical-align: middle;
}
.plg img,
.plg video {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 40em) {
  .plg {
    --aspect: 640;
    --h-aspect: 1260;
  }
}
@media screen and (min-width: 64em) {
  .plg {
    --aspect: 1440;
    --h-aspect: 670;
  }
}
.plg .o-copy {
  font-size: calc(1600vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 120%;
}
@media screen and (min-width: 64em) {
  .plg .o-copy {
    font-size: calc(1600vw / var(--aspect, 375));
  }
}
.plg .o-copy.is-small {
  font-size: calc(1400vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .o-copy.is-small {
    font-size: calc(1400vw / var(--aspect, 375));
  }
}
.plg .o-copy.is-small-standard {
  font-size: calc(1400vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .o-copy.is-small-standard {
    font-size: calc(1600vw / var(--aspect, 375));
  }
}
.plg .o-title {
  font-family: gt-flexa-black;
  font-size: calc(3200vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 800;
  letter-spacing: normal;
  line-height: normal;
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .plg .o-title {
    font-size: calc(4000vw / var(--aspect, 375));
  }
}
.plg .o-title.is-subtitle {
  font-family: gt-flexa-bold;
  font-size: calc(1800vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.plg .o-title.is-subtitle-2 {
  font-family: gt-flexa-bold;
  font-size: calc(2400vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.plg .o-title.is-2 {
  font-size: calc(2200vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-2 {
    font-size: calc(3200vw / var(--aspect, 375));
  }
}
.plg .o-title.is-2-1 {
  font-size: calc(2200vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-2-1 {
    font-size: calc(4000vw / var(--aspect, 375));
  }
}
.plg .o-title.is-3 {
  font-size: calc(1600vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-3 {
    font-size: calc(1600vw / var(--aspect, 375));
  }
}
.plg .o-title.is-3-subtitle-2 {
  font-size: calc(1600vw / var(--aspect, 375));
  line-height: 140%;
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-3-subtitle-2 {
    font-family: gt-flexa-bold;
    font-size: calc(2400vw / var(--aspect, 375));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
}
.plg .o-title.is-3-2 {
  font-family: gt-flexa-black;
  font-size: calc(1600vw / var(--aspect, 375));
  font-weight: 800;
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-3-2 {
    font-size: calc(3200vw / var(--aspect, 375));
  }
}
.plg .o-title.is-4 {
  font-family: gt-flexa-bold;
  font-size: calc(1400vw / var(--aspect, 375));
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-4 {
    font-size: calc(1300vw / var(--aspect, 375));
  }
}
.plg .o-title.is-4-4 {
  font-family: gt-flexa-bold;
  font-size: calc(1400vw / var(--aspect, 375));
  font-weight: 700;
}
.plg .o-title.is-4-3 {
  font-family: gt-flexa-bold;
  font-size: calc(1400vw / var(--aspect, 375));
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .plg .o-title.is-4-3 {
    font-size: calc(1600vw / var(--aspect, 375));
  }
}
.plg .c-navigation {
  position: sticky;
  z-index: var(--z-nav);
  top: var(--navbar-height);
  padding: calc(800vw / var(--aspect, 375)) calc(1200vw / var(--aspect, 375));
  background-color: #fff;
}
@media screen and (min-width: 64em) {
  .plg .c-navigation {
    display: none;
  }
}
.plg .c-navigation .swiper-slide {
  width: fit-content;
}
.plg .c-navigation__item {
  padding: calc(600vw / var(--aspect, 375)) calc(1200vw / var(--aspect, 375));
  transition: 0.25s cubic-bezier(0.37, 0, 0.63, 1);
  border-radius: 9999px;
  background-color: #fff;
  color: #000;
  font-family: nt-bau-mono-medium;
  font-size: calc(1300vw / var(--aspect, 375));
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.plg .c-navigation__item.is-active {
  background-color: #eb8102;
  color: #fff;
}
.plg .o-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(4500vw / var(--aspect, 375));
  padding: calc(1400vw / var(--aspect, 375)) calc(1200vw / var(--aspect, 375));
  background: #fff;
  font-family: nt-bau-mono-medium;
  font-size: max(1400vw / var(--aspect, 375), 12px);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  gap: calc(1000vw / var(--aspect, 375));
  cursor: pointer;
}
.plg .o-btn svg {
  flex-shrink: 0;
  width: calc(2400vw / var(--aspect, 375));
}
.plg .o-btn:hover svg {
  transform: rotate(90deg);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.plg .o-btn.is-minus:hover svg {
  transform: rotate(180deg);
}
.plg .o-rounded-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0;
  background-color: transparent;
  color: #000;
  font-family: nt-bau-mono-medium;
  font-size: max(1400vw / var(--aspect, 375), 12px);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  cursor: pointer;
  gap: min(1400vw / var(--aspect, 375), 14px);
}
.plg .o-rounded-btn__circle {
  display: grid;
  align-content: center;
  width: calc(4000vw / var(--aspect, 375));
  overflow: hidden;
  border-radius: 9999px;
  background-color: #000;
  aspect-ratio: 1/1;
}
.plg .o-rounded-btn__circle svg {
  width: auto;
  height: calc(2400vw / var(--aspect, 375));
  transform: translateX(-50%);
  fill: #fff;
}
.plg .o-rounded-btn.is-white {
  color: #fff;
}
.plg .o-rounded-btn.is-white .o-rounded-btn__circle {
  background-color: #fff;
}
.plg .o-rounded-btn.is-white svg {
  fill: #000;
}
.plg .o-rounded-btn.is-horizontal:hover svg {
  transform: translateX(0);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.plg .o-rounded-btn.is-vertical svg {
  width: calc(2400vw / var(--aspect, 375));
  height: auto;
  margin: auto;
  transform: translateY(-50%);
}
.plg .o-rounded-btn.is-vertical:hover svg {
  transform: translateY(0);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.plg .c-pulse-btn {
  display: grid;
  position: relative;
  width: calc(3500vw / var(--aspect, 375));
  padding: 0;
  transition: background-color 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  border-radius: 9999px;
  background-color: #eb8102;
  cursor: pointer;
  aspect-ratio: 1/1;
  place-content: center;
}
.plg .c-pulse-btn::after {
  content: "";
  position: absolute;
  z-index: -1;
  animation: pulse 3s cubic-bezier(0.33, 1, 0.68, 1) infinite;
  border-radius: 9999px;
  background-color: hsla(0deg, 0%, 85%, 0.9);
  inset: 0;
}
.plg .c-pulse-btn svg {
  width: calc(1700vw / var(--aspect, 375));
  transition: fill 0.2s cubic-bezier(0.37, 0, 0.63, 1), transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.plg .c-pulse-btn.is-active {
  background-color: #000;
}
.plg .c-pulse-btn.is-active svg {
  transform: rotate(45deg);
  fill: #fff;
}
.plg .c-pulse-btn.is-wider {
  width: calc(4800vw / var(--aspect, 375));
}
.plg .c-pulse-btn.is-wider svg {
  width: calc(2600vw / var(--aspect, 375));
}
.plg .o-video-btn {
  display: grid;
  grid-row-gap: calc(1300vw / var(--aspect, 375));
  place-content: center;
  place-items: center;
}
.plg .o-video-btn svg {
  width: calc(4800vw / var(--aspect, 375));
  transition: transform 0.15s cubic-bezier(0.33, 1, 0.68, 1);
}
.plg .o-video-btn__label {
  color: #fff;
}
.plg .o-video-btn:hover svg {
  transform: scale(0.9);
}
.plg .c-product-card {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: calc(600vw / var(--aspect, 375));
  background-color: #fff;
  cursor: pointer;
}
.plg .c-product-card__content {
  display: grid;
  z-index: 2;
  grid-template-areas: "name index" "button button";
  grid-template-columns: 1fr calc(4000vw / var(--aspect, 375));
  align-content: space-between;
  height: 100%;
  padding: calc(2500vw / var(--aspect, 375)) calc(2200vw / var(--aspect, 375));
  isolation: isolate;
  aspect-ratio: 315/380;
}
@media screen and (min-width: 64em) {
  .plg .c-product-card__content {
    padding: calc(4000vw / var(--aspect, 375)) calc(3500vw / var(--aspect, 375));
  }
}
.plg .c-product-card__name {
  grid-area: name;
  color: #000;
  font-size: calc(2200vw / var(--aspect, 375));
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .plg .c-product-card__name {
    font-size: calc(3200vw / var(--aspect, 375));
  }
}
@media screen and (min-width: 64em) {
  .plg .c-product-card__name sup {
    font-size: calc(2000vw / var(--aspect, 375));
  }
}
.plg .c-product-card__index {
  grid-area: index;
  font-family: nt-bau-mono-medium;
  font-size: max(1400vw / var(--aspect, 375), 12px);
  line-height: 120%;
  text-align: center;
}
.plg .c-product-card__btn {
  grid-area: button;
  margin-left: auto;
}
.plg .c-product-card__media {
  position: absolute;
  bottom: calc(1300vw / var(--aspect, 375));
  left: 0;
  width: 100%;
  aspect-ratio: 1/1;
}
.plg .c-product-card__media video {
  display: block;
  width: 100%;
  clip-path: inset(4px);
}
.plg .c-shop-card {
  display: grid;
  position: fixed;
  z-index: var(--z-shop-card);
  align-content: end;
  inset: 0;
  justify-items: center;
}
.plg .c-shop-card__bg {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.plg .c-shop-card__container {
  display: grid;
  z-index: 2;
  grid-gap: calc(2000vw / var(--aspect, 375));
  grid-template-columns: 1fr auto;
  align-items: start;
  width: 100%;
  padding: calc(3500vw / var(--aspect, 375)) calc(1500vw / var(--aspect, 375));
  border-radius: calc(800vw / var(--aspect, 375)) calc(800vw / var(--aspect, 375)) 0 0;
  background-color: #fff;
  isolation: isolate;
}
@media screen and (min-width: 64em) {
  .plg .c-shop-card__container {
    grid-gap: calc(2500vw / var(--aspect, 375));
    grid-template-columns: repeat(2, 1fr);
    width: calc(72000vw / var(--aspect, 375));
    padding: calc(4500vw / var(--aspect, 375)) calc(6200vw / var(--aspect, 375));
  }
}
@media screen and (min-width: 64em) {
  .plg .c-shop-card__name {
    max-width: calc(20000vw / var(--aspect, 375));
  }
}
.plg .c-shop-card__close {
  margin-right: calc(1500vw / var(--aspect, 375));
  padding: 0;
  background-color: transparent;
  color: #000;
  font-family: nt-bau-regular;
  font-size: calc(1400vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  text-decoration-line: underline;
  text-transform: uppercase;
  cursor: pointer;
}
.plg .c-shop-card__close:hover {
  text-decoration: none;
}
@media screen and (min-width: 64em) {
  .plg .c-shop-card__close {
    margin-right: 0;
    margin-left: auto;
  }
}
.plg .c-shop-card__btn {
  display: flex;
  grid-column: 1/span 2;
  align-items: flex-start;
  justify-content: center;
  padding: calc(1400vw / var(--aspect, 375)) calc(1200vw / var(--aspect, 375));
  transition: 0.2s cubic-bezier(0.61, 1, 0.88, 1);
  background-color: #000;
  color: #fff;
  font-family: nt-bau-mono-medium;
  font-size: calc(1400vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
}
.plg .c-shop-card__btn:hover {
  background-color: #525252;
}
@media screen and (min-width: 64em) {
  .plg .c-shop-card__btn {
    grid-column: initial;
  }
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content {
    display: grid;
    grid-gap: calc(5600vw / var(--aspect, 375)) calc(14000vw / var(--aspect, 375));
    grid-template-areas: "title media" "copy media";
    grid-template-columns: 1fr calc(58000vw / var(--aspect, 375));
    align-content: center;
    align-items: center;
    padding-inline: calc(13000vw / var(--aspect, 375));
  }
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content.reverse {
    grid-template-areas: "media title" "media copy";
    grid-template-columns: calc(58000vw / var(--aspect, 375)) 1fr;
  }
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content.spread {
    grid-template-areas: "media" "title" "copy";
    grid-template-columns: auto;
    width: 100%;
    padding-inline: 0;
  }
}
.plg .c-roots-content.spread .c-roots-content__media {
  padding-inline: 0;
  aspect-ratio: 750/580;
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content.spread .c-roots-content__media {
    aspect-ratio: 1440/629;
  }
}
.plg .c-roots-content.spread .c-roots-content__media img {
  object-fit: cover;
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content.spread .c-roots-content__title,
  .plg .c-roots-content.spread .c-roots-content__copy {
    width: calc(41800vw / var(--aspect, 375));
    margin-right: calc(16500vw / var(--aspect, 375));
    margin-left: auto;
  }
}
@media screen and (max-width: 63.99em) {
  .plg .c-roots-content.compressed .c-roots-content__media {
    position: relative;
    z-index: -1;
    margin-top: -20px;
  }
}
@media screen and (max-width: 63.99em) {
  .plg .c-roots-content.compressed .c-roots-content__copy {
    margin-top: -20px;
  }
}
.plg .c-roots-content__title {
  padding-inline: calc(2500vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content__title {
    grid-area: title;
    align-self: end;
    padding: 0;
  }
}
.plg .c-roots-content__media {
  margin-top: calc(3000vw / var(--aspect, 375));
  padding-inline: calc(1000vw / var(--aspect, 375));
  aspect-ratio: 840/840;
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content__media {
    grid-area: media;
    padding-inline: 0;
  }
}
.plg .c-roots-content__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-roots-content__media video {
  mask-image: radial-gradient(white, black);
  backface-visibility: hidden;
}
.plg .c-roots-content__copy {
  margin-top: calc(4500vw / var(--aspect, 375));
  padding-right: calc(3000vw / var(--aspect, 375));
  padding-left: calc(2500vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-roots-content__copy {
    grid-area: copy;
    align-self: start;
    margin-top: 0;
    padding: 0;
  }
}
.plg .c-video-modal {
  display: grid;
  display: none;
  position: fixed;
  z-index: var(--z-video-modal);
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) - var(--navbar-height));
  opacity: 0;
  pointer-events: none;
  place-items: center;
}
.plg .c-video-modal__bg {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
.plg .c-video-modal iframe {
  z-index: 2;
  width: 100vh;
  max-width: 95%;
  max-height: 95%;
  border-radius: calc(800vw / var(--aspect, 375));
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.25);
  aspect-ratio: 560/315;
}
.plg .c-video-modal__close-btn {
  position: absolute;
  z-index: 2;
  top: calc(1200vh / var(--h-aspect, 375));
  right: calc(1600vw / var(--aspect, 375));
  background-color: #000;
}
@media screen and (min-width: 64em) {
  .plg .c-video-modal__close-btn {
    top: calc(1100vh / var(--h-aspect, 375));
    right: calc(2300vw / var(--aspect, 375));
  }
}
.plg .c-video-modal__close-btn svg {
  fill: #fff;
}
.plg .c-is {
  position: fixed;
  z-index: -20;
  bottom: 0;
  width: 100%;
  height: calc(var(--vh) - var(--navbar-height));
  background-color: var(--sand);
}
.plg .c-is__bg {
  position: fixed;
  z-index: -15;
  bottom: 0;
  width: 100%;
  height: calc(var(--vh) - var(--navbar-height));
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  pointer-events: none;
}
.plg .c-is__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.plg .c-is .swiper {
  width: 100%;
  height: 100%;
}
.plg .c-is__item {
  height: 100%;
}
.plg .c-is__close-btn {
  position: absolute;
  z-index: 2;
  top: calc(1200vh / var(--h-aspect, 375));
  right: calc(1600vw / var(--aspect, 375));
  background-color: #000;
}
@media screen and (min-width: 64em) {
  .plg .c-is__close-btn {
    top: calc(1100vh / var(--h-aspect, 375));
    right: calc(2300vw / var(--aspect, 375));
  }
}
.plg .c-is__close-btn svg {
  fill: #fff;
}
.plg .c-is__section-name {
  position: absolute;
  z-index: 2;
  top: calc(2000vh / var(--h-aspect, 375));
  left: calc(3100vw / var(--aspect, 375));
  color: #000;
}
.plg .c-is__scrollbar {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: calc(3000vw / var(--aspect, 375));
  left: 0;
  width: calc(27000vw / var(--aspect, 375));
  height: calc(800vw / var(--aspect, 375));
  margin-inline: auto;
}
@media screen and (min-width: 64em) {
  .plg .c-is__scrollbar {
    width: calc(46000vw / var(--aspect, 375));
  }
}
.plg .c-is__scrollbar::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
  background-color: #000;
}
.plg .c-is__scrollbar .swiper-scrollbar-drag {
  height: 100%;
  border-radius: 9999px;
  background-color: #eb8102;
  cursor: pointer;
}
.plg .c-product-intro {
  height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro {
    display: flex;
  }
}
.plg .c-product-intro__media {
  position: absolute;
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 100%;
  height: calc(37500vw / var(--aspect, 375));
  max-height: 50vh;
  container-type: size;
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro__media {
    display: flex;
    position: static;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    max-height: initial;
    aspect-ratio: initial;
  }
}
@container (orientation: portrait) {
  .plg .c-product-intro__media .c-product-intro__media-container {
    width: 100%;
    height: auto;
  }
}
@container (orientation: landscape) {
  .plg .c-product-intro__media .c-product-intro__media-container {
    width: auto;
    height: 100%;
  }
}
.plg .c-product-intro__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 63.99em) {
  .plg .c-product-intro__media img {
    transform: scale(0.7) translateY(11%);
  }
}
.plg .c-product-intro__media-container {
  display: none;
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro__media-container {
    display: block;
    position: relative;
    aspect-ratio: 960/890;
  }
}
.plg .c-product-intro__btn {
  position: absolute;
  z-index: 2;
  top: calc(var(--mobile-y) * 1%);
  left: calc(var(--mobile-x) * 1%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro__btn {
    top: calc(var(--desktop-y) * 1%);
    left: calc(var(--desktop-x) * 1%);
  }
}
.plg .c-product-intro__content {
  display: grid;
  position: relative;
  z-index: 2;
  grid-row-gap: calc(2700vw / var(--aspect, 375));
  grid-template-rows: 1fr minmax(0, auto) auto auto;
  align-content: end;
  height: 100%;
  padding: calc(2700vw / var(--aspect, 375)) calc(2500vw / var(--aspect, 375)) calc(6000vw / var(--aspect, 375));
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro__content {
    grid-template-rows: auto auto auto;
    align-content: space-between;
    width: calc(60000vw / var(--aspect, 375));
    padding: calc(8800vw / var(--aspect, 375)) calc(7200vw / var(--aspect, 375)) calc(16000vw / var(--aspect, 375));
  }
}
.plg .c-product-intro__content * {
  pointer-events: all;
}
.plg .c-product-intro__mobile-content-img {
  position: relative;
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro__mobile-content-img {
    display: none;
  }
}
.plg .c-product-intro__mobile-content-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-product-intro__title {
  align-self: start;
  max-width: calc(28200vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-product-intro__title {
    max-width: calc(45600vw / var(--aspect, 375));
  }
}
.plg .c-product-intro__features {
  display: flex;
  gap: calc(3000vw / var(--aspect, 375));
}
.plg .c-product-intro__features * {
  flex-grow: 1;
}
.plg .c-product-intro-feature {
  display: grid;
  grid-row-gap: calc(400vw / var(--aspect, 375));
}
.plg .c-product-archive {
  height: 100%;
  background-color: var(--sand);
}
@media screen and (min-width: 64em) {
  .plg .c-product-archive {
    display: flex;
    justify-content: space-between;
  }
}
.plg .c-product-archive__title {
  display: block;
  position: relative;
  z-index: 2;
  padding-top: calc(3000vh / var(--h-aspect, 375));
  padding-left: calc(1900vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-product-archive__title {
    padding-top: calc(9000vh / var(--h-aspect, 375));
    padding-left: calc(9500vw / var(--aspect, 375));
  }
}
.plg .c-product-archive__media {
  position: absolute;
  inset: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 64em) {
  .plg .c-product-archive__media {
    position: static;
    width: auto;
    height: 100%;
  }
}
.plg .c-boot-overview {
  height: 100%;
  background-color: var(--off-white);
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview {
    display: flex;
    justify-content: space-between;
  }
}
.plg .c-boot-overview__media {
  position: absolute;
  top: calc(4700vh / var(--h-aspect, 375));
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  container-type: size;
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview__media {
    display: flex;
    position: static;
    align-items: center;
    justify-content: center;
    width: calc(64000vw / var(--aspect, 375));
    height: 100%;
    aspect-ratio: initial;
  }
}
@container (orientation: portrait) {
  .plg .c-boot-overview__media .c-boot-overview__media-container {
    width: 100%;
    height: auto;
  }
}
@container (orientation: landscape) {
  .plg .c-boot-overview__media .c-boot-overview__media-container {
    width: auto;
    height: 100%;
  }
}
.plg .c-boot-overview__media-container {
  position: relative;
  aspect-ratio: 1/1;
}
.plg .c-boot-overview__media-container canvas {
  position: absolute;
  width: 100%;
  inset: 0;
  object-fit: contain;
}
.plg .c-boot-overview__touch-action {
  display: grid;
  position: absolute;
  top: 90%;
  right: 0;
  left: 0;
  grid-row-gap: calc(1700vh / var(--h-aspect, 375));
  width: calc(14200vw / var(--aspect, 375));
  margin-inline: auto;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview__touch-action {
    top: initial;
    bottom: calc(4000vh / var(--h-aspect, 375));
    width: calc(23300vw / var(--aspect, 375));
  }
}
.plg .c-boot-overview__touch-action svg {
  width: calc(4000vw / var(--aspect, 375));
  margin-inline: auto;
}
.plg .c-boot-overview__content {
  display: grid;
  position: relative;
  z-index: 2;
  grid-row-gap: calc(2700vw / var(--aspect, 375));
  align-content: space-between;
  height: 100%;
  padding: calc(2700vw / var(--aspect, 375)) calc(2500vw / var(--aspect, 375)) calc(10000vw / var(--aspect, 375));
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview__content {
    flex-grow: 1;
    align-content: space-between;
    padding: calc(8800vw / var(--aspect, 375)) calc(5500vw / var(--aspect, 375)) calc(9500vw / var(--aspect, 375)) calc(9500vw / var(--aspect, 375));
  }
}
.plg .c-boot-overview__content * {
  pointer-events: all;
}
.plg .c-boot-overview__title {
  max-width: calc(28200vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview__title {
    max-width: calc(45600vw / var(--aspect, 375));
  }
}
.plg .c-boot-overview__features {
  display: flex;
  gap: calc(3500vw / var(--aspect, 375));
}
.plg .c-boot-overview__features * {
  flex-grow: 1;
}
.plg .c-boot-overview__btn {
  position: absolute;
  z-index: 2;
  top: calc(var(--y) * 1%);
  left: calc(var(--x) * 1%);
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
  background-color: transparent;
}
.plg .c-boot-overview-feature {
  display: grid;
  grid-row-gap: calc(800vw / var(--aspect, 375));
  align-items: flex-start;
  height: max-content;
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview-feature {
    grid-row-gap: calc(300vw / var(--aspect, 375));
  }
}
.plg .c-boot-overview-feature__media {
  width: calc(5500vw / var(--aspect, 375));
  border-radius: 9999px;
  background-color: slategray;
  aspect-ratio: 1/1;
}
.plg .c-boot-overview-feature__top {
  display: grid;
  grid-gap: calc(800vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview-feature__top {
    grid-gap: calc(1600vw / var(--aspect, 375));
    grid-template-columns: auto 1fr;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview-feature__name {
    max-width: calc(15000vw / var(--aspect, 375));
  }
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview-feature__description {
    max-width: calc(27100vw / var(--aspect, 375));
    padding-left: calc(7100vw / var(--aspect, 375));
  }
}
@media screen and (min-width: 64em) {
  .plg .c-boot-overview-feature__description.is-mob {
    display: none;
  }
}
@media screen and (max-width: 63.99em) {
  .plg .c-boot-overview-feature__description.is-desk {
    display: none;
  }
}
.plg .c-boot-slider {
  height: 100%;
  background-color: var(--sand);
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider {
    display: flex;
    justify-content: space-between;
  }
}
.plg .c-boot-slider__item {
  display: grid;
  grid-template-rows: minmax(0, 53%) 47%;
  padding-bottom: calc(10000vh / var(--h-aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 0;
  }
}
.plg .c-boot-slider__media {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__media {
    position: static;
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    aspect-ratio: initial;
  }
}
.plg .c-boot-slider__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-boot-slider__content {
  display: grid;
  position: relative;
  z-index: 2;
  grid-row-gap: 0;
  align-content: start;
  padding: calc(3800vw / var(--aspect, 375)) calc(2500vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__content {
    grid-row-gap: calc(3200vw / var(--aspect, 375));
    flex-shrink: 0;
    width: calc(31200vw / var(--aspect, 375));
    margin-right: calc(14800vw / var(--aspect, 375));
    padding: calc(15000vh / var(--h-aspect, 375)) calc(0vw / var(--aspect, 375)) calc(0vw / var(--aspect, 375));
  }
}
.plg .c-boot-slider__date {
  color: #eb8102;
  font-family: gt-flexa-black;
  text-transform: none;
}
.plg .c-boot-slider__title {
  max-width: 80%;
  margin-top: calc(1400vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__title {
    max-width: unset;
    margin-top: 0;
  }
}
.plg .c-boot-slider__description {
  margin-top: calc(2100vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__description {
    margin-top: 0;
  }
}
.plg .c-boot-slider__navigation {
  position: absolute;
  z-index: 2;
  right: calc(2000vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__navigation {
    right: calc(3000vw / var(--aspect, 375));
  }
}
.plg .c-boot-slider__navigation.is-prev {
  bottom: calc(50% + 500vw / var(--aspect, 375));
  transform: rotate(-90deg);
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__navigation.is-prev {
    transform: scale(-1);
  }
}
.plg .c-boot-slider__navigation.is-next {
  top: calc(50% + 500vw / var(--aspect, 375));
  transform: rotate(90deg);
}
@media screen and (min-width: 64em) {
  .plg .c-boot-slider__navigation.is-next {
    transform: none;
  }
}
.plg .c-boot-slider__navigation.swiper-button-disabled {
  background-color: transparent;
  pointer-events: none;
}
.plg .c-vision-content {
  display: grid;
  grid-template-rows: minmax(0, 53%) 47%;
  height: 100%;
  background-color: var(--sand);
}
@media screen and (min-width: 64em) {
  .plg .c-vision-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    align-items: center;
    padding-bottom: 0;
  }
}
.plg .c-vision-content__media {
  position: relative;
}
@media screen and (min-width: 64em) {
  .plg .c-vision-content__media {
    height: calc(var(--vh) - var(--navbar-height));
  }
}
.plg .c-vision-content__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plg .c-vision-content__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-vision-content__video-btn {
  display: grid;
  position: absolute;
  z-index: 2;
  inset: 0;
  place-items: center;
  cursor: pointer;
}
.plg .c-vision-content__content {
  padding: calc(2000vh / var(--h-aspect, 375)) calc(2000vw / var(--aspect, 375)) calc(10000vh / var(--h-aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-vision-content__content {
    display: grid;
    grid-row-gap: calc(4800vh / var(--h-aspect, 375));
    width: calc(33300vw / var(--aspect, 375));
    margin-left: calc(13400vw / var(--aspect, 375));
    padding: 0;
  }
}
@media screen and (max-width: 63.99em) {
  .plg .c-vision-content__title {
    display: block;
    margin-bottom: calc(1200vh / var(--h-aspect, 375));
  }
}
@media screen and (max-width: 63.99em) {
  .plg .c-vision-content__title.hide-on-mobile {
    display: none;
  }
}
.plg .c-mobile-innovation {
  display: grid;
  grid-template-rows: minmax(0, 53%) 47%;
  height: 100%;
  background-color: var(--sand);
}
@media screen and (min-width: 64em) {
  .plg .c-mobile-innovation {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    align-items: center;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .plg .c-mobile-innovation__media {
    height: 100%;
  }
}
.plg .c-mobile-innovation__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plg .c-mobile-innovation__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-mobile-innovation__content {
  display: grid;
  grid-row-gap: calc(1900vh / var(--h-aspect, 375));
  align-content: start;
  padding: calc(2000vh / var(--h-aspect, 375)) calc(2000vw / var(--aspect, 375)) calc(10000vh / var(--h-aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-mobile-innovation__content {
    grid-row-gap: calc(4800vh / var(--h-aspect, 375));
    width: calc(33300vw / var(--aspect, 375));
    margin-left: calc(13400vw / var(--aspect, 375));
    padding: 0;
  }
}
@media screen and (max-width: 63.99em) {
  .plg .c-mobile-innovation__title.hide-on-mobile {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .plg .c-desktop-innovation {
    display: flex;
    height: 100%;
    padding-bottom: calc(6100vh / var(--h-aspect, 375));
    background-color: var(--sand);
  }
}
.plg .c-desktop-innovation__wrapper {
  display: grid;
  grid-gap: calc(4000vh / var(--h-aspect, 375));
  grid-template-rows: minmax(0, 80%) 1fr;
  flex-shrink: 0;
  width: 50%;
}
@media screen and (min-width: 64em) {
  .plg .c-desktop-innovation__media {
    width: 100%;
    height: 100%;
  }
}
.plg .c-desktop-innovation__media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-desktop-innovation__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 64em) {
  .plg .c-desktop-innovation__content {
    display: grid;
    grid-row-gap: calc(2500vh / var(--h-aspect, 375));
    align-self: end;
    height: fit-content;
    padding-inline: calc(8600vw / var(--aspect, 375));
  }
}
.plg .c-desktop-technology {
  position: relative;
  height: 100%;
}
.plg .c-desktop-technology__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #000;
}
.plg .c-desktop-technology__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}
.plg .c-desktop-technology__content {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: end;
  justify-content: space-between;
  height: 100%;
  padding-right: calc(3500vw / var(--aspect, 375));
  padding-bottom: calc(11100vh / var(--h-aspect, 375));
  padding-left: calc(9500vw / var(--aspect, 375));
}
.plg .c-desktop-technology__title {
  flex-shrink: 0;
  width: calc(58900vw / var(--aspect, 375));
  color: #fff;
}
.plg .c-desktop-technology__tech-list {
  width: calc(38000vw / var(--aspect, 375));
}
.it .plg .c-desktop-technology__tech-list, .fr .plg .c-desktop-technology__tech-list, .nl .plg .c-desktop-technology__tech-list {
  width: calc(58000vw / var(--aspect, 375));
}
.de .plg .c-desktop-technology__tech-list, .es .plg .c-desktop-technology__tech-list {
  width: calc(65000vw / var(--aspect, 375));
}
.plg .c-desktop-technology__tech-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-block: calc(1500vh / var(--h-aspect, 375));
  border-bottom: 1px solid #fff;
  gap: calc(2500vw / var(--aspect, 375));
}
.plg .c-desktop-technology__tech-item img {
  width: calc(13000vw / var(--aspect, 375));
  height: calc(5500vw / var(--aspect, 375));
  object-fit: contain;
  object-position: top left;
}
.plg .c-desktop-technology__description {
  flex: 1;
  color: #fff;
}
.plg .c-desktop-technology__line {
  display: block;
  flex-shrink: 0;
  width: calc(38000vw / var(--aspect, 375));
  height: 1px;
  border: 0;
  background-color: #fff;
  appearance: none;
}
.plg .c-mobile-technology-one {
  display: grid;
  position: relative;
  align-content: end;
  height: 100%;
  padding: 0 calc(4400vw / var(--aspect, 375)) calc(10000vh / var(--h-aspect, 375)) calc(1900vw / var(--aspect, 375));
}
.plg .c-mobile-technology-one__media {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: #000;
}
.plg .c-mobile-technology-one__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}
.plg .c-mobile-technology-one__title {
  color: #fff;
}
.plg .c-mobile-technology-two {
  display: grid;
  position: relative;
  align-content: end;
  height: 100%;
  padding: 0 calc(1700vw / var(--aspect, 375)) calc(6000vh / var(--h-aspect, 375));
}
.plg .c-mobile-technology-two__media {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: #000;
}
.plg .c-mobile-technology-two__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}
.plg .c-mobile-technology-two__tech-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-block: calc(1500vh / var(--h-aspect, 375));
  border-bottom: 1px solid #fff;
  gap: calc(2500vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-mobile-technology-two__tech-item {
    padding-block: calc(2000vh / var(--h-aspect, 375));
  }
}
.plg .c-mobile-technology-two__tech-item img {
  width: calc(11000vw / var(--aspect, 375));
  height: calc(5000vh / var(--h-aspect, 375));
  object-fit: contain;
  object-position: top left;
}
@media screen and (min-width: 64em) {
  .plg .c-mobile-technology-two__tech-item img {
    width: calc(13000vw / var(--aspect, 375));
    height: calc(5500vh / var(--h-aspect, 375));
  }
}
.plg .c-mobile-technology-two__description {
  flex: 1;
  flex-shrink: 0;
  color: #fff;
}
.plg .c-timberloop {
  display: grid;
  grid-template-rows: minmax(0, 53%) 47%;
  height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 64em) {
  .plg .c-timberloop {
    display: flex;
    align-items: center;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .plg .c-timberloop__media {
    flex-shrink: 0;
    width: 50%;
    height: 100%;
  }
}
.plg .c-timberloop__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plg .c-timberloop__content {
  display: grid;
  grid-row-gap: calc(1900vh / var(--h-aspect, 375));
  align-content: start;
  padding: calc(2000vh / var(--h-aspect, 375)) calc(2000vw / var(--aspect, 375)) calc(10000vh / var(--h-aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .c-timberloop__content {
    display: grid;
    grid-row-gap: calc(2100vh / var(--h-aspect, 375));
    width: calc(54500vw / var(--aspect, 375));
    margin-left: calc(12500vw / var(--aspect, 375));
    padding: 0;
  }
}
.plg .c-timberloop-content__cta {
  padding: calc(1400vw / var(--aspect, 375)) calc(1200vw / var(--aspect, 375));
  transition: 0.2s cubic-bezier(0.61, 1, 0.88, 1);
  background-color: #000;
  color: #fff;
  font-family: nt-bau-mono-medium;
  font-size: calc(1400vw / var(--aspect, 375));
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.plg .c-timberloop-content__cta:hover {
  background-color: #525252;
}
@media screen and (min-width: 64em) {
  .plg .c-timberloop-desktop-content {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: calc(19600vw / var(--aspect, 375));
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    align-content: center;
    height: 100%;
    padding-right: calc(16000vw / var(--aspect, 375));
    padding-left: calc(4600vw / var(--aspect, 375));
    background-color: #fff;
  }
}
.plg .c-timberloop-desktop-content__item {
  display: grid;
  grid-row-gap: calc(1600vh / var(--h-aspect, 375));
}
.plg .c-timberloop-desktop-content__item.is-mid {
  margin-top: calc(9000vh / var(--h-aspect, 375));
}
.plg .c-timberloop-desktop-content__item.is-bottom {
  margin-top: calc(1700vh / var(--h-aspect, 375));
}
.plg .c-timberloop-mobile-content {
  display: grid;
  grid-row-gap: calc(2500vh / var(--h-aspect, 375));
  align-content: start;
  height: 100%;
  padding-top: calc(3000vh / var(--h-aspect, 375));
  padding-inline: calc(1900vw / var(--aspect, 375));
  background-color: #fff;
}
.plg .c-timberloop-mobile-content__item {
  display: grid;
  grid-row-gap: calc(1500vh / var(--h-aspect, 375));
}
.plg .c-timberloop-mobile-content__item.is-bottom {
  margin-top: calc(500vh / var(--h-aspect, 375));
}
.plg .s-hero {
  display: grid;
  position: relative;
  grid-gap: 14px;
  grid-template-rows: auto 1fr auto;
  align-items: end;
  height: calc(var(--vh) - var(--body-padding));
  padding: 36px 30px 14px;
  overflow: hidden;
  text-align: center;
  justify-items: center;
}
@media screen and (min-width: 64em) {
  .plg .s-hero {
    grid-gap: 50px;
    grid-template-rows: auto;
    align-content: end;
    padding: 0 130px 49px;
    text-align: left;
    justify-items: initial;
  }
}
.plg .s-hero__title {
  color: #fff;
}
.plg .s-hero__copy {
  max-width: calc(45700vw / var(--aspect, 375));
  color: #fff;
}
@media screen and (min-width: 64em) {
  .plg .s-hero__copy {
    margin-top: 15px;
  }
}
.plg .s-hero__scroll-btn {
  display: block;
  margin-inline: auto;
  border-radius: 9999px;
  background-color: #fff;
  cursor: pointer;
  aspect-ratio: 1/1;
}
.plg .s-hero__media {
  position: absolute;
  z-index: -1;
  inset: 0;
}
.plg .s-hero__media img {
  display: block;
  width: auto;
  max-width: initial;
  height: 100%;
  aspect-ratio: 1784/1260;
}
@media screen and (min-width: 64em) {
  .plg .s-hero__media img {
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    isolation: isolate;
    object-fit: cover;
  }
}
.plg .s-hero__media::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(7deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%);
}
.plg .js-roots {
  display: grid;
  position: relative;
}
.plg .s-roots {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  height: calc(100vh - var(--navbar-height) - var(--page-navbar-height));
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .plg .s-roots {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: calc(var(--vh) - var(--navbar-height));
  }
}
.plg .s-roots__media {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__media {
    position: relative;
  }
}
.plg .s-roots__media picture {
  display: block;
  height: 100%;
  container-type: size;
}
@container (orientation: portrait) {
  .plg .s-roots__media picture img {
    width: auto;
    height: 100%;
  }
}
@container (orientation: landscape) {
  .plg .s-roots__media picture img {
    width: 100%;
    height: auto;
  }
}
.plg .s-roots__media picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: initial;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
}
.plg .s-roots__content {
  display: grid;
  align-content: space-between;
  height: 100%;
  padding-top: calc(2700vw / var(--aspect, 375));
  padding-bottom: calc(4600vw / var(--aspect, 375));
  justify-items: center;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__content {
    box-sizing: content-box;
    align-content: center;
    max-width: calc(34000vw / var(--aspect, 375));
    padding-top: 57px;
    padding-top: 0;
    padding-bottom: 61px;
    padding-inline: calc(13000vw / var(--aspect, 375));
    justify-items: start;
  }
}
.plg .s-roots__text {
  display: grid;
  position: absolute;
  bottom: calc(4600vw / var(--aspect, 375));
  grid-gap: calc(3000vw / var(--aspect, 375));
  padding-right: calc(3000vw / var(--aspect, 375));
  padding-left: calc(2500vw / var(--aspect, 375));
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__text {
    display: block;
    position: static;
    padding: 0;
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (min-width: 64em) {
  .plg .s-roots__subtitle, .plg .s-roots__copy {
    display: block;
    color: #000;
  }
}
.plg .s-roots__title {
  color: #fff;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__title {
    color: #000;
  }
}
@media screen and (min-width: 64em) {
  .plg .s-roots__subtitle {
    margin-top: calc(14300vw / var(--aspect, 375));
  }
}
@media screen and (min-width: 64em) {
  .plg .s-roots__copy {
    margin-top: calc(1600vw / var(--aspect, 375));
  }
}
.plg .s-roots__btn {
  background-color: #fff;
  color: #000;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__btn {
    margin-top: calc(6000vw / var(--aspect, 375));
    background-color: #000;
    color: #fff;
  }
  .plg .s-roots__btn svg {
    fill: #fff;
  }
}
.plg .s-roots__scroll-btn {
  display: none;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__scroll-btn {
    display: block;
    position: absolute;
    right: 0;
    bottom: calc(5600vw / var(--aspect, 375));
    left: 0;
    margin-inline: auto;
    opacity: 0;
    pointer-events: all;
  }
}
.plg .s-roots__close-btn {
  display: flex;
  position: sticky;
  top: calc(var(--navbar-height) + 1200vh / var(--h-aspect, 375) + 50px);
  grid-column: 1;
  grid-row: 1;
  margin-top: calc(1200vh / var(--h-aspect, 375));
  margin-right: calc(1600vw / var(--aspect, 375));
  margin-left: auto;
  opacity: 0;
  background-color: #000;
  text-align: right;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .plg .s-roots__close-btn {
    top: calc(var(--navbar-height) + 1100vh / var(--h-aspect, 375));
    margin-top: calc(1100vh / var(--h-aspect, 375));
    margin-right: calc(2300vw / var(--aspect, 375));
  }
}
.plg .s-roots__close-btn svg {
  fill: #fff;
}
.plg .s-roots-detail {
  height: 0;
  overflow: hidden;
}
.plg .s-roots-detail__content {
  display: grid;
  grid-row-gap: calc(6000vw / var(--aspect, 375));
  padding-bottom: calc(14000vw / var(--aspect, 375));
  justify-items: center;
}
@media screen and (min-width: 64em) {
  .plg .s-roots-detail__content {
    position: relative;
    grid-row-gap: calc(10000vw / var(--aspect, 375));
  }
}
.plg .s-roots-detail__video {
  position: relative;
  width: 100%;
  background-clip: content-box;
  aspect-ratio: 375/208;
}
.plg .s-roots-detail__video video {
  display: block;
}
.plg .s-roots-detail__video-container {
  display: grid;
  position: relative;
  width: 100%;
  height: 100%;
  place-content: center;
}
.plg .s-roots-detail__video-wrapper {
  position: relative;
  z-index: 2;
  background-color: #000;
}
.plg .s-roots-detail__video-btn {
  display: grid;
  position: absolute;
  z-index: 2;
  inset: 0;
  place-items: center;
  cursor: pointer;
}
.plg .s-roots-detail__btn {
  background-color: #000;
  color: #fff;
}
.plg .s-roots-detail__btn svg {
  fill: #fff;
}
@media screen and (min-width: 64em) {
  .plg .s-roots-detail .detail-main-video {
    position: relative;
    padding-inline: calc(13000vw / var(--aspect, 375));
    aspect-ratio: 1187/592;
  }
}
.plg .s-roots-detail .detail-main-video img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 64em) {
  .plg .s-roots-detail .detail-main-video video {
    width: calc(75000vw / var(--aspect, 375));
    opacity: 0.8;
  }
}
@media screen and (min-width: 64em) {
  .plg .s-roots-detail .detail-factory-video {
    width: calc(58000vw / var(--aspect, 375));
    margin-top: calc(-53200vw / var(--aspect, 375));
    margin-left: calc(13000vw / var(--aspect, 375));
    aspect-ratio: 580/432;
    justify-self: start;
  }
}
.plg .s-innovation {
  position: relative;
  padding: calc(1500vw / var(--aspect, 375)) calc(2500vw / var(--aspect, 375)) calc(6000vw / var(--aspect, 375));
  background-color: var(--sand);
}
@media screen and (min-width: 64em) {
  .plg .s-innovation {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: calc(var(--vh) - var(--navbar-height));
    padding: 0;
  }
}
.plg .s-innovation__media {
  position: absolute;
  top: calc(11200vw / var(--aspect, 375));
  right: 0;
  left: 0;
  width: calc(27900vw / var(--aspect, 375));
  margin-inline: auto;
  aspect-ratio: 1/1;
  container-type: size;
}
@media screen and (min-width: 64em) {
  .plg .s-innovation__media {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: initial;
  }
}
@container (orientation: portrait) {
  .plg .s-innovation__media video {
    width: 100%;
    height: auto;
  }
}
@container (orientation: landscape) {
  .plg .s-innovation__media video {
    width: auto;
    height: 100%;
  }
}
.plg .s-innovation__media video {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: initial;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
  mask-image: radial-gradient(white, black);
  aspect-ratio: 1/1;
}
@media screen and (min-width: 64em) {
  .plg .s-innovation__content {
    display: grid;
    grid-gap: calc(5500vw / var(--aspect, 375));
    align-self: center;
    padding-inline: calc(12900vw / var(--aspect, 375));
  }
}
.plg .s-innovation__copy {
  margin-top: calc(32900vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .s-innovation__copy {
    margin-top: 0;
  }
}
.plg .s-innovation__btn {
  margin: 0;
  margin-top: calc(3000vw / var(--aspect, 375));
  margin-left: auto;
  padding: 0;
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .plg .s-innovation__btn {
    margin: 0;
  }
}
.plg .s-icons {
  display: grid;
  grid-gap: calc(3200vw / var(--aspect, 375));
  padding-top: calc(3700vw / var(--aspect, 375));
  padding-bottom: calc(4200vw / var(--aspect, 375));
  padding-inline: calc(3000vw / var(--aspect, 375));
  background-color: #000;
}
@media screen and (min-width: 64em) {
  .plg .s-icons {
    position: relative;
    grid-gap: calc(1300vw / var(--aspect, 375));
    padding-top: calc(6800vw / var(--aspect, 375));
    padding-bottom: calc(21000vw / var(--aspect, 375));
    padding-inline: calc(5000vw / var(--aspect, 375));
  }
}
.plg .s-icons__title {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .plg .s-icons__title {
    line-height: calc(6500vw / var(--aspect, 375));
  }
}
.plg .s-icons__text {
  display: none;
}
@media screen and (min-width: 64em) {
  .plg .s-icons__text {
    display: block;
    position: absolute;
    top: calc(4300vw / var(--aspect, 375));
    opacity: 0.15;
    color: #fff;
    font-family: gt-flexa-black;
    font-size: calc(12500vw / var(--aspect, 375));
    text-align: center;
    text-transform: uppercase;
  }
}
.plg .s-icons__products {
  display: grid;
  grid-gap: calc(3200vw / var(--aspect, 375));
}
@media screen and (min-width: 64em) {
  .plg .s-icons__products {
    grid-gap: calc(2500vw / var(--aspect, 375));
    grid-template-columns: repeat(3, 1fr);
  }
}
.plg .s-vision {
  position: relative;
  z-index: 2;
  height: calc(100vh - var(--navbar-height) - var(--page-navbar-height));
}
@media screen and (min-width: 64em) {
  .plg .s-vision {
    display: grid;
    align-content: end;
    justify-content: end;
    height: calc(var(--vh) - var(--navbar-height));
    padding-right: calc(16000vw / var(--aspect, 375));
    padding-bottom: calc(10000vw / var(--aspect, 375));
  }
}
.plg .s-vision__media {
  position: absolute;
  z-index: -1;
  margin-inline: auto;
  overflow: hidden;
  background-color: #000;
  inset: 0;
  clip-path: inset(calc(3000vw / var(--aspect, 375)) round calc(800vw / var(--aspect, 375)));
}
.plg .s-vision__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.55;
}
.plg .s-vision__content {
  display: grid;
  grid-gap: calc(8700vw / var(--aspect, 375));
  height: 100%;
  place-content: center;
  place-items: center;
}
@media screen and (min-width: 64em) {
  .plg .s-vision__content {
    place-items: initial;
    grid-gap: calc(3900vw / var(--aspect, 375));
    max-width: calc(43000vw / var(--aspect, 375));
  }
}
.plg .s-vision__title {
  color: #fff;
}
.plg .s-vision__copy {
  display: none;
}
@media screen and (min-width: 64em) {
  .plg .s-vision__copy {
    display: block;
    color: #fff;
  }
}
.plg .s-vision__btn {
  width: fit-content;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .plg .s-vision__btn {
    margin: 0;
  }
}
.plg .u-bg-black {
  background-color: #000;
}
@media screen and (min-width: 64em) {
  .plg .u-display-mobile {
    display: none;
  }
}
@media screen and (max-width: 63.99em) {
  .plg .u-display-desktop {
    display: none;
  }
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
  overflow-y: scroll;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
body {
  overflow-x: initial !important;
}