@import 'https://fonts.cdnfonts.com/css/pp-neue-montreal';
:root {
  --padding: 10rem 0;
  --padding-md: 15rem 0;
  --padding-lg: 20rem 0;
}
@media only screen and (max-width: 1024px) {
  :root {
    --padding: 7.5rem 0;
    --padding-md: 10rem 0;
    --padding-lg: 15rem 0;
  }
}
@media only screen and (max-width: 482px) {
  :root {
    --padding-lg: 12.5rem 0;
  }
}
.gift .container .gift-content .gift-header,
.product .container .product-content .product-header,
.product .container .product-content .product-header .header-bar,
.product .container .product-content .product-header .price-list,
.product .container .product-content .product-header .price-list .item,
.specs .container .specs-content .specs-list,
.specs .container .specs-content .specs-list p,
.products .container .products-grid,
.products .container .products-grid .product-card,
.products .container .products-grid .product-card .product-figure,
.products-list .products-header,
.products-list .embla .embla__container .embla__slide,
.products-list .embla .embla__container .embla__slide .product-figure,
.info .container .info-panel,
.home-hero,
.intro .container .intro-panel,
.audience .audience-header,
.navbar,
.hamb-menu .hamb-menu-inner .hamb-accordion,
.hamb-menu .hamb-menu-inner .hamb-accordion .hamb-accordion-trigger,
.hamb-menu .hamb-menu-inner .hamb-accordion .hamb-accordion-content,
.footer .container .footer-logo,
.footer .container .footer-logo img,
.footer .container .footer-panel,
.footer .container .footer-bottom,
.accordions,
.accordions .accordion,
.accordions .accordion .accordion-trigger,
.cart-sheet .cart-sheet-inner,
.cart-sheet .cart-sheet-inner .sheet-header,
.cart-sheet .cart-sheet-inner .sheet-content,
.cart-sheet .cart-sheet-inner .sheet-content .sheet-top,
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list,
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list .sheet-item,
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list .sheet-item .item-top,
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-item
  .item-content,
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list .sheet-details,
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-details
  .sheet-bar,
.review .container .review-panel,
.contact .container .contact-header,
.contact .container .contact-content,
.contact .container .contact-content .contact-form-wrapper,
.ranges .container .range-panel,
.ranges .container .range-list,
.application .container .application-panel,
.application
  .container
  .application-panel
  .application-content
  .application-grid,
.related .container .range-list,
.page-wrapper,
.container,
figure img,
.embla {
  width: 100%;
  height: auto;
}
.drop-down {
  width: auto;
  height: auto;
}
.top-banner .container .grid-bg,
.top-banner .container .banner-slide,
.top-banner .container .banner-material img,
.about-banner .about-content,
.about-banner .about-content .about-bg,
.info
  .container
  .info-panel
  .info-figure
  .embla
  .embla__container
  .embla__slide
  img,
.audience .audience-panel,
.audience .audience-panel .audience-box,
.audience .audience-panel .audience-box .audience-bg,
.hamb-menu,
.model-wrapper,
.model-wrapper canvas,
.cart-sheet,
.banner .embla .embla__container .embla__slide .banner-content,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-content-box
  .banner-box,
.banner .embla .embla__container .embla__slide .banner-content .banner-header,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper,
.banner .embla .embla__container .embla__slide .grid-bg,
.banner .container .banner-content,
.banner .container .banner-content .banner-content-box .banner-box,
.banner .container .banner-content .banner-header,
.banner .container .banner-content .banner-form-wrapper,
.banner .container .grid-bg,
.link-outline:before,
.icon-link img,
section .bg,
section .bg img,
section .bg video,
.gift .container .gift-content .form-box,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper
  form,
.banner .container .banner-content .banner-form-wrapper form,
.contact .container .contact-content .contact-form-wrapper form {
  width: 100%;
  height: 100%;
}
.gift .container .gift-content .form-box,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper
  form,
.banner .container .banner-content .banner-form-wrapper form,
.contact .container .contact-content .contact-form-wrapper form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
.gift .container .gift-content .form-box input,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper
  form
  input,
.banner .container .banner-content .banner-form-wrapper form input,
.contact .container .contact-content .contact-form-wrapper form input,
.gift .container .gift-content .form-box select,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper
  form
  select,
.banner .container .banner-content .banner-form-wrapper form select,
.contact .container .contact-content .contact-form-wrapper form select,
.gift .container .gift-content .form-box textarea,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper
  form
  textarea,
.banner .container .banner-content .banner-form-wrapper form textarea,
.contact .container .contact-content .contact-form-wrapper form textarea {
  color: #49261d;
}
.gift .container .gift-content .form-box textarea,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper
  form
  textarea,
.banner .container .banner-content .banner-form-wrapper form textarea,
.contact .container .contact-content .contact-form-wrapper form textarea {
  grid-column: 1/3;
}
@media only screen and (max-width: 482px) {
  .gift .container .gift-content .form-box,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-form-wrapper
    form,
  .banner .container .banner-content .banner-form-wrapper form,
  .contact .container .contact-content .contact-form-wrapper form {
    grid-template-columns: 1fr;
  }
  .gift .container .gift-content .form-box textarea,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-form-wrapper
    form
    textarea,
  .banner .container .banner-content .banner-form-wrapper form textarea,
  .contact .container .contact-content .contact-form-wrapper form textarea {
    grid-column: 1/2;
  }
}
.gift .container .embla,
.product .container .embla {
  position: relative;
  height: 80rem;
}
.gift .container .embla .embla__container,
.product .container .embla .embla__container {
  height: 100%;
}
.gift .container .embla .embla__container .embla__slide,
.product .container .embla .embla__container .embla__slide {
  position: relative;
  height: 100%;
}
.gift .container .embla .embla__container .embla__slide img,
.product .container .embla .embla__container .embla__slide img {
  width: 100%;
  height: 100%;
}
.gift .container .embla .embla__container .embla__slide .badge,
.product .container .embla .embla__container .embla__slide .badge {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 3;
}
.gift .container .embla .controls,
.product .container .embla .controls {
  position: absolute;
  bottom: 5rem;
  right: 2.5rem;
  z-index: 3;
}
@media only screen and (max-width: 482px) {
  .gift .container .embla,
  .product .container .embla {
    height: 40rem;
  }
  .gift .container .embla .embla__container .embla__slide,
  .product .container .embla .embla__container .embla__slide {
    height: 100%;
  }
  .gift .container .embla .controls,
  .product .container .embla .controls {
    bottom: 2.5rem;
  }
}
.embla {
  overflow: hidden;
}
.embla__container {
  display: flex;
  transition: height 0.2s;
}
.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
* {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  outline: none;
  -webkit-touch-callout: none;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
a {
  color: inherit;
  outline: none;
  pointer-events: auto;
  text-decoration: none;
}
button {
  background: none;
  border: none;
  border-radius: none;
  color: inherit;
  outline: none;
  cursor: pointer;
}
video,
img {
  vertical-align: middle;
  object-fit: cover;
  object-position: center;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  pointer-events: auto;
  font-family:
    PP Neue Montreal,
    sans-serif;
}
select {
  font-family:
    PP Neue Montreal,
    sans-serif;
}
:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-optical-sizing: auto;
}
html {
  box-sizing: border-box;
  overscroll-behavior: none;
  font-size: 0.5208333333vw !important;
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 0.9765625vw !important;
  }
}
@media only screen and (max-width: 482px) {
  html {
    font-size: 2.0746887967vw !important;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
  font-optical-sizing: auto;
  overscroll-behavior: none;
  font-weight: 400;
  width: 100%;
  min-height: 100vh;
  font-family:
    PP Neue Montreal,
    sans-serif;
  background: #f3f3f3;
  color: #49261d;
}
body.no-scroll {
  overflow: hidden;
}
.tag,
.badge,
button,
a {
  font-family:
    GT Flexa Mono,
    monospace;
}
[data-animation='text'] {
  transition: opacity 1s cubic-bezier(0.3, 1, 0.3, 1);
  will-change: opacity;
}
[data-animation='text'].reveal {
  opacity: 1 !important;
}
[data-animation='image-reveal'] {
  overflow: hidden;
}
[data-animation='image-reveal'] img {
  transform: scale(1.15);
  opacity: 0;
  transition:
    transform 1s cubic-bezier(0.3, 1, 0.3, 1),
    opacity 1s cubic-bezier(0.3, 1, 0.3, 1);
  will-change: transform, opacity;
}
[data-animation='image-reveal'].reveal img {
  transform: scale(1);
  opacity: 1;
}
@font-face {
  font-family: GT Flexa Mono;
  src:
    url(../fonts/GTFlexaMono.woff2) format('woff2'),
    url(../fonts/GTFlexaMono.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
::-webkit-scrollbar {
  display: none;
}
.page-wrapper {
  overflow: hidden;
}
.container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  z-index: 3;
  overflow: hidden;
}
figure {
  position: relative;
  overflow: hidden;
}
section {
  position: relative;
  overflow: hidden;
}
section .bg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
input[type='submit'],
.footer-link,
.link-outline,
.link-bg-light,
.link-bg,
.link {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
  cursor: pointer;
  transition:
    background 0.5s cubic-bezier(0.3, 1, 0.3, 1),
    color 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
input[type='submit'],
.link-outline,
.link-bg-light,
.link-bg {
  padding: 1rem 3rem;
  text-transform: uppercase;
}
input.icon[type='submit'],
.icon.link-outline,
.icon.link-bg-light,
.icon.link-bg {
  padding: 1rem 1.5rem;
  pointer-events: none;
}
input.icon[type='submit'] svg,
.icon.link-outline svg,
.icon.link-bg-light svg,
.icon.link-bg svg {
  width: 1.25rem;
  height: auto;
}
.footer-link:after {
  width: 100%;
  height: 0.1rem;
  content: '';
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  background: currentColor;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: left;
  transform: scaleX(0);
}
.footer-link:hover:after,
.footer-link:focus:after {
  transform: scaleX(1);
}
.link-bg {
  background: #49261d;
  color: #fff;
}
.link-bg:hover,
.link-bg:focus,
.link-bg.active {
  background: #25130f;
}
.link-bg-light {
  background: #f3f3f3;
  color: #49261d;
}
.link-bg-light:hover,
.link-bg-light:focus,
.link-bg-light.active {
  background: #e6e6e6;
}
.link-outline {
  color: #49261d;
}
.link-outline:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #49261d;
}
.link-outline:hover,
.link-outline:focus,
.link-outline.active {
  background: #49261d !important;
  color: #f3f3f3;
}
.link-outline.light {
  color: #f3f3f3;
}
.link-outline.light:before {
  border-color: #f3f3f3;
}
.link-outline.light:hover,
.link-outline.light:focus,
.link-outline.light.active {
  background: #f3f3f3 !important;
  color: #49261d;
}
.controls-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 5rem;
  height: 5rem;
}
.controls-btn svg {
  width: 2rem;
}
.controls-btn.light {
  background: #f3f3f3;
  color: #49261d;
}
.controls-btn.dotted {
  border: 1px dotted rgba(0, 0, 0, 0.5);
  color: #49261d;
}
.controls-btn.dotted-light {
  border: 1px dotted rgba(255, 255, 255, 0.5);
  color: #fff;
}
.footer-link {
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
@media only screen and (max-width: 482px) {
  .footer-link {
    font-size: 1.6rem;
  }
}
.btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
input[type='submit'] {
  background: #49261d;
  color: #f3f3f3 !important;
  letter-spacing: 0.05rem;
  width: max-content;
  height: max-content;
}
.product-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.product-controls .quantity-selector {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid #49261d;
  border-radius: 5rem;
  overflow: hidden;
}
.product-controls .quantity-selector .quantity-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 1.25rem;
}
.product-controls .quantity-selector .quantity-btn[data-action='decrement'] {
  padding-left: 3rem;
}
.product-controls .quantity-selector .quantity-btn[data-action='increment'] {
  padding-right: 3rem;
}
.product-controls .quantity-selector .quantity-btn svg {
  width: 0.9rem;
}
.product-controls .quantity-selector .quantity-value {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  color: #49261d;
  padding: 0 0.5rem;
}
.product-controls .quantity-selector.light {
  border-color: #f3f3f3;
}
.product-controls .quantity-selector.light .quantity-value {
  color: #f3f3f3;
}
.icon-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 4rem;
  height: 4rem;
}
h1 {
  font-size: 12.5rem;
  font-weight: 400;
  line-height: 1.25;
}
h2 {
  font-size: 7rem;
  font-weight: 400;
  line-height: 1.25;
}
h3 {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.25;
}
h4 {
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.25;
}
h4 strong {
  font-weight: 500;
}
h5 {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.25;
}
h6 {
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.25;
}
h6 strong {
  font-weight: 500;
}
p {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.35;
}
p strong {
  font-weight: 500;
}
.paragraph-lg {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.3;
}
.paragraph-md {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.05rem;
}
li,
.paragraph-sm {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.35;
}
.paragraph-xs {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.05rem;
}
.paragraph-xxs {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
  font-family:
    GT Flexa Mono,
    monospace;
}
.tag {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.25;
  background: #f3f3f3;
  color: #49261d;
  padding: 0.5rem 1.25rem;
  border-radius: 5rem;
}
.badge {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
  background: #f3f3f3;
  color: #49261d;
  padding: 0.75rem 2rem;
  text-transform: uppercase;
}
.divider {
  width: 100%;
  height: 0.1rem;
  background: #49261d40;
}
ul {
  list-style: disc;
  margin-left: 2rem;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 8.5rem;
  }
  h2 {
    font-size: 5.5rem;
  }
  h3 {
    font-size: 4rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.5rem;
  }
  h6,
  .paragraph-lg {
    font-size: 2.2rem;
  }
  .paragraph-md {
    font-size: 1.6rem;
  }
  li,
  .paragraph-sm {
    font-size: 1.4rem;
  }
  .paragraph-xs {
    font-size: 1.2rem;
  }
  .paragraph-xxs {
    font-size: 1rem;
  }
  p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 482px) {
  h1 {
    font-size: 6.5rem;
  }
  h2 {
    font-size: 4.5rem;
  }
  h3 {
    font-size: 3.5rem;
  }
  br {
    display: none;
  }
}
.related .container .range-list,
.ranges .container .range-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
}
.related .container .range-list .range-card,
.ranges .container .range-list .range-card {
  background: #fff;
}
.related .container .range-list .range-card figure,
.ranges .container .range-list .range-card figure {
  width: 100%;
  height: 22.5rem;
}
.related .container .range-list .range-card figure img,
.ranges .container .range-list .range-card figure img {
  height: 100%;
}
.related .container .range-list .range-card .card-content,
.ranges .container .range-list .range-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 2.5rem;
}
.related .container .range-list .range-card .card-content p,
.ranges .container .range-list .range-card .card-content p {
  font-family:
    PP Neue Montreal,
    sans-serif;
}
.related .container .range-list .range-card .card-content .paragraph-md,
.ranges .container .range-list .range-card .card-content .paragraph-md {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: #49261d59;
  font-family:
    GT Flexa Mono,
    monospace;
}
.related .container .range-list .range-card .card-content .paragraph-md .old,
.ranges .container .range-list .range-card .card-content .paragraph-md .old {
  text-decoration: line-through;
}
.related .container .range-list .range-card .card-content .paragraph-md .rust,
.ranges .container .range-list .range-card .card-content .paragraph-md .rust {
  color: #49261d;
}
@media only screen and (max-width: 1024px) {
  .related .container .range-list,
  .ranges .container .range-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 482px) {
  .related .container .range-list,
  .ranges .container .range-list {
    grid-template-columns: 1fr;
  }
}
.banner .container,
.banner .embla .embla__container .embla__slide {
  height: calc(var(--vh, 1vh) * 100 - 15rem);
  min-height: 90rem;
}
.banner .container .banner-content,
.banner .embla .embla__container .embla__slide .banner-content {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.banner .container .banner-content .banner-content-box,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem;
  grid-column: 2/6;
  grid-row: 2/4;
}
.banner .container .banner-content .banner-content-box .banner-box,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-content-box
  .banner-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  max-height: 50%;
  padding: 1.5rem 2rem;
  background: #f3f3f3;
  color: #49261d;
}
.banner .container .banner-content .banner-header,
.banner .embla .embla__container .embla__slide .banner-content .banner-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.25rem;
  grid-column: 1/17;
  grid-row: 4/9;
  text-align: center;
  color: #f3f3f3;
  padding: 2rem 0;
}
.banner .container .banner-content .banner-header p,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-header
  p {
  font-family:
    GT Flexa Mono,
    monospace;
  text-transform: uppercase;
}
.banner .container .banner-content .banner-form-wrapper,
.banner
  .embla
  .embla__container
  .embla__slide
  .banner-content
  .banner-form-wrapper {
  background: #f3f3f3;
  color: #49261d;
  grid-column: 9/16;
  grid-row: 4/8;
  padding: 4.5rem;
}
.banner .container .grid-bg,
.banner .embla .embla__container .embla__slide .grid-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.banner .container .grid-bg .cell,
.banner .embla .embla__container .embla__slide .grid-bg .cell {
  position: relative;
  border: 1px solid rgba(243, 243, 243, 0.15);
}
.banner .container .grid-bg .cell:before,
.banner .embla .embla__container .embla__slide .grid-bg .cell:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #f3f3f359;
  clip-path: polygon(
    0% 40%,
    40% 40%,
    40% 0%,
    60% 0%,
    60% 40%,
    100% 40%,
    100% 60%,
    60% 60%,
    60% 100%,
    40% 100%,
    40% 60%,
    0% 60%
  );
  top: -0.6rem;
  left: -0.6rem;
}
.banner .container .grid-bg .cell:nth-child(16n + 1):before,
.banner
  .embla
  .embla__container
  .embla__slide
  .grid-bg
  .cell:nth-child(16n + 1):before,
.banner .container .grid-bg .cell:nth-child(-n + 16):before,
.banner
  .embla
  .embla__container
  .embla__slide
  .grid-bg
  .cell:nth-child(-n + 16):before {
  content: none;
}
@media only screen and (max-width: 1024px) {
  .banner .container .banner-content,
  .banner .embla .embla__container .embla__slide .banner-content {
    grid-template-columns: repeat(8, 1fr);
  }
  .banner .container .banner-content .banner-content-box,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-content-box {
    grid-column: 3/7;
    align-items: center;
  }
  .banner .container .banner-content .banner-header,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-header {
    gap: 3.5rem;
  }
  .banner .container .banner-content .banner-form-wrapper,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-form-wrapper {
    grid-column: 2/8;
    grid-row: 4/8;
  }
  .banner .container .grid-bg,
  .banner .embla .embla__container .embla__slide .grid-bg {
    grid-template-columns: repeat(8, 1fr);
  }
  .banner .container .grid-bg .cell:nth-child(8n + 1):before,
  .banner
    .embla
    .embla__container
    .embla__slide
    .grid-bg
    .cell:nth-child(8n + 1):before,
  .banner .container .grid-bg .cell:nth-child(-n + 8):before,
  .banner
    .embla
    .embla__container
    .embla__slide
    .grid-bg
    .cell:nth-child(-n + 8):before {
    content: none;
  }
  .banner .container .grid-bg .cell:nth-child(65),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(65) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(66),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(66) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(67),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(67) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(68),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(68) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(69),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(69) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(70),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(70) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(71),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(71) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(72),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(72) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(73),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(73) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(74),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(74) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(75),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(75) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(76),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(76) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(77),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(77) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(78),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(78) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(79),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(79) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(80),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(80) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(81),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(81) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(82),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(82) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(83),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(83) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(84),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(84) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(85),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(85) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(86),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(86) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(87),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(87) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(88),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(88) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(89),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(89) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(90),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(90) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(91),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(91) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(92),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(92) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(93),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(93) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(94),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(94) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(95),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(95) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(96),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(96) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(97),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(97) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(98),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(98) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(99),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(99) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(100),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(100) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(101),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(101) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(102),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(102) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(103),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(103) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(104),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(104) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(105),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(105) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(106),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(106) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(107),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(107) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(108),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(108) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(109),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(109) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(110),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(110) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(111),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(111) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(112),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(112) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(113),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(113) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(114),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(114) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(115),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(115) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(116),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(116) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(117),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(117) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(118),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(118) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(119),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(119) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(120),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(120) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(121),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(121) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(122),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(122) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(123),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(123) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(124),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(124) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(125),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(125) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(126),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(126) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(127),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(127) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(128),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(128) {
    display: none;
  }
}
@media only screen and (max-width: 482px) {
  .banner .container,
  .banner .embla .embla__container .embla__slide {
    min-height: 90rem;
  }
  .banner .container .banner-content,
  .banner .embla .embla__container .embla__slide .banner-content {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(10, 1fr);
  }
  .banner .container .banner-content .banner-content-box,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-content-box {
    grid-column: 2/12;
    grid-row: 2/4;
    align-items: center;
  }
  .banner .container .banner-content .banner-header,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-header {
    padding: 0 2.5rem;
    gap: 2.5rem;
    justify-content: center;
  }
  .banner .container .banner-content .banner-form-wrapper,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-form-wrapper {
    grid-column: 2/12;
    grid-row: 4/10;
  }
  .banner .container .banner-content .banner-form-wrapper form input,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-form-wrapper
    form
    input,
  .banner .container .banner-content .banner-form-wrapper form textarea,
  .banner
    .embla
    .embla__container
    .embla__slide
    .banner-content
    .banner-form-wrapper
    form
    textarea {
    max-width: 100%;
  }
  .banner .container .grid-bg,
  .banner .embla .embla__container .embla__slide .grid-bg {
    grid-template-columns: repeat(4, 1fr);
  }
  .banner .container .grid-bg .cell:nth-child(4n + 1):before,
  .banner
    .embla
    .embla__container
    .embla__slide
    .grid-bg
    .cell:nth-child(4n + 1):before,
  .banner .container .grid-bg .cell:nth-child(-n + 4):before,
  .banner
    .embla
    .embla__container
    .embla__slide
    .grid-bg
    .cell:nth-child(-n + 4):before {
    content: none;
  }
  .banner .container .grid-bg .cell:nth-child(33),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(33) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(34),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(34) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(35),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(35) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(36),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(36) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(37),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(37) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(38),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(38) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(39),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(39) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(40),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(40) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(41),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(41) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(42),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(42) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(43),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(43) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(44),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(44) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(45),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(45) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(46),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(46) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(47),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(47) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(48),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(48) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(49),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(49) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(50),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(50) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(51),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(51) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(52),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(52) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(53),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(53) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(54),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(54) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(55),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(55) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(56),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(56) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(57),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(57) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(58),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(58) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(59),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(59) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(60),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(60) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(61),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(61) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(62),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(62) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(63),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(63) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(64),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(64) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(65),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(65) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(66),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(66) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(67),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(67) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(68),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(68) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(69),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(69) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(70),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(70) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(71),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(71) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(72),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(72) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(73),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(73) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(74),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(74) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(75),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(75) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(76),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(76) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(77),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(77) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(78),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(78) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(79),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(79) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(80),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(80) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(81),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(81) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(82),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(82) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(83),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(83) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(84),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(84) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(85),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(85) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(86),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(86) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(87),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(87) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(88),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(88) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(89),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(89) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(90),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(90) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(91),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(91) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(92),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(92) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(93),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(93) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(94),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(94) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(95),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(95) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(96),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(96) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(97),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(97) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(98),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(98) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(99),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(99) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(100),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(100) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(101),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(101) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(102),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(102) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(103),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(103) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(104),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(104) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(105),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(105) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(106),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(106) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(107),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(107) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(108),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(108) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(109),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(109) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(110),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(110) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(111),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(111) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(112),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(112) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(113),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(113) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(114),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(114) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(115),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(115) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(116),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(116) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(117),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(117) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(118),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(118) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(119),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(119) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(120),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(120) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(121),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(121) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(122),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(122) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(123),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(123) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(124),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(124) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(125),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(125) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(126),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(126) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(127),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(127) {
    display: none;
  }
  .banner .container .grid-bg .cell:nth-child(128),
  .banner .embla .embla__container .embla__slide .grid-bg .cell:nth-child(128) {
    display: none;
  }
}
.banner {
  padding: 12rem 0 7.5rem;
}
.banner:has(.embla) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.banner .embla {
  max-width: 90%;
}
.review {
  background: #2b0d00;
  color: #f3f3f3;
}
.review .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12.5rem;
  padding: var(--padding-md);
}
.review .container .header {
  max-width: 35%;
}
.review .container .review-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.review .container .review-panel .review-list {
  flex: 0 0 30%;
  max-width: 30%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.review .container .review-panel .review-list .review-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.review .container .review-panel .review-list .review-item img {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.review .container .review-panel .review-list .review-item .review-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.review
  .container
  .review-panel
  .review-list
  .review-item.active
  .review-content {
  opacity: 1;
  pointer-events: auto;
}
.review .container .review-panel .review-list .review-item.active img {
  opacity: 1;
}
.review .container .review-panel .embla {
  flex: 0 0 55%;
  max-width: 55%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
}
.review .container .review-panel .embla .embla__container .embla__slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.contact .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding-lg);
}
.contact .container .contact-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.contact .container .contact-header .model-wrapper {
  width: 60rem;
  height: 60rem;
  position: relative;
  top: unset;
  left: unset;
}
.contact .container .contact-header .model-wrapper canvas {
  transform: scale(1.25);
}
.contact .container .contact-header .header-content {
  max-width: calc(100% - 60rem);
}
.contact .container .contact-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  max-width: 40%;
  margin-top: -10rem;
}
.contact .container .contact-content .contact-form-wrapper {
  max-width: 90%;
}
.contact
  .container
  .contact-content
  .contact-form-wrapper
  form
  input[type='submit'] {
  margin-top: 2.5rem;
}
.ranges .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12rem;
  padding: var(--padding-md);
}
.ranges .container .range-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.ranges .container .range-panel .slider-box {
  flex: 0 0 40%;
  max-width: 40%;
  width: 100%;
  height: auto;
  position: relative;
}
.ranges .container .range-panel .slider-box .embla {
  display: none;
}
.ranges
  .container
  .range-panel
  .slider-box
  .embla
  .embla__container
  .embla__slide {
  position: relative;
}
.ranges
  .container
  .range-panel
  .slider-box
  .embla
  .embla__container
  .embla__slide
  img {
  width: 100%;
  height: 70rem;
}
.ranges
  .container
  .range-panel
  .slider-box
  .embla
  .embla__container
  .embla__slide
  .badge {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 3;
}
.ranges .container .range-panel .slider-box .embla.active {
  display: block;
}
.ranges .container .range-panel .slider-box .controls {
  position: absolute;
  bottom: 2.5rem;
  right: 2.5rem;
  z-index: 3;
}
.ranges .container .range-panel .slider-box .classic-image {
  width: 100%;
  height: 75rem;
}
.ranges .container .range-panel .range-content {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
}
.ranges .container .range-panel .range-content .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  display: none;
}
.ranges .container .range-panel .range-content .content-box .content-box-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.ranges .container .range-panel .range-content .content-box.active {
  display: flex;
}
.ranges .container .range-panel.classic {
  align-items: stretch;
}
.ranges .container .range-panel.classic .slider-box {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
}
.ranges .container .range-panel.classic .range-content {
  padding-left: 30rem;
  justify-content: space-between;
}
.ranges .container .range-panel.classic .range-content .content-box {
  margin-top: auto;
  gap: 2.5rem;
}
.ranges .container .range-panel.classic .range-content .controls {
  margin-bottom: auto;
}
.ranges .container .range-list {
  display: none;
}
.ranges .container .range-list.active {
  display: grid;
}
.application {
  background: #49261d;
  color: #f3f3f3;
}
.application .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7.5rem;
  padding: var(--padding-md);
}
.application .container .application-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
}
.application .container .application-panel .application-figure {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0;
  flex: 0 0 45%;
  max-width: 45%;
  width: 100%;
  height: auto;
}
.application .container .application-panel .application-figure video,
.application .container .application-panel .application-figure img {
  width: 55%;
  height: auto;
  min-height: 80rem;
  display: none;
}
.application .container .application-panel .application-figure video.active,
.application .container .application-panel .application-figure img.active {
  display: block;
}
.application .container .application-panel .application-content {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
}
.application .container .application-panel .application-content .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.application
  .container
  .application-panel
  .application-content
  .application-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.4rem;
}
.application
  .container
  .application-panel
  .application-content
  .application-grid
  .application-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
  text-align: left;
  font-family:
    PP Neue Montreal,
    sans-serif;
}
.application
  .container
  .application-panel
  .application-content
  .application-grid
  .application-card
  p {
  line-height: 1.5;
}
.application
  .container
  .application-panel
  .application-content
  .application-grid
  .application-card
  img {
  width: 100%;
  height: 12rem;
}
.related .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding-md);
}
@media only screen and (max-width: 1024px) {
  .review .container .header {
    max-width: 100%;
  }
  .contact .container .contact-header {
    gap: 5rem;
  }
  .contact .container .contact-header .model-wrapper {
    width: 100%;
    height: 50rem;
  }
  .contact .container .contact-header .header-content {
    max-width: 100%;
  }
  .contact .container .contact-content {
    margin-top: 10rem;
    max-width: 100%;
  }
  .contact .container .contact-content .contact-form-wrapper {
    max-width: 100%;
  }
  .ranges .container {
    gap: 7.5rem;
  }
  .ranges .container .range-panel {
    flex-wrap: wrap-reverse;
    gap: 5rem;
  }
  .ranges .container .range-panel .slider-box {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .ranges .container .range-panel .range-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .ranges .container .range-panel.classic .range-content {
    padding-left: 0;
    justify-content: center;
  }
  .ranges .container .range-panel.classic .range-content .content-box {
    margin-top: 0;
    gap: 2rem;
  }
  .ranges .container .range-panel.classic .range-content .content-box h6 {
    font-size: 3.5rem;
  }
  .ranges .container .range-panel.classic .range-content .controls {
    margin-bottom: 0;
  }
  .application .container .application-panel {
    gap: 7.5rem;
  }
  .application .container .application-panel .application-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .application .container .application-panel .application-content {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 5rem;
  }
  .related .container {
    gap: 7.5rem;
  }
}
@media only screen and (max-width: 482px) {
  .review .container {
    gap: 7.5rem;
  }
  .review .container .header {
    max-width: 100%;
    width: 100%;
  }
  .review .container .review-panel {
    gap: 2.5rem;
  }
  .review .container .review-panel .review-list {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .review .container .review-panel .review-list .review-item {
    display: none;
  }
  .review .container .review-panel .review-list .review-item.active {
    display: flex;
  }
  .review .container .review-panel .embla {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 5rem;
  }
  .ranges .container {
    gap: 5rem;
  }
  .ranges .container .range-panel .slider-box .classic-image,
  .ranges
    .container
    .range-panel
    .slider-box
    .embla
    .embla__container
    .embla__slide
    img {
    height: 40rem;
  }
  .contact .container .contact-header .model-wrapper {
    height: 30rem;
  }
  .contact .container .contact-content {
    margin-top: 5rem;
  }
  .application .container .application-panel {
    gap: 5rem;
  }
  .application .container .application-panel .application-figure video,
  .application .container .application-panel .application-figure img {
    width: 100%;
  }
  .application
    .container
    .application-panel
    .application-content
    .application-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .application
    .container
    .application-panel
    .application-content
    .application-grid
    .application-card
    img {
    height: 8.5rem;
  }
}
input:not([type='submit']),
textarea {
  border-bottom: 1px solid currentColor;
  height: max-content;
  padding: 1rem 0;
  letter-spacing: 0.05rem;
  resize: none;
}
input:not([type='submit'])::placeholder,
textarea::placeholder {
  color: currentColor;
}
select {
  letter-spacing: 0.05rem;
  background: transparent;
  height: max-content;
  border: none;
  border-bottom: 1px solid currentColor;
  padding: 1rem 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjI5Ny4yNjYgMy43OCAzLjc4LjI2Ni4yNjYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9Ii43NSIvPjwvc3ZnPg==)
    no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.25rem 0.65rem;
  color: #49261d;
}
.search-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  border: 1px solid #49261d;
  overflow: hidden;
  padding: 0 2rem;
  color: #49261d;
}
.search-box svg {
  width: 1.5rem;
  height: 1.5rem;
}
.search-box input {
  width: 12.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.15;
  border: none;
  padding: 1rem;
  font-family:
    GT Flexa Mono,
    monospace;
}
.search-box input::placeholder {
  color: #49261d;
}
.drop-down {
  position: relative;
}
.drop-down .drop-down-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  min-width: 15rem;
  width: max-content;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 1.5rem 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.drop-down .drop-down-content a {
  width: 100%;
}
.drop-down .drop-down-content a:not(:first-child) {
  margin-top: -0.1rem;
}
.drop-down .drop-down-content .link-outline {
  background: #f3f3f3;
}
.drop-down:hover .drop-down-content {
  opacity: 1;
  visibility: visible;
}
.cart-sheet {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.7s cubic-bezier(0.3, 1, 0.3, 1),
    visibility 0.7s cubic-bezier(0.3, 1, 0.3, 1);
  overflow-y: scroll;
  background: #2b0d0026;
}
.cart-sheet .cart-sheet-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10rem;
  max-width: 40%;
  background: #49261d;
  color: #f3f3f3;
  margin-left: auto;
  transform: translate(100%);
  transition: transform 0.7s cubic-bezier(0.3, 1, 0.3, 1);
  padding: 5rem 5rem 15rem 15rem;
  min-height: 100vh;
}
.cart-sheet .cart-sheet-inner .sheet-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  position: sticky;
  top: 5rem;
}
.cart-sheet .cart-sheet-inner .sheet-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
}
.cart-sheet .cart-sheet-inner .sheet-content .sheet-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: -5rem;
}
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list .sheet-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  border-bottom: 1px solid rgba(243, 243, 243, 0.2);
  padding: 2.5rem 0;
}
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list .sheet-item .item-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  font-family:
    GT Flexa Mono,
    monospace;
}
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-item
  .item-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-item
  .item-content
  .product-image {
  width: 15rem;
  height: 7.5rem;
}
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-item
  .item-content
  .product-controls
  .paragraph-sm {
  margin-right: 2rem;
}
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-item:first-child {
  padding-top: 0;
}
.cart-sheet .cart-sheet-inner .sheet-content .sheet-list .sheet-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 2.5rem 0;
  border-bottom: 1px solid rgba(243, 243, 243, 0.2);
  font-family:
    GT Flexa Mono,
    monospace;
}
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-details
  .sheet-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.cart-sheet
  .cart-sheet-inner
  .sheet-content
  .sheet-list
  .sheet-details
  .sheet-bar.half {
  opacity: 0.5;
}
.cart-sheet.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.cart-sheet.active .cart-sheet-inner {
  transform: translate(0);
}
@media only screen and (max-width: 1024px) {
  .cart-sheet .cart-sheet-inner {
    max-width: 100%;
    padding: 5rem 5% 15rem;
  }
}
.model-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.model-wrapper canvas {
  display: block;
}
.accordions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.accordions .accordion {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.accordions .accordion .accordion-trigger {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  cursor: pointer;
  padding: 1.5rem 0;
}
.accordions .accordion .accordion-trigger .trigger-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6rem;
  max-width: calc(100% - 15rem);
  text-transform: capitalize;
}
.accordions .accordion .accordion-trigger .trigger-content * {
  font-family:
    GT Flexa Mono,
    monospace;
}
.accordions .accordion .accordion-trigger .icon-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 4rem;
  height: 4rem;
}
.accordions .accordion .accordion-trigger .icon-box svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger .icon-box svg path {
  stroke: currentColor;
  transform-origin: center;
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger:hover .icon-box svg {
  transform: rotate(180deg);
}
.accordions .accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-content .accordion-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0 0 4rem;
  max-width: 80%;
}
.accordions
  .accordion.active
  .accordion-trigger
  .icon-box
  svg
  path:first-child {
  transform: rotate(90deg);
}
.accordions .accordion:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 482px) {
  .accordions .accordion .accordion-trigger .trigger-content {
    max-width: calc(100% - 7.5rem);
  }
  .accordions .accordion .accordion-content .accordion-content-inner {
    max-width: 100%;
  }
}
.footer {
  background: #2b0d00;
  color: #f3f3f3;
}
.footer .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: 5rem 0;
  max-width: 95%;
}
.footer .container .footer-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  color: #f3f3f3;
}
.footer .container .footer-panel .footer-content {
  flex: 0 0 25%;
  max-width: 25%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.footer .container .footer-panel .footer-links {
  flex: 0 0 67.5%;
  max-width: 67.5%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.footer .container .footer-panel .footer-links .footer-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.footer .container .footer-panel .footer-links .footer-list .paragraph-sm {
  font-family:
    GT Flexa Mono,
    monospace;
  margin-bottom: 1rem;
}
.footer .container .footer-panel .footer-links .footer-list .footer-link {
  font-family:
    PP Neue Montreal,
    sans-serif;
}
.footer .container .footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 5rem;
}
@media only screen and (max-width: 1024px) {
  .footer .container .footer-panel .footer-links {
    gap: 5rem;
  }
}
@media only screen and (max-width: 482px) {
  .footer .container {
    max-width: 90%;
    gap: 7.5rem;
  }
  .footer .container .footer-panel {
    gap: 5rem;
  }
  .footer .container .footer-panel .paragraph-xs {
    font-size: 1.6rem !important;
  }
  .footer .container .footer-panel .footer-content,
  .footer .container .footer-panel .footer-links {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer .container .footer-bottom {
    margin-top: 0;
  }
}
.hamb-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: #f3f3f3;
  overflow-y: scroll;
  transition: all 0.6s cubic-bezier(0.3, 1, 0.3, 1);
  transform: translate(100%);
  opacity: 0;
}
.hamb-menu.active {
  opacity: 1 !important;
  transform: translate(0);
}
.hamb-menu .hamb-menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  color: #49261d;
  padding: 15rem 5%;
}
.hamb-menu .hamb-menu-inner .hamb-link {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}
.hamb-menu .hamb-menu-inner .hamb-link-sm {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}
.hamb-menu .hamb-menu-inner .hamb-accordion .hamb-accordion-trigger {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.hamb-menu .hamb-menu-inner .hamb-accordion .hamb-accordion-trigger .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 4rem;
  height: 4rem;
  position: relative;
}
.hamb-menu .hamb-menu-inner .hamb-accordion .hamb-accordion-trigger .icon .div {
  width: 2px;
  height: 50%;
  background: #49261d;
  position: absolute;
  transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.hamb-menu
  .hamb-menu-inner
  .hamb-accordion
  .hamb-accordion-trigger
  .icon
  .div:last-child {
  transform: rotate(90deg);
}
.hamb-menu .hamb-menu-inner .hamb-accordion .hamb-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.hamb-menu
  .hamb-menu-inner
  .hamb-accordion
  .hamb-accordion-content
  .hamb-accordion-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 4rem 2rem 2rem;
}
.hamb-menu
  .hamb-menu-inner
  .hamb-accordion.active
  .hamb-accordion-trigger
  .icon
  .div:first-child {
  transform: rotate(90deg);
}
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #f3f3f3;
  transition: transform 0.7s cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 4rem 0;
  overflow: visible;
}
.navbar .container .navbar-logo img {
  width: 24rem;
}
.navbar .container .navbar-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.navbar .container .hamb-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  display: none;
  width: 4rem;
  height: 4rem;
  pointer-events: all;
  position: relative;
  z-index: 5;
  cursor: pointer;
  border: 1px solid #49261d;
}
.navbar .container .hamb-btn .div {
  width: 70%;
  height: 2px;
  background: #49261d;
  pointer-events: none;
  transition: all 0.7s cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .container .hamb-btn.active .div:nth-child(1) {
  transform: rotate(45deg) translate(0.5rem, 0.5rem);
}
.navbar .container .hamb-btn.active .div:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.navbar .container .hamb-btn.active .div:nth-child(3) {
  transform: rotate(-45deg) translate(0.5rem, -0.5rem);
}
.navbar.scrolled,
body.animation-running .navbar {
  transform: translateY(-100%);
}
@media only screen and (max-width: 1024px) {
  .navbar .container .navbar-links {
    display: none;
  }
  .navbar .container .hamb-btn {
    display: flex;
  }
}
.home-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 15rem;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 15rem 0 10rem;
  z-index: 3;
}
.home-hero .embla .embla__container .embla__slide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  flex: 0 0 auto;
  margin-right: 2.25rem;
}
.home-hero .embla .embla__container .embla__slide img {
  width: auto;
  height: auto;
}
.about {
  overflow: visible;
}
.about .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: var(--padding-lg);
  min-height: calc(var(--vh, 1vh) * 100);
}
.about .container .about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 7.5rem;
  text-align: center;
  max-width: 75%;
}
.about .bg {
  overflow: visible;
}
.intro {
  background: #49261d;
  color: #f3f3f3;
}
.intro .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15rem;
  padding: var(--padding-md);
}
.intro .container .intro-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
}
.intro .container .intro-panel .intro-media {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.intro .container .intro-panel .intro-media .embla {
  max-width: 50%;
}
.intro
  .container
  .intro-panel
  .intro-media
  .embla
  .embla__container
  .embla__slide
  img {
  width: 100%;
  height: 72.5rem;
}
.intro .container .intro-panel .intro-content {
  flex: 0 0 30%;
  max-width: 30%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
}
.intro .container .intro-panel .intro-content .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.intro .container .intro-panel .intro-content .content-box a {
  margin-top: 2rem;
}
.intro .container .intro-panel .intro-content .content-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.intro .container .intro-panel .intro-content .content-list img {
  width: 11.5rem;
  height: 11.5rem;
  opacity: 0.25;
  cursor: pointer;
}
.intro .container .intro-panel .intro-content .content-list img.active {
  opacity: 1;
}
.audience {
  background: #633a29;
  color: #f3f3f3;
  height: calc(var(--vh, 1vh) * 100);
  padding: var(--padding-md);
}
.audience .audience-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  max-width: 40%;
  padding: 0 5%;
}
.audience .audience-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.audience .audience-panel .audience-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  min-width: 100vw;
  max-width: 100vw;
  padding: var(--padding);
  overflow: hidden;
  position: relative;
}
.audience .audience-panel .audience-box .audience-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  padding: 2.5rem;
  background: #fff;
  color: #000;
  width: 50rem;
  position: relative;
  z-index: 2;
}
.audience .audience-panel .audience-box .audience-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.audience .audience-panel .audience-box:first-child {
  padding: 10rem;
}
.audience .audience-panel .audience-box:not(:first-child) {
  border-left: 0.1rem solid rgba(243, 243, 243, 0.25);
}
@media only screen and (max-width: 1024px) {
  .intro .container,
  .intro .container .intro-panel {
    gap: 7.5rem;
  }
  .intro .container .intro-panel .intro-media {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
  .intro .container .intro-panel .intro-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 482px) {
  .about .container {
    justify-content: center;
  }
  .about .container .about-content {
    max-width: 100%;
  }
  .about .container .about-content h2 {
    font-size: 4rem;
  }
  .intro .container .intro-panel .intro-media {
    flex-wrap: wrap-reverse;
  }
  .intro .container .intro-panel .intro-media .embla {
    max-width: 100%;
  }
  .intro .container .intro-panel .intro-media .controls {
    margin-right: auto;
  }
  .intro .container .intro-panel .intro-content {
    flex-direction: column-reverse;
  }
  .intro .container .intro-panel .intro-content .content-list {
    gap: 1.5rem;
  }
  .intro .container .intro-panel .intro-content .content-list img {
    width: 7.5rem;
    height: 7.5rem;
  }
  .audience .audience-header {
    max-width: 100%;
  }
  .audience .audience-panel .audience-box {
    padding: 10rem 5% !important;
  }
  .audience .audience-panel .audience-box .audience-content {
    width: 100%;
  }
}
.about-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
}
.about-banner .about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  text-align: center;
  position: absolute;
  padding: 0 5%;
  z-index: 2;
  opacity: 0;
  will-change: opacity;
}
.about-banner .about-content .about-content-box {
  position: absolute;
  max-width: 70%;
  z-index: 3;
}
.about-banner .about-content .about-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.about-banner .about-content:first-child {
  opacity: 1;
}
.info {
  background: #49261d;
  color: #f3f3f3;
}
.info .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12.5rem;
  padding: var(--padding-md);
}
.info .container .info-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.info .container .info-panel .info-figure {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  flex: 0 0 55%;
  max-width: 55%;
  width: 100%;
  height: auto;
}
.info .container .info-panel .info-figure .embla {
  max-width: 85%;
  position: relative;
}
.info .container .info-panel .info-figure .embla .controls {
  position: absolute;
  right: 4rem;
  bottom: 4rem;
}
.info .container .info-panel .info-content {
  flex: 0 0 35%;
  max-width: 35%;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
@media only screen and (max-width: 1024px) {
  .info .container {
    gap: 7.5rem;
  }
  .info .container .info-panel .info-figure {
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: flex-start;
  }
  .info .container .info-panel .info-content {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 482px) {
  .about-banner .about-content .about-content-box {
    max-width: 95%;
  }
  .about-banner .about-content .about-content-box h2 {
    font-size: 4rem;
  }
  .info .container,
  .info .container .info-panel {
    gap: 5rem;
  }
  .info .container .info-panel .info-figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .info .container .info-panel .info-figure .embla {
    max-width: 100%;
  }
  .info .container .info-panel .info-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.products-list .embla .embla__container .embla__slide,
.products .container .products-grid .product-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  background: #fff;
}
.products-list .embla .embla__container .embla__slide .product-figure .tag,
.products .container .products-grid .product-card .product-figure .tag {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  z-index: 2;
}
.products-list .embla .embla__container .embla__slide .card-content,
.products .container .products-grid .product-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
  padding: 2.5rem;
}
.products-list
  .embla
  .embla__container
  .embla__slide
  .card-content
  .content-box,
.products .container .products-grid .product-card .card-content .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.products-list .embla .embla__container .embla__slide .card-content a,
.products .container .products-grid .product-card .card-content a {
  margin-top: calc(1rem + auto);
}
.products-list .embla .embla__container .embla__slide:hover .product-figure img,
.products .container .products-grid .product-card:hover .product-figure img {
  transform: scale(1.025);
}
.products .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10rem;
  padding: var(--padding);
}
.products .container .products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0rem;
  row-gap: 5rem;
  column-gap: 2.5rem;
}
.products-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15rem;
  padding: var(--padding-md);
}
.products-list .products-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  padding: 0 5%;
}
.products-list .embla .embla__container .embla__slide {
  max-width: 55rem;
  margin-right: 2.8rem;
}
@media only screen and (max-width: 1024px) {
  .products .container {
    gap: 7.5rem;
  }
  .products .container .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .products-list {
    gap: 7.5rem;
  }
}
@media only screen and (max-width: 482px) {
  .products-list .products-header {
    width: 100%;
    flex-direction: column;
    text-align: center;
    gap: 2.5rem;
  }
  .products-list .embla .embla__container .embla__slide {
    max-width: 90%;
  }
  .products .container {
    gap: 5rem;
  }
  .products .container .products-grid {
    grid-template-columns: 1fr;
  }
}
.page-wrapper:has(.product) {
  overflow: visible;
}
.product {
  overflow: visible;
}
.product .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
  padding: 20rem 0 10rem;
  overflow: visible;
}
.product .container .embla {
  position: sticky;
  top: 12.5rem;
}
.product .container .product-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  padding-left: 15rem;
}
.product .container .product-content .product-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
}
.product .container .product-content .product-header .header-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.product .container .product-content .product-header .header-bar .old-price {
  opacity: 0.5;
  position: relative;
  margin-right: 1rem;
}
.product
  .container
  .product-content
  .product-header
  .header-bar
  .old-price:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #49261d;
  transform: translateY(-50%);
}
.product .container .product-content .product-header .price-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.product .container .product-content .product-header .price-list .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid rgba(73, 38, 29, 0.25);
  padding-bottom: 1.25rem;
}
.product
  .container
  .product-content
  .product-header
  .price-list
  .item
  .paragraph-md {
  font-family:
    GT Flexa Mono,
    monospace !important;
}
.product .container .product-content .product-description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.product .container .product-content .product-description .divider {
  margin-top: 1.5rem;
}
.specs {
  background: #49261d;
  color: #f3f3f3;
}
.specs .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0rem;
  padding: var(--padding-md);
}
.specs .container .specs-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6rem;
}
.specs .container .specs-content .specs-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.specs .container .specs-content .specs-list p {
  padding: 2rem 0;
}
.specs .container .specs-content .specs-list p:not(:last-child) {
  border-bottom: 0.1rem solid rgba(243, 243, 243, 0.25);
}
@media only screen and (max-width: 1024px) {
  .product .container {
    grid-template-columns: 1fr;
    padding: 15rem 0 10rem;
  }
  .product .container .embla {
    position: relative;
    top: auto;
  }
  .product .container .product-content {
    padding-left: 0;
  }
  .product .container .product-content .product-header {
    margin-top: 0;
  }
}
@media only screen and (max-width: 482px) {
  .specs .container {
    grid-template-columns: 1fr;
    gap: 5rem;
  }
  .specs .container .specs-content {
    gap: 2.5rem;
  }
}
.page-wrapper:has(.gift) {
  overflow: visible;
}
.gift {
  overflow: visible;
}
.gift .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
  padding: 20rem 0 10rem;
  align-items: flex-start;
  overflow: visible;
}
.gift .container .embla {
  position: sticky;
  top: 12.5rem;
}
.gift .container .gift-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4rem;
  padding-left: 15rem;
}
.gift .container .gift-content .gift-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.gift .container .gift-content .gift-header p {
  font-family:
    GT Flexa Mono,
    monospace;
}
.gift .container .gift-content .gift-panel {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 2rem;
}
.gift .container .gift-content .gift-panel p {
  margin-top: 1rem;
}
.gift .container .gift-content .gift-panel .link-outline {
  padding: 1rem 4rem;
}
.gift .container .gift-content .product-controls {
  gap: 0.5rem;
}
.gift .container .gift-content .product-controls .paragraph-sm {
  min-width: 7.5rem;
}
.gift .container .gift-content .product-controls .quantity-selector {
  border-radius: 0;
}
.gift .container .gift-content .for {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.gift .container .gift-content .form-box {
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .gift .container {
    grid-template-columns: 1fr;
    padding: 15rem 0 10rem;
    gap: 5rem;
  }
  .gift .container .embla {
    position: relative;
    top: 0;
  }
  .gift .container .gift-content {
    padding-left: 0;
  }
}
@media only screen and (max-width: 482px) {
  .gift .container {
    padding: 12.5rem 0 5rem;
  }
  .gift .container .product-controls .paragraph-sm {
    min-width: 6.5rem !important;
  }
}
.top-banner {
  padding: 12.5rem 0;
}
.top-banner .container {
  height: calc(var(--vh, 1vh) * 100 - 15rem);
  min-height: 90rem;
}
.top-banner .container .grid-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.top-banner .container .grid-bg .cell {
  position: relative;
  border: 1px solid rgba(73, 38, 29, 0.15);
}
.top-banner .container .grid-bg .cell:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #49261d59;
  clip-path: polygon(
    0% 40%,
    40% 40%,
    40% 0%,
    60% 0%,
    60% 40%,
    100% 40%,
    100% 60%,
    60% 60%,
    60% 100%,
    40% 100%,
    40% 60%,
    0% 60%
  );
  top: -0.6rem;
  left: -0.6rem;
}
.top-banner .container .grid-bg .cell:nth-child(16n + 1):before,
.top-banner .container .grid-bg .cell:nth-child(-n + 16):before {
  content: none;
}
.top-banner .container .banner-slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(8, 1fr);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.6s cubic-bezier(0.3, 1, 0.3, 1),
    visibility 0s linear 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.top-banner .container .banner-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.top-banner .container .banner-material {
  cursor: pointer;
  pointer-events: auto;
  overflow: hidden;
  display: block;
  position: relative;
}
.top-banner .container .banner-material img {
  display: block;
}
.top-banner .container .banner-material.mat-pos-1 {
  grid-column: 1/3;
  grid-row: 1/2;
}
.top-banner .container .banner-material.mat-pos-2 {
  grid-column: 3/5;
  grid-row: 3/4;
}
.top-banner .container .banner-material.mat-pos-3 {
  grid-column: 2/4;
  grid-row: 8/9;
}
.top-banner .container .banner-material.mat-pos-4 {
  grid-column: 14/16;
  grid-row: 1/2;
}
.top-banner .container .banner-material.mat-pos-5 {
  grid-column: 13/15;
  grid-row: 6/7;
}
.top-banner .container .banner-material.mat-pos-6 {
  grid-column: 15/17;
  grid-row: 7/8;
}
.top-banner .container .banner-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  position: absolute;
  top: 11.75rem;
  left: 11rem;
  z-index: 5;
  width: 43rem;
  height: 11.5rem;
  background: #f3f3f3;
  padding: 2.5rem;
}
.top-banner .container .banner-model {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 75%;
  z-index: 6;
}
.top-banner .container .banner-model canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.top-banner .container .banner-title {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 7;
  display: grid;
  mix-blend-mode: color-burn;
  pointer-events: none;
}
.top-banner .container .banner-title h1 {
  grid-row: 1;
  grid-column: 1;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.3, 1, 0.3, 1);
  white-space: nowrap;
  color: #49261d;
  text-align: center;
}
.top-banner .container .banner-title h1.active {
  opacity: 1;
}
.top-banner .container .banner-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  background: none;
  border: 1px dashed rgba(73, 38, 29, 0.3);
  cursor: pointer;
  color: #49261d;
  width: 12.5rem;
  height: 12.5rem;
  transition: border-color 0.3s ease;
  background: #f3f3f3;
}
.top-banner .container .banner-arrow:hover {
  border-color: #49261d;
}
.top-banner .container .banner-arrow--prev {
  left: 2.5rem;
}
.top-banner .container .banner-arrow--next {
  right: 2.5rem;
}
.top-banner .container .banner-shapes {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translate(-50%);
  z-index: 7;
  display: flex;
  gap: 2rem;
  align-items: center;
}
.top-banner .container .banner-shapes .shape-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #000;
  padding: 0.5rem;
}
.top-banner .container .banner-shapes .shape-btn svg {
  display: block;
  fill: none;
  transition: fill 0.3s ease;
}
.top-banner .container .banner-shapes .shape-btn.active svg {
  fill: #000;
}
.top-banner .container .banner-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 5;
  width: 100%;
  max-width: 37.5%;
  height: 11.55rem;
  background: #f3f3f3;
  color: #49261d;
  padding: 0.5rem 2.5rem;
  text-align: center;
  text-transform: uppercase;
}
.top-banner .container .banner-bottom .banner-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.25rem;
  display: none;
}
.top-banner .container .banner-bottom .banner-info.active {
  display: flex;
}
.top-banner .container .banner-bottom .banner-info p {
  font-family:
    GT Flexa Mono,
    monospace;
  font-weight: 500;
}
.top-banner .container .banner-bottom .banner-info .btns {
  cursor: pointer;
}
.top-banner .container .banner-bottom .banner-info .btns .icon {
  pointer-events: all;
}
.top-banner .container .banner-bottom .banner-info .btns .icon:hover svg {
  filter: invert(1);
}
.top-banner .container .banner-bottom--mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .top-banner .container .grid-bg {
    grid-template-columns: repeat(8, 1fr);
  }
  .top-banner .container .grid-bg .cell:nth-child(8n + 1):before,
  .top-banner .container .grid-bg .cell:nth-child(-n + 8):before {
    content: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(65) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(66) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(67) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(68) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(69) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(70) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(71) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(72) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(73) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(74) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(75) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(76) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(77) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(78) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(79) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(80) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(81) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(82) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(83) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(84) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(85) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(86) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(87) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(88) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(89) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(90) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(91) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(92) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(93) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(94) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(95) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(96) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(97) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(98) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(99) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(100) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(101) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(102) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(103) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(104) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(105) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(106) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(107) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(108) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(109) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(110) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(111) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(112) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(113) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(114) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(115) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(116) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(117) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(118) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(119) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(120) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(121) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(122) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(123) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(124) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(125) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(126) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(127) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(128) {
    display: none;
  }
  .top-banner .container .banner-slide {
    grid-template-columns: repeat(8, 1fr);
  }
  .top-banner .container .banner-material.mat-pos-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .top-banner .container .banner-material.mat-pos-2 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .top-banner .container .banner-material.mat-pos-3 {
    grid-column: 1/3;
    grid-row: 7/9;
  }
  .top-banner .container .banner-material.mat-pos-4 {
    grid-column: 7/9;
    grid-row: 1/2;
  }
  .top-banner .container .banner-material.mat-pos-5 {
    grid-column: 7/9;
    grid-row: 5/7;
  }
  .top-banner .container .banner-material.mat-pos-6 {
    grid-column: 7/9;
    grid-row: 7/9;
  }
  .top-banner .container .banner-model {
    width: 55%;
    height: 55%;
  }
  .top-banner .container .banner-desc {
    max-width: 18rem;
  }
  .top-banner .container .banner-desc p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 482px) {
  .top-banner .container {
    min-height: 90rem;
  }
  .top-banner .container .grid-bg {
    grid-template-columns: repeat(4, 1fr);
  }
  .top-banner .container .grid-bg .cell:nth-child(4n + 1):before,
  .top-banner .container .grid-bg .cell:nth-child(-n + 4):before {
    content: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(33) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(34) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(35) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(36) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(37) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(38) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(39) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(40) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(41) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(42) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(43) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(44) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(45) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(46) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(47) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(48) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(49) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(50) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(51) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(52) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(53) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(54) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(55) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(56) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(57) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(58) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(59) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(60) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(61) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(62) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(63) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(64) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(65) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(66) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(67) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(68) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(69) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(70) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(71) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(72) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(73) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(74) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(75) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(76) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(77) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(78) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(79) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(80) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(81) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(82) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(83) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(84) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(85) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(86) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(87) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(88) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(89) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(90) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(91) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(92) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(93) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(94) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(95) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(96) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(97) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(98) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(99) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(100) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(101) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(102) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(103) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(104) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(105) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(106) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(107) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(108) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(109) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(110) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(111) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(112) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(113) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(114) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(115) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(116) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(117) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(118) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(119) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(120) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(121) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(122) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(123) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(124) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(125) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(126) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(127) {
    display: none;
  }
  .top-banner .container .grid-bg .cell:nth-child(128) {
    display: none;
  }
  .top-banner .container .banner-slide {
    grid-template-columns: repeat(4, 1fr);
  }
  .top-banner .container .banner-material.mat-pos-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .top-banner .container .banner-material.mat-pos-2 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .top-banner .container .banner-material.mat-pos-3 {
    display: none;
  }
  .top-banner .container .banner-material.mat-pos-4 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .top-banner .container .banner-material.mat-pos-5 {
    grid-column: 3/5;
    grid-row: 5/6;
  }
  .top-banner .container .banner-material.mat-pos-6 {
    display: none;
  }
  .top-banner .container .banner-model {
    width: 70%;
    height: 45%;
  }
  .top-banner .container .banner-desc {
    top: 8%;
    max-width: 16rem;
  }
  .top-banner .container .banner-desc p {
    font-size: 1.6rem;
  }
  .top-banner .container .banner-title {
    top: 42%;
  }
  .top-banner .container .banner-title h1 {
    font-size: 6rem;
  }
  .top-banner .container .banner-shapes {
    bottom: 25%;
  }
  .top-banner .container .banner-bottom .banner-tagline {
    font-size: 1rem;
    max-width: 30rem;
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .top-banner .container .banner-slide .banner-material {
    display: none;
  }
  .top-banner .container .banner-desc {
    max-width: 40rem;
  }
}
@media only screen and (max-width: 482px) {
  .top-banner .container {
    min-height: 70rem;
  }
  .top-banner .container .grid-bg {
    opacity: 0.25;
  }
  .top-banner .container .banner-desc {
    top: 2.5%;
    left: 50%;
    transform: translate(-50%);
  }
  .top-banner .container .banner-title,
  .top-banner .container .banner-model {
    width: 100%;
  }
  .top-banner .container .banner-model {
    height: 50%;
  }
  .top-banner .container .banner-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    top: 30%;
    transform: translate(-50%, -30%);
  }
  .top-banner .container .banner-title h1 {
    grid-column: auto;
    grid-row: auto;
    display: none;
    white-space: normal;
    font-size: 4.5rem;
  }
  .top-banner .container .banner-title h1.active {
    display: block;
  }
  .top-banner .container .banner-arrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    width: 5rem;
    height: 5rem;
    z-index: 8;
  }
  .top-banner .container .banner-arrow svg {
    width: 2rem;
  }
  .top-banner .container .banner-bottom--desktop {
    display: none;
  }
  .top-banner .container .banner-bottom--mobile {
    display: flex;
    max-width: 100%;
  }
}