@charset "UTF-8";
h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5,
em, strong {
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
}

a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

.no-select {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.clear {
  display: block;
  float: none;
  clear: both;
}

html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

html, body {
  overscroll-behavior: none;
}

::-webkit-scrollbar {
  display: none;
}

* {
  scrollbar-width: none;
}

:root {
  --FS14: calc(14 * 0.0625rem);
  --FS16: calc(16 * 0.0625rem);
  --LH16: calc(18/16);
  --FS23: calc(23 * 0.0625rem);
  --LH23: calc(23/23);
  --FS32: calc(32 * 0.0625rem);
  --LH32: calc(32/32);
  --FS48: calc(48 * 0.0625rem);
  --LH48: calc(43/43);
  --FS56: calc(56 * 0.0625rem);
  --LH56: calc(50/56);
  --FS64: calc(64 * 0.0625rem);
  --LH64: calc(62/64);
  --FS80: calc(80 * 0.0625rem);
  --LH80: calc(80/80);
  --FS140: calc(140 * 0.0625rem);
  --LH140: calc(162/140);
}

:root {
  --GRID_MARGIN: calc(8 * 0.0625rem);
  --GRID_GUTTER: calc(8 * 0.0625rem);
  --FRONT_COLOR: #FF3C28;
  --3: calc(3 * 0.0625rem);
  --5: calc(5 * 0.0625rem);
  --8: calc(8 * 0.0625rem);
  --10: calc(10 * 0.0625rem);
  --15: calc(15 * 0.0625rem);
  --20: calc(20 * 0.0625rem);
  --25: calc(25 * 0.0625rem);
  --30: calc(30 * 0.0625rem);
  --35: calc(35 * 0.0625rem);
  --45: calc(45 * 0.0625rem);
  --60: calc(60 * 0.0625rem);
  --75: calc(75 * 0.0625rem);
  --85: calc(85 * 0.0625rem);
  --100: calc(100 * 0.0625rem);
  --115: calc(115 * 0.0625rem);
  --140: calc(140 * 0.0625rem);
  --175: calc(175 * 0.0625rem);
  --215: calc(215 * 0.0625rem);
  --MAX_HEIGHT: calc(100svh - var(--HEADER_HEIGHT) - var(--FOOTER_HEIGHT));
}

#main-grid,
#small-grid {
  display: grid;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--GRID_MARGIN);
  box-sizing: border-box;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--GRID_GUTTER);
  z-index: 10000;
  pointer-events: none;
}
#main-grid .col,
#small-grid .col {
  height: 100%;
  grid-column-end: span 1;
  background-color: rgba(0, 255, 255, 0.1);
}

#small-grid {
  visibility: hidden;
  padding: 0 var(--GRID_MARGIN);
  grid-template-columns: repeat(24, 1fr);
  column-gap: var(--GRID_GUTTER);
}
#small-grid .col {
  background-color: rgba(255, 0, 0, 0.1);
}

html {
  font-family: "EKRoumald";
  font-size: 16px;
  line-height: normal;
  visibility: hidden;
}

body {
  font-size: var(--FS16);
  line-height: 1;
  color: #FF3C28;
  background-color: #FFFFFF;
}

#product-id {
  display: none;
}

#main-container {
  min-height: var(--MAX_HEIGHT);
  padding: 0 var(--GRID_MARGIN);
  box-sizing: border-box;
}

header {
  position: sticky;
  top: 0;
  z-index: 1001;
  background-color: #FFFFFF;
}

#header-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding: 0 var(--GRID_GUTTER);
  box-sizing: border-box;
  fill: #FF3C28;
  transition: color ease-in-out 500ms, fill ease-in-out 500ms;
}
#header-menu .left {
  height: calc(38 * 0.0625rem);
}
#header-menu > .left,
#header-menu #main-nav {
  padding: var(--10) 0;
  box-sizing: border-box;
}
#header-menu svg {
  display: block;
  width: auto;
  height: calc(12 * 0.0625rem);
}
#header-menu svg path {
  fill: inherit;
}
#header-menu #main-logo {
  display: flex;
  column-gap: calc(4 * 0.0625rem);
  padding-top: calc(3 * 0.0625rem);
}
#header-menu #main-logo svg path {
  fill: #FF3C28 !important;
}
#header-menu #main-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: var(--GRID_GUTTER);
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
  z-index: 1;
}
#header-menu #main-nav a {
  display: block;
  white-space: nowrap;
  overflow: visible;
}
#header-menu #main-nav .right {
  display: flex;
  align-items: center;
  column-gap: var(--5);
}
#header-menu #main-nav .right .cart {
  cursor: pointer;
}
#header-menu #main-nav .right svg {
  height: calc(18 * 0.0625rem);
}
#header-menu #main-nav .right .contact {
  cursor: pointer;
}
#header-menu #right-panel,
#header-menu #contact-panel {
  position: fixed;
  width: 50%;
  height: 100svh;
  top: 0;
  right: 0;
  padding: var(--10);
  box-sizing: border-box;
  background-color: #FF3C28;
  color: black;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease-in-out 500ms;
}
#header-menu #right-panel .sub-nav,
#header-menu #right-panel .title,
#header-menu #contact-panel .sub-nav,
#header-menu #contact-panel .title {
  position: absolute;
  bottom: var(--5);
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  text-transform: uppercase;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease-in-out 500ms;
}
#header-menu #right-panel .sub-nav.open,
#header-menu #right-panel .title.open,
#header-menu #contact-panel .sub-nav.open,
#header-menu #contact-panel .title.open {
  opacity: 1;
  pointer-events: initial;
}
#header-menu #right-panel .sub-nav a,
#header-menu #right-panel .title a,
#header-menu #contact-panel .sub-nav a,
#header-menu #contact-panel .title a {
  display: block;
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
}
#header-menu #right-panel .close,
#header-menu #contact-panel .close {
  position: absolute;
  right: var(--10);
  bottom: var(--10);
  transform: translateY(0.25em) rotate(45deg);
  font-family: "EKRoumald";
  font-size: var(--FS80);
  line-height: var(--LH80);
  letter-spacing: -0.017em;
  line-height: 1;
  cursor: pointer;
}
#header-menu.open-right-panel, #header-menu.open-contact-panel {
  color: black;
  fill: black;
}
#header-menu.open-right-panel #main-nav, #header-menu.open-contact-panel #main-nav {
  position: fixed;
  top: 0 !important;
  left: calc(50% + var(--GRID_GUTTER) / 2) !important;
  width: calc(50% - var(--GRID_MARGIN) - var(--GRID_GUTTER) / 2) !important;
}
#header-menu.open-right-panel.open-right-panel #right-panel, #header-menu.open-contact-panel.open-right-panel #right-panel {
  opacity: 1;
  pointer-events: initial;
}
#header-menu.open-right-panel.open-contact-panel #contact-panel, #header-menu.open-contact-panel.open-contact-panel #contact-panel {
  opacity: 1;
  pointer-events: initial;
}
#header-menu #contact-panel #contact-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: calc(var(--COLUMN_WIDTH_SMALL) * 10 + var(--GRID_GUTTER) * 9 + var(--GRID_MARGIN) * 0);
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: var(--GRID_GUTTER);
}
#header-menu #contact-panel #contact-form .sa-hp {
  display: none;
}
#header-menu #contact-panel #contact-form .input {
  grid-column-end: span 5;
}
#header-menu #contact-panel #contact-form .input.large {
  grid-column-end: span 10;
}
#header-menu #contact-panel #contact-form input,
#header-menu #contact-panel #contact-form textarea {
  all: unset;
  width: 100%;
  padding: var(--15);
  box-sizing: border-box;
  border-radius: 0.25em;
}
#header-menu #contact-panel #contact-form input,
#header-menu #contact-panel #contact-form input::placeholder,
#header-menu #contact-panel #contact-form textarea,
#header-menu #contact-panel #contact-form textarea::placeholder,
#header-menu #contact-panel #contact-form #submit {
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
  background-color: #F0EBE6;
  color: #FF3C28;
}
#header-menu #contact-panel #contact-form textarea {
  min-height: 25svh;
}
#header-menu #contact-panel #contact-form input::placeholder,
#header-menu #contact-panel #contact-form textarea::placeholder {
  text-align: center;
}
#header-menu #contact-panel #contact-form #submit {
  position: relative;
  width: 100%;
  padding: var(--15);
  box-sizing: border-box;
  background: transparent;
  color: #000000;
  border: 1px solid;
  border-radius: 0.25em;
  text-align: center;
  cursor: pointer;
}
#header-menu #contact-panel #contact-form #submit svg {
  height: 2em;
  width: auto;
  position: absolute;
  right: var(--15);
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 721px) {
  #header-menu #contact-panel #contact-form #submit:hover {
    background-color: #000000;
    color: #FF3C28;
    border-color: #000000;
  }
  #header-menu #contact-panel #contact-form #submit:hover svg path {
    fill: #FF3C28;
  }
}
#header-menu #contact-panel #contact-form .error {
  grid-column-end: span 10;
  margin-top: var(--10);
  display: none;
}
#header-menu #contact-panel #contact-form .error.visible {
  display: block;
}
#header-menu #contact-panel .title {
  color: #000000;
  opacity: 1;
}

footer {
  position: relative;
  z-index: 1000;
  background-color: #FFFFFF;
}

#footer-menu {
  padding: var(--10) var(--GRID_GUTTER);
  box-sizing: border-box;
}
#footer-menu #footer-nav {
  display: flex;
  justify-content: space-between;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
}
#footer-menu #footer-nav a {
  display: block;
  white-space: nowrap;
  overflow: visible;
}
#footer-menu #footer-nav a.inactive {
  text-decoration: line-through;
  pointer-events: none;
}
#footer-menu #footer-nav .right {
  display: flex;
  align-items: center;
}

picture,
.video-container {
  display: block;
  width: 100%;
}
picture img,
picture video,
.video-container img,
.video-container video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.textarea a {
  text-decoration: underline;
}
.textarea p:not(:last-child) {
  margin-bottom: 1em;
}
.textarea em {
  font-family: "EKRoumald Italic";
  font-style: italic;
}
.textarea em strong {
  font-family: "EKRoumald BoldItalic";
}
.textarea strong {
  font-family: "EKRoumald Bold";
}
.textarea strong em {
  font-family: "EKRoumald BoldItalic";
  font-style: italic;
}
.textarea .align-right {
  display: block;
  text-align: right;
}

a {
  text-decoration: none;
}

.animated {
  display: block;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
}
.animated svg {
  width: unset !important;
  height: calc(15 * 0.0625rem) !important;
  margin-left: calc(3 * 0.0625rem);
  transform: translateY(calc(1 * 0.0625rem)) rotate(-45deg);
  transform-origin: center;
}
.animated svg path {
  fill: #FF3C28;
}
@media (min-width: 721px) {
  .animated:hover {
    letter-spacing: 0.017em !important;
    transition: letter-spacing ease-in-out 200ms;
  }
  .animated:hover svg {
    transform: translateY(calc(1 * 0.0625rem)) rotate(0deg);
    transition: transform ease-in-out 100ms;
  }
}

.anim-text .group {
  height: 1em;
  white-space: nowrap;
}
.anim-text .group .word-container {
  display: inline-block;
  overflow: hidden;
  height: 1em;
  height: 1.1em;
}
.anim-text .group .word-container .word {
  display: inline-block;
  transition: transform ease-in-out 600ms, opacity ease-in-out 600ms;
  opacity: 1;
  transform: translateY(0.1em);
}
.anim-text .group .word-container .word:has(svg) {
  transform: translateY(0.2em);
}
.anim-text .group.hidden .word {
  transform: translateY(125%);
  opacity: 0;
}
.anim-text .group.hidden .word:has(svg) {
  transform: translateY(150%);
}
.anim-text .group:nth-child(1) .word-container:nth-child(1) .word {
  transition-delay: calc(0ms + 0ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(2) .word {
  transition-delay: calc(0ms + 60ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(3) .word {
  transition-delay: calc(0ms + 120ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(4) .word {
  transition-delay: calc(0ms + 180ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(5) .word {
  transition-delay: calc(0ms + 240ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(6) .word {
  transition-delay: calc(0ms + 300ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(7) .word {
  transition-delay: calc(0ms + 360ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(8) .word {
  transition-delay: calc(0ms + 420ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(9) .word {
  transition-delay: calc(0ms + 480ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(10) .word {
  transition-delay: calc(0ms + 540ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(11) .word {
  transition-delay: calc(0ms + 600ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(12) .word {
  transition-delay: calc(0ms + 660ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(13) .word {
  transition-delay: calc(0ms + 720ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(14) .word {
  transition-delay: calc(0ms + 780ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(15) .word {
  transition-delay: calc(0ms + 840ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(16) .word {
  transition-delay: calc(0ms + 900ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(17) .word {
  transition-delay: calc(0ms + 960ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(18) .word {
  transition-delay: calc(0ms + 1020ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(19) .word {
  transition-delay: calc(0ms + 1080ms);
}
.anim-text .group:nth-child(1) .word-container:nth-child(20) .word {
  transition-delay: calc(0ms + 1140ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(1) .word {
  transition-delay: calc(240ms + 0ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(2) .word {
  transition-delay: calc(240ms + 60ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(3) .word {
  transition-delay: calc(240ms + 120ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(4) .word {
  transition-delay: calc(240ms + 180ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(5) .word {
  transition-delay: calc(240ms + 240ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(6) .word {
  transition-delay: calc(240ms + 300ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(7) .word {
  transition-delay: calc(240ms + 360ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(8) .word {
  transition-delay: calc(240ms + 420ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(9) .word {
  transition-delay: calc(240ms + 480ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(10) .word {
  transition-delay: calc(240ms + 540ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(11) .word {
  transition-delay: calc(240ms + 600ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(12) .word {
  transition-delay: calc(240ms + 660ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(13) .word {
  transition-delay: calc(240ms + 720ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(14) .word {
  transition-delay: calc(240ms + 780ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(15) .word {
  transition-delay: calc(240ms + 840ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(16) .word {
  transition-delay: calc(240ms + 900ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(17) .word {
  transition-delay: calc(240ms + 960ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(18) .word {
  transition-delay: calc(240ms + 1020ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(19) .word {
  transition-delay: calc(240ms + 1080ms);
}
.anim-text .group:nth-child(2) .word-container:nth-child(20) .word {
  transition-delay: calc(240ms + 1140ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(1) .word {
  transition-delay: calc(480ms + 0ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(2) .word {
  transition-delay: calc(480ms + 60ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(3) .word {
  transition-delay: calc(480ms + 120ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(4) .word {
  transition-delay: calc(480ms + 180ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(5) .word {
  transition-delay: calc(480ms + 240ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(6) .word {
  transition-delay: calc(480ms + 300ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(7) .word {
  transition-delay: calc(480ms + 360ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(8) .word {
  transition-delay: calc(480ms + 420ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(9) .word {
  transition-delay: calc(480ms + 480ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(10) .word {
  transition-delay: calc(480ms + 540ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(11) .word {
  transition-delay: calc(480ms + 600ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(12) .word {
  transition-delay: calc(480ms + 660ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(13) .word {
  transition-delay: calc(480ms + 720ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(14) .word {
  transition-delay: calc(480ms + 780ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(15) .word {
  transition-delay: calc(480ms + 840ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(16) .word {
  transition-delay: calc(480ms + 900ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(17) .word {
  transition-delay: calc(480ms + 960ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(18) .word {
  transition-delay: calc(480ms + 1020ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(19) .word {
  transition-delay: calc(480ms + 1080ms);
}
.anim-text .group:nth-child(3) .word-container:nth-child(20) .word {
  transition-delay: calc(480ms + 1140ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(1) .word {
  transition-delay: calc(720ms + 0ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(2) .word {
  transition-delay: calc(720ms + 60ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(3) .word {
  transition-delay: calc(720ms + 120ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(4) .word {
  transition-delay: calc(720ms + 180ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(5) .word {
  transition-delay: calc(720ms + 240ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(6) .word {
  transition-delay: calc(720ms + 300ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(7) .word {
  transition-delay: calc(720ms + 360ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(8) .word {
  transition-delay: calc(720ms + 420ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(9) .word {
  transition-delay: calc(720ms + 480ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(10) .word {
  transition-delay: calc(720ms + 540ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(11) .word {
  transition-delay: calc(720ms + 600ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(12) .word {
  transition-delay: calc(720ms + 660ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(13) .word {
  transition-delay: calc(720ms + 720ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(14) .word {
  transition-delay: calc(720ms + 780ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(15) .word {
  transition-delay: calc(720ms + 840ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(16) .word {
  transition-delay: calc(720ms + 900ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(17) .word {
  transition-delay: calc(720ms + 960ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(18) .word {
  transition-delay: calc(720ms + 1020ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(19) .word {
  transition-delay: calc(720ms + 1080ms);
}
.anim-text .group:nth-child(4) .word-container:nth-child(20) .word {
  transition-delay: calc(720ms + 1140ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(1) .word {
  transition-delay: calc(960ms + 0ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(2) .word {
  transition-delay: calc(960ms + 60ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(3) .word {
  transition-delay: calc(960ms + 120ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(4) .word {
  transition-delay: calc(960ms + 180ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(5) .word {
  transition-delay: calc(960ms + 240ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(6) .word {
  transition-delay: calc(960ms + 300ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(7) .word {
  transition-delay: calc(960ms + 360ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(8) .word {
  transition-delay: calc(960ms + 420ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(9) .word {
  transition-delay: calc(960ms + 480ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(10) .word {
  transition-delay: calc(960ms + 540ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(11) .word {
  transition-delay: calc(960ms + 600ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(12) .word {
  transition-delay: calc(960ms + 660ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(13) .word {
  transition-delay: calc(960ms + 720ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(14) .word {
  transition-delay: calc(960ms + 780ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(15) .word {
  transition-delay: calc(960ms + 840ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(16) .word {
  transition-delay: calc(960ms + 900ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(17) .word {
  transition-delay: calc(960ms + 960ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(18) .word {
  transition-delay: calc(960ms + 1020ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(19) .word {
  transition-delay: calc(960ms + 1080ms);
}
.anim-text .group:nth-child(5) .word-container:nth-child(20) .word {
  transition-delay: calc(960ms + 1140ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(1) .word {
  transition-delay: calc(1200ms + 0ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(2) .word {
  transition-delay: calc(1200ms + 60ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(3) .word {
  transition-delay: calc(1200ms + 120ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(4) .word {
  transition-delay: calc(1200ms + 180ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(5) .word {
  transition-delay: calc(1200ms + 240ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(6) .word {
  transition-delay: calc(1200ms + 300ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(7) .word {
  transition-delay: calc(1200ms + 360ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(8) .word {
  transition-delay: calc(1200ms + 420ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(9) .word {
  transition-delay: calc(1200ms + 480ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(10) .word {
  transition-delay: calc(1200ms + 540ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(11) .word {
  transition-delay: calc(1200ms + 600ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(12) .word {
  transition-delay: calc(1200ms + 660ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(13) .word {
  transition-delay: calc(1200ms + 720ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(14) .word {
  transition-delay: calc(1200ms + 780ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(15) .word {
  transition-delay: calc(1200ms + 840ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(16) .word {
  transition-delay: calc(1200ms + 900ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(17) .word {
  transition-delay: calc(1200ms + 960ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(18) .word {
  transition-delay: calc(1200ms + 1020ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(19) .word {
  transition-delay: calc(1200ms + 1080ms);
}
.anim-text .group:nth-child(6) .word-container:nth-child(20) .word {
  transition-delay: calc(1200ms + 1140ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(1) .word {
  transition-delay: calc(1440ms + 0ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(2) .word {
  transition-delay: calc(1440ms + 60ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(3) .word {
  transition-delay: calc(1440ms + 120ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(4) .word {
  transition-delay: calc(1440ms + 180ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(5) .word {
  transition-delay: calc(1440ms + 240ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(6) .word {
  transition-delay: calc(1440ms + 300ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(7) .word {
  transition-delay: calc(1440ms + 360ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(8) .word {
  transition-delay: calc(1440ms + 420ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(9) .word {
  transition-delay: calc(1440ms + 480ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(10) .word {
  transition-delay: calc(1440ms + 540ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(11) .word {
  transition-delay: calc(1440ms + 600ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(12) .word {
  transition-delay: calc(1440ms + 660ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(13) .word {
  transition-delay: calc(1440ms + 720ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(14) .word {
  transition-delay: calc(1440ms + 780ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(15) .word {
  transition-delay: calc(1440ms + 840ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(16) .word {
  transition-delay: calc(1440ms + 900ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(17) .word {
  transition-delay: calc(1440ms + 960ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(18) .word {
  transition-delay: calc(1440ms + 1020ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(19) .word {
  transition-delay: calc(1440ms + 1080ms);
}
.anim-text .group:nth-child(7) .word-container:nth-child(20) .word {
  transition-delay: calc(1440ms + 1140ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(1) .word {
  transition-delay: calc(1680ms + 0ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(2) .word {
  transition-delay: calc(1680ms + 60ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(3) .word {
  transition-delay: calc(1680ms + 120ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(4) .word {
  transition-delay: calc(1680ms + 180ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(5) .word {
  transition-delay: calc(1680ms + 240ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(6) .word {
  transition-delay: calc(1680ms + 300ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(7) .word {
  transition-delay: calc(1680ms + 360ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(8) .word {
  transition-delay: calc(1680ms + 420ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(9) .word {
  transition-delay: calc(1680ms + 480ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(10) .word {
  transition-delay: calc(1680ms + 540ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(11) .word {
  transition-delay: calc(1680ms + 600ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(12) .word {
  transition-delay: calc(1680ms + 660ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(13) .word {
  transition-delay: calc(1680ms + 720ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(14) .word {
  transition-delay: calc(1680ms + 780ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(15) .word {
  transition-delay: calc(1680ms + 840ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(16) .word {
  transition-delay: calc(1680ms + 900ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(17) .word {
  transition-delay: calc(1680ms + 960ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(18) .word {
  transition-delay: calc(1680ms + 1020ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(19) .word {
  transition-delay: calc(1680ms + 1080ms);
}
.anim-text .group:nth-child(8) .word-container:nth-child(20) .word {
  transition-delay: calc(1680ms + 1140ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(1) .word {
  transition-delay: calc(1920ms + 0ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(2) .word {
  transition-delay: calc(1920ms + 60ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(3) .word {
  transition-delay: calc(1920ms + 120ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(4) .word {
  transition-delay: calc(1920ms + 180ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(5) .word {
  transition-delay: calc(1920ms + 240ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(6) .word {
  transition-delay: calc(1920ms + 300ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(7) .word {
  transition-delay: calc(1920ms + 360ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(8) .word {
  transition-delay: calc(1920ms + 420ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(9) .word {
  transition-delay: calc(1920ms + 480ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(10) .word {
  transition-delay: calc(1920ms + 540ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(11) .word {
  transition-delay: calc(1920ms + 600ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(12) .word {
  transition-delay: calc(1920ms + 660ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(13) .word {
  transition-delay: calc(1920ms + 720ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(14) .word {
  transition-delay: calc(1920ms + 780ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(15) .word {
  transition-delay: calc(1920ms + 840ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(16) .word {
  transition-delay: calc(1920ms + 900ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(17) .word {
  transition-delay: calc(1920ms + 960ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(18) .word {
  transition-delay: calc(1920ms + 1020ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(19) .word {
  transition-delay: calc(1920ms + 1080ms);
}
.anim-text .group:nth-child(9) .word-container:nth-child(20) .word {
  transition-delay: calc(1920ms + 1140ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(1) .word {
  transition-delay: calc(2160ms + 0ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(2) .word {
  transition-delay: calc(2160ms + 60ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(3) .word {
  transition-delay: calc(2160ms + 120ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(4) .word {
  transition-delay: calc(2160ms + 180ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(5) .word {
  transition-delay: calc(2160ms + 240ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(6) .word {
  transition-delay: calc(2160ms + 300ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(7) .word {
  transition-delay: calc(2160ms + 360ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(8) .word {
  transition-delay: calc(2160ms + 420ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(9) .word {
  transition-delay: calc(2160ms + 480ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(10) .word {
  transition-delay: calc(2160ms + 540ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(11) .word {
  transition-delay: calc(2160ms + 600ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(12) .word {
  transition-delay: calc(2160ms + 660ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(13) .word {
  transition-delay: calc(2160ms + 720ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(14) .word {
  transition-delay: calc(2160ms + 780ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(15) .word {
  transition-delay: calc(2160ms + 840ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(16) .word {
  transition-delay: calc(2160ms + 900ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(17) .word {
  transition-delay: calc(2160ms + 960ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(18) .word {
  transition-delay: calc(2160ms + 1020ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(19) .word {
  transition-delay: calc(2160ms + 1080ms);
}
.anim-text .group:nth-child(10) .word-container:nth-child(20) .word {
  transition-delay: calc(2160ms + 1140ms);
}

*.mobile {
  display: none;
}

sup {
  font-size: 0.8em;
  display: inline-block;
}

#snipcart .snipcart-modal__container {
  padding-top: var(--HEADER_HEIGHT);
  padding-bottom: var(--FOOTER_HEIGHT);
}

.template-page-home #main-container {
  padding: 0;
}
.template-page-home #main-container > header #header-menu .left {
  visibility: hidden;
}
.template-page-home #main-container > header.fixed #header-menu #main-nav {
  position: fixed;
  top: 50%;
  left: calc(50% + var(--GRID_GUTTER) / 2);
  width: calc(50% - var(--GRID_MARGIN) - var(--GRID_GUTTER) / 2);
}
.template-page-home #main-container > header.fixed #header-menu #main-nav .cart {
  visibility: hidden;
  pointer-events: none;
}
.template-page-home #sismann-copy {
  display: flex;
  position: fixed;
  top: var(--25);
  width: 100%;
  transform-origin: top left;
  z-index: 1002;
  display: none;
}
.template-page-home #sismann-copy svg {
  width: auto;
  height: calc(100 * 0.0625rem);
  position: absolute;
  transform: translateX(-50%);
}
.template-page-home #sismann-copy svg:first-child {
  left: 25%;
}
.template-page-home #sismann-copy svg:last-child {
  left: 75%;
}
.template-page-home #sismann-copy svg path {
  fill: #FF3C28;
}
.template-page-home #section-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.template-page-home #section-header .left,
.template-page-home #section-header .right {
  position: relative;
  grid-column-end: span 1;
}
.template-page-home #section-header .left picture,
.template-page-home #section-header .right picture {
  aspect-ratio: 720/1024;
}
.template-page-home #section-header .left #svg-gabriela,
.template-page-home #section-header .left #svg-sismann,
.template-page-home #section-header .right #svg-gabriela,
.template-page-home #section-header .right #svg-sismann {
  position: fixed;
  top: var(--25);
  left: 25%;
  transform: translateX(-50%);
}
.template-page-home #section-header .left #svg-gabriela svg,
.template-page-home #section-header .left #svg-sismann svg,
.template-page-home #section-header .right #svg-gabriela svg,
.template-page-home #section-header .right #svg-sismann svg {
  display: block;
  width: auto;
  height: calc(100 * 0.0625rem);
  shape-rendering: geometricPrecision;
  backface-visibility: hidden;
}
.template-page-home #section-header .left #svg-gabriela svg path,
.template-page-home #section-header .left #svg-sismann svg path,
.template-page-home #section-header .right #svg-gabriela svg path,
.template-page-home #section-header .right #svg-sismann svg path {
  fill: #FF3C28;
}
.template-page-home #section-header .left #normal-scroll.fixed,
.template-page-home #section-header .right #normal-scroll.fixed {
  position: fixed;
  bottom: 0;
  width: 50%;
}
.template-page-home #section-header .left.right #svg-sismann,
.template-page-home #section-header .right.right #svg-sismann {
  left: 75%;
  top: unset;
  bottom: var(--25);
}
.template-page-home #section-header .left.right #inverse-scroll,
.template-page-home #section-header .right.right #inverse-scroll {
  position: fixed;
  will-change: transform;
  transform: translateZ(0);
}
.template-page-home #section-products {
  position: relative;
  padding: 0 var(--GRID_MARGIN);
  box-sizing: border-box;
  z-index: 1;
  background-color: #FFFFFF;
}
.template-page-home #section-products .intro,
.template-page-home #section-products .outro {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  text-transform: uppercase;
}
.template-page-home #section-products .intro {
  padding-top: var(--85);
  padding-bottom: var(--25);
}
.template-page-home #section-products .outro {
  padding-left: calc(var(--COLUMN_WIDTH) * 4 + var(--GRID_GUTTER) * 4 + var(--GRID_MARGIN) * 0);
  padding-top: var(--15);
  padding-bottom: var(--215);
}
.template-page-home #section-products .outro > :nth-child(2) {
  text-align: right;
}
.template-page-home #section-products .outro svg {
  display: inline-block;
  width: auto;
  height: calc(48 * 0.0625rem);
  margin-left: 0.15em;
}
.template-page-home #section-products .outro svg path {
  fill: #FF3C28;
}
.template-page-home #section-products .carrousel picture {
  position: relative;
  aspect-ratio: 470/620;
}
.template-page-home #section-products .carrousel picture::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FF3C28;
  mix-blend-mode: lighten;
  opacity: 0.8;
}
@media (min-width: 721px) {
  .template-page-home #section-products .carrousel picture:hover::after {
    opacity: 0;
    transition: opacity ease-in-out 200ms;
  }
}

.template-page-history > header {
  position: fixed;
  width: 100%;
  background-color: unset;
}
.template-page-history > header .left {
  background-color: #FFFFFF;
}
.template-page-history > header.white {
  background-color: #FFFFFF;
}
.template-page-history #main-container > .row {
  --COLS: 2;
}
.template-page-history #main-container > .row > .col > .row {
  --COLS: 12;
}
.template-page-history #main-container .row {
  display: grid;
  grid-template-columns: repeat(var(--COLS), 1fr);
  gap: var(--GRID_GUTTER);
  margin-bottom: var(--GRID_GUTTER);
}
.template-page-history #main-container .row:has(.text) {
  margin-bottom: var(--140);
}
.template-page-history #main-container .row:not(:has(.row:nth-child(2) .text)) .row, .template-page-history #main-container .row:not(:has(.row:nth-child(2) .text)) .text {
  margin-bottom: 0;
}
.template-page-history #main-container .row:has(> .col:nth-child(2)) > .col {
  grid-column-end: span calc(var(--COLS) / 2);
}
.template-page-history #main-container .row:has(> .col:nth-child(2)) > .col .text {
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-page-history #main-container .row:has(> .col:nth-child(2)) > .col picture {
  aspect-ratio: 350/465;
}
.template-page-history #main-container .row:not(:has(> .col:nth-child(2))) > .col {
  grid-column-end: span var(--COLS);
}
.template-page-history #main-container .row:not(:has(> .col:nth-child(2))) > .col .anim-text .group {
  height: 0.95em;
}
.template-page-history #main-container .row:not(:has(> .col:nth-child(2))) > .col .text {
  font-family: "EKRoumald";
  font-size: var(--FS56);
  line-height: var(--LH56);
  letter-spacing: -0.017em;
}
.template-page-history #main-container .row:not(:has(> .col:nth-child(2))) > .col picture {
  aspect-ratio: 720/1024;
}
.template-page-history #main-container > .row:has(picture) {
  min-height: 100svh;
}
.template-page-history #main-container > .row:has(picture):not(:has(.col .col:nth-child(2) .text)) .col:has(.text) {
  align-self: end;
}
.template-page-history #main-container > .row:nth-child(1) > .col:nth-child(1) {
  padding-top: calc(var(--HEADER_HEIGHT) + var(--75));
}
.template-page-history #main-container > .row:nth-child(1) > .col:nth-child(2) picture {
  position: relative;
  width: calc(100% + var(--GRID_MARGIN) + var(--GRID_GUTTER) / 2);
  left: calc(var(--GRID_GUTTER) / 2 * -1);
}
.template-page-history #main-container > .row:nth-child(1) > .col > .row > .col:not(:has(*)) {
  grid-column-end: span 5;
}

.template-page-press #main-container .top {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding-top: var(--85);
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-page-press #main-container .top > div {
  grid-column-end: span 4;
  padding-right: calc(var(--COLUMN_WIDTH) / 2);
}
.template-page-press #main-container .top > div .intro {
  margin-bottom: calc(40 * 0.0625rem);
}
.template-page-press #main-container .top > div .links a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: var(--8) 0;
  border-bottom: 1px solid;
}
.template-page-press .footer-image {
  margin-top: var(--115);
}

.template-page-products #section-filters {
  margin-top: var(--25);
  margin-top: 0;
  padding-bottom: var(--25);
  padding-bottom: var(--10);
  margin-bottom: var(--15);
  background-color: #FFFFFF;
  position: sticky;
  top: calc(var(--HEADER_HEIGHT) + 0 * 0.0625rem);
  z-index: 10;
  background-color: #FFFFFF;
}
.template-page-products #section-filters .animated {
  cursor: pointer;
}
.template-page-products #section-filters .animated svg {
  transform: translateY(calc(1 * 0.0625rem)) rotate(45deg);
}
@media (min-width: 721px) {
  .template-page-products #section-filters .animated:hover {
    font-family: "EKRoumald";
    font-size: var(--FS16);
    line-height: var(--LH16);
    letter-spacing: -0.017em;
    line-height: 1;
  }
  .template-page-products #section-filters .animated:hover svg {
    transform: translateY(calc(1 * 0.0625rem)) rotate(0deg);
  }
}
.template-page-products #section-filters.open-desktop #filters {
  max-height: 100vh;
}
.template-page-products #section-filters #filters {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--GRID_GUTTER);
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  transition: max-height ease-in-out 800ms;
  max-height: 0;
  overflow: hidden;
}
.template-page-products #section-filters #filters .col {
  grid-column-end: span 2;
  margin-top: var(--15);
}
.template-page-products #section-filters #filters .col:last-child {
  grid-column-end: span 4;
}
.template-page-products #section-filters #filters .col h3 {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: var(--3) 0;
  box-sizing: border-box;
  margin-bottom: var(--15);
}
.template-page-products #section-filters #filters .col .filter {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.template-page-products #section-filters #filters .col .filter::before {
  content: "";
  display: block;
  height: 0.8em;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 1px solid;
  box-sizing: border-box;
  margin-right: var(--5);
}
.template-page-products #section-filters #filters .col .filter.active::before {
  background-color: #FF3C28;
}
@media (min-width: 721px) {
  .template-page-products #section-filters #filters .col .filter:hover::before {
    background-color: #FF3C28;
  }
}
.template-page-products #section-filters #filters .col[filter=material] .columns {
  columns: 2;
  gap: var(--GRID_GUTTER);
}
.template-page-products #section-filters #filters .col sup {
  transform: translateY(-0.3em);
}
.template-page-products #section-products {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--25) var(--GRID_GUTTER);
  margin-bottom: var(--25);
}
.template-page-products #section-products .product {
  position: relative;
  grid-column-end: span 3;
}
.template-page-products #section-products .product.hide {
  display: none;
}
.template-page-products #section-products .product picture {
  position: relative;
  aspect-ratio: 708/906;
  z-index: 1;
  transition: opacity ease-in-out 500ms;
}
.template-page-products #section-products .product picture:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (min-width: 721px) {
  .template-page-products #section-products .product:hover:has(picture:nth-child(2)) picture:nth-child(1) {
    opacity: 0;
  }
}
.template-page-products #section-products .product h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  margin-top: var(--5);
}
.template-page-products #section-products .product h2 span:nth-child(2) {
  font-family: "EKRoumald Bold";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
  position: relative;
}
.template-page-products #section-products .product h2 span:nth-child(2):hover {
  color: #FFFFFF;
}
.template-page-products #section-products .product h2 span:nth-child(2):hover::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #FF3C28;
  width: 0.66em;
  height: 0.66em;
  border-radius: 100%;
  z-index: -1;
}
.template-page-products #section-products .product .sold {
  position: absolute;
  top: var(--GRID_GUTTER);
  left: var(--GRID_GUTTER);
  background-color: #FF3C28;
  color: #FFFFFF;
  border-radius: 10em;
  padding: 0.25em 0.5em;
  z-index: 1;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
}

.template-page-contact #main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--GRID_GUTTER);
  min-height: unset;
}
.template-page-contact #main-container .left {
  grid-column-end: span 1;
  padding-right: calc(var(--COLUMN_WIDTH) / 2);
  padding-top: var(--85);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: var(--175);
}
.template-page-contact #main-container .left .text {
  font-family: "EKRoumald";
  font-size: var(--FS48);
  line-height: var(--LH48);
  letter-spacing: -0.017em;
  margin-bottom: var(--85);
}
.template-page-contact #main-container .left .contacts {
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-page-contact #main-container .left .contacts h3 {
  text-transform: uppercase;
  padding: var(--10) 0;
  border-bottom: 1px solid;
}
.template-page-contact #main-container .left .contacts a, .template-page-contact #main-container .left .contacts div {
  display: block;
  padding: var(--10) 0;
  border-bottom: 1px solid;
}
.template-page-contact #main-container .bottom {
  grid-column-end: span 2;
  grid-column-start: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--GRID_GUTTER);
}
.template-page-contact #main-container .bottom a {
  display: block;
  grid-column-end: span 1;
  position: relative;
  aspect-ratio: 1/1;
}
.template-page-contact #main-container .bottom a h4 {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  text-transform: uppercase;
  position: absolute;
  left: var(--10);
  bottom: var(--GRID_GUTTER);
  color: #000000;
  z-index: 1;
  padding-right: calc(var(--COLUMN_WIDTH) * 2 + var(--GRID_GUTTER) * 1 + var(--GRID_MARGIN) * 0);
  box-sizing: border-box;
}
.template-page-contact #main-container .bottom a::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FF3C28;
  mix-blend-mode: lighten;
}
@media (min-width: 721px) {
  .template-page-contact #main-container .bottom a:hover::after {
    opacity: 0;
    transition: opacity ease-in-out 200ms;
  }
  .template-page-contact #main-container .bottom a:hover h4 {
    color: #FF3C28;
  }
}
.template-page-contact .calendar-container {
  grid-column-end: span 1;
  padding-top: var(--85);
  box-sizing: border-box;
  margin-bottom: var(--175);
}
.template-page-contact .calendar-container .dispo,
.template-page-contact .calendar-container .no-dispo {
  display: flex;
  position: absolute;
  padding-top: 1em;
}
.template-page-contact .calendar-container .dispo::before,
.template-page-contact .calendar-container .no-dispo::before {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  border-radius: 0.25em;
  background-color: #FF3C28;
}
.template-page-contact .calendar-container .dispo.no-dispo,
.template-page-contact .calendar-container .no-dispo.no-dispo {
  padding-top: 2.25em;
}
.template-page-contact .calendar-container .dispo.no-dispo::before,
.template-page-contact .calendar-container .no-dispo.no-dispo::before {
  background-color: #F0EBE6;
}
.template-page-contact .agenda-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--GRID_GUTTER);
}
.template-page-contact .agenda-jour,
.template-page-contact .agenda-mois {
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  padding: var(--8) 0;
  border-radius: 0.25em;
  background-color: #F0EBE6;
}
.template-page-contact .agenda-mois {
  grid-column-end: span 7;
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
  line-height: 1;
  padding: var(--10) 0;
  display: flex;
  justify-content: space-between;
}
.template-page-contact .agenda-mois svg {
  display: block;
  height: 1em;
  cursor: pointer;
}
.template-page-contact .agenda-mois svg path {
  fill: #FF3C28;
}
.template-page-contact .agenda-mois svg:first-child {
  transform: rotate(-180deg);
  transform-origin: center;
}
.template-page-contact .agenda-case {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  line-height: 1;
  text-align: center;
  padding: var(--15) 0;
  border-radius: 0.1em;
  cursor: pointer;
}
.template-page-contact .agenda-case--vide {
  background-color: #F0EBE6;
  cursor: initial;
}
.template-page-contact .agenda-case--libre {
  color: #F0EBE6;
  background-color: #FF3C28;
}
.template-page-contact .agenda-case--indisponible {
  background-color: #F0EBE6;
}

.template-page-faq #main-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding-top: var(--85);
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-page-faq #main-container h1, .template-page-faq #main-container h2, .template-page-faq #main-container h2 > a {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
}
.template-page-faq #main-container .left {
  grid-column-end: span 2;
}
.template-page-faq #main-container .right {
  grid-column-end: span 10;
}
.template-page-faq #main-container .accordion1 {
  overflow: hidden;
}
.template-page-faq #main-container .accordion1:first-child h2 {
  padding-top: 0;
}
.template-page-faq #main-container .accordion1 h2 {
  padding: var(--10) 0;
  border-bottom: 1px solid;
  cursor: pointer;
}
.template-page-faq #main-container .accordion1 h2 a {
  display: flex;
  justify-content: space-between;
  letter-spacing: -0.017em !important;
}
.template-page-faq #main-container .accordion1 h2 a svg {
  width: unset !important;
  height: calc(58 * 0.0625rem) !important;
  transform: translateY(calc(6 * 0.0625rem)) rotate(0deg);
}
@media (min-width: 721px) {
  .template-page-faq #main-container .accordion1 h2 a:hover svg {
    transform: translateY(calc(6 * 0.0625rem)) rotate(45deg);
    transition: transform ease-in-out 100ms;
  }
}
.template-page-faq #main-container .accordion1 .accordion-content {
  max-height: 0;
  transition: max-height ease-in-out 250ms;
}
.template-page-faq #main-container .accordion1:not(.active) .accordion-content {
  max-height: 0 !important;
}
.template-page-faq #main-container .accordion2 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding: var(--20) 0;
  border-bottom: 1px solid;
  cursor: pointer;
  overflow: hidden;
}
.template-page-faq #main-container .accordion2 .question {
  grid-column-end: span 4;
}
.template-page-faq #main-container .accordion2 .answer {
  grid-column-end: span 6;
  padding: 0 calc(var(--COLUMN_WIDTH) / 2);
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  transition: max-height ease-in-out 250ms, opacity ease-in-out 250ms;
}
.template-page-faq #main-container .accordion2::after {
  position: absolute;
  display: block;
  content: "+";
  right: 0;
  top: calc(16 * 0.0625rem);
  font-family: "EKRoumald";
  font-size: var(--FS32);
  line-height: var(--LH32);
  letter-spacing: -0.017em;
  line-height: 1;
}
.template-page-faq #main-container .accordion2.active .answer {
  opacity: 1;
}
.template-page-faq #main-container .accordion2.active::after {
  content: "–";
}
.template-page-faq #main-container .accordion2:not(.active) .answer {
  max-height: 0 !important;
}
.template-page-faq .footer-image {
  margin-top: var(--115);
}

.template-page-credits #main-container {
  padding-top: var(--85);
}
.template-page-credits #main-container .top {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--GRID_GUTTER);
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-page-credits #main-container .top .left {
  grid-column-end: span 2;
}
.template-page-credits #main-container .top .left h1 {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
}
.template-page-credits #main-container .top .right {
  grid-column-start: 7;
  grid-column-end: span 5;
}
.template-page-credits #main-container .top .right a {
  text-decoration: none;
}
@media (min-width: 721px) {
  .template-page-credits #main-container .top .right a:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
  }
}
.template-page-credits .footer-image {
  margin-top: var(--115);
}

.template-page-mentions #main-container,
.template-page-policy #main-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding-top: var(--85);
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
}
.template-page-mentions #main-container h1,
.template-page-policy #main-container h1 {
  text-transform: uppercase;
}
.template-page-mentions #main-container h2,
.template-page-policy #main-container h2 {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  line-height: 1;
}
.template-page-mentions #main-container > .left,
.template-page-policy #main-container > .left {
  grid-column-end: span 2;
}
.template-page-mentions #main-container > .right,
.template-page-policy #main-container > .right {
  grid-column-end: span 4;
}
.template-page-mentions #main-container .mentions,
.template-page-mentions #main-container .policies,
.template-page-policy #main-container .mentions,
.template-page-policy #main-container .policies {
  grid-column-end: span 12;
  margin-top: var(--175);
}
.template-page-mentions #main-container .mentions .mention,
.template-page-mentions #main-container .mentions .policy,
.template-page-mentions #main-container .policies .mention,
.template-page-mentions #main-container .policies .policy,
.template-page-policy #main-container .mentions .mention,
.template-page-policy #main-container .mentions .policy,
.template-page-policy #main-container .policies .mention,
.template-page-policy #main-container .policies .policy {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding: var(--20) 0;
  border-top: 1px solid;
  box-sizing: border-box;
}
.template-page-mentions #main-container .mentions .mention:last-child,
.template-page-mentions #main-container .mentions .policy:last-child,
.template-page-mentions #main-container .policies .mention:last-child,
.template-page-mentions #main-container .policies .policy:last-child,
.template-page-policy #main-container .mentions .mention:last-child,
.template-page-policy #main-container .mentions .policy:last-child,
.template-page-policy #main-container .policies .mention:last-child,
.template-page-policy #main-container .policies .policy:last-child {
  border-bottom: 1px solid;
}
.template-page-mentions #main-container .mentions .mention > *,
.template-page-mentions #main-container .mentions .policy > *,
.template-page-mentions #main-container .policies .mention > *,
.template-page-mentions #main-container .policies .policy > *,
.template-page-policy #main-container .mentions .mention > *,
.template-page-policy #main-container .mentions .policy > *,
.template-page-policy #main-container .policies .mention > *,
.template-page-policy #main-container .policies .policy > * {
  grid-column-end: span 6;
}
.template-page-mentions #main-container .mentions .mention .textarea,
.template-page-mentions #main-container .mentions .policy .textarea,
.template-page-mentions #main-container .policies .mention .textarea,
.template-page-mentions #main-container .policies .policy .textarea,
.template-page-policy #main-container .mentions .mention .textarea,
.template-page-policy #main-container .mentions .policy .textarea,
.template-page-policy #main-container .policies .mention .textarea,
.template-page-policy #main-container .policies .policy .textarea {
  padding: var(--25) 0;
  padding-top: var(--30);
}
.template-page-mentions #main-container .mentions .mention .textarea a,
.template-page-mentions #main-container .mentions .policy .textarea a,
.template-page-mentions #main-container .policies .mention .textarea a,
.template-page-mentions #main-container .policies .policy .textarea a,
.template-page-policy #main-container .mentions .mention .textarea a,
.template-page-policy #main-container .mentions .policy .textarea a,
.template-page-policy #main-container .policies .mention .textarea a,
.template-page-policy #main-container .policies .policy .textarea a {
  text-decoration: none;
}
@media (min-width: 721px) {
  .template-page-mentions #main-container .mentions .mention .textarea a:hover,
  .template-page-mentions #main-container .mentions .policy .textarea a:hover,
  .template-page-mentions #main-container .policies .mention .textarea a:hover,
  .template-page-mentions #main-container .policies .policy .textarea a:hover,
  .template-page-policy #main-container .mentions .mention .textarea a:hover,
  .template-page-policy #main-container .mentions .policy .textarea a:hover,
  .template-page-policy #main-container .policies .mention .textarea a:hover,
  .template-page-policy #main-container .policies .policy .textarea a:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
  }
}
.template-page-mentions .footer-image,
.template-page-policy .footer-image {
  margin-top: var(--115);
}

.template-single-category > header {
  position: fixed;
  width: 100%;
  background-color: unset;
}
.template-single-category > header.white {
  background-color: #FFFFFF;
}
.template-single-category #main-container {
  padding: 0;
  min-height: calc(100svh - var(--FOOTER_HEIGHT));
}
.template-single-category #section-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.template-single-category #section-header .left,
.template-single-category #section-header .right {
  position: relative;
  grid-column-end: span 1;
}
.template-single-category #section-header .left picture img,
.template-single-category #section-header .right picture img {
  height: 100svh;
}
.template-single-category #section-header h1 {
  position: fixed;
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  text-transform: uppercase;
  top: var(--5);
  left: 25%;
  transform: translateX(-50%);
  z-index: 2;
}
.template-single-category #section-products {
  padding: var(--175) var(--GRID_MARGIN);
}
.template-single-category #section-products .row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--GRID_GUTTER);
  margin-bottom: var(--25);
}
.template-single-category #section-products .row .product {
  position: relative;
  grid-column-end: span 6;
}
.template-single-category #section-products .row .product picture {
  position: relative;
  aspect-ratio: 708/906;
  z-index: 1;
  transition: opacity ease-in-out 500ms;
}
.template-single-category #section-products .row .product picture:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (min-width: 721px) {
  .template-single-category #section-products .row .product:hover:has(picture:nth-child(2)) picture:nth-child(1) {
    opacity: 0;
  }
}
.template-single-category #section-products .row .product h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  margin-top: var(--5);
}
.template-single-category #section-products .row .product h2 span:nth-child(2) {
  position: relative;
  font-family: "EKRoumald Bold";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-single-category #section-products .row .product h2 span:nth-child(2):hover {
  color: #FFFFFF;
}
.template-single-category #section-products .row .product h2 span:nth-child(2):hover::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #FF3C28;
  width: 0.66em;
  height: 0.66em;
  border-radius: 100%;
  z-index: -1;
}
.template-single-category #section-products .row .product .sold {
  position: absolute;
  top: var(--GRID_GUTTER);
  left: var(--GRID_GUTTER);
  background-color: #FF3C28;
  color: #FFFFFF;
  border-radius: 10em;
  padding: 0.25em 0.5em;
  z-index: 1;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
}
.template-single-category #section-products .row.row-1.variant-1 .product {
  grid-column-start: 7;
}
.template-single-category #section-products .row.row-2.variant-0 .product:nth-child(1) {
  grid-column-end: span 4;
}
.template-single-category #section-products .row.row-2.variant-0 .product:nth-child(2) {
  grid-column-start: 7;
}
.template-single-category #section-products .row.row-2.variant-2 .product:nth-child(2) {
  grid-column-end: span 4;
  grid-column-start: 9;
}
.template-single-category #section-products .row.row-3 .product {
  grid-column-end: span 4;
}
.template-single-category #section-categories {
  padding: var(--175) var(--GRID_MARGIN);
  padding-bottom: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--GRID_GUTTER);
}
.template-single-category #section-categories .category {
  position: relative;
  grid-column-end: span 4;
}
.template-single-category #section-categories .category picture {
  aspect-ratio: 470/596;
}
.template-single-category #section-categories .category h2 {
  position: absolute;
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  text-transform: uppercase;
  bottom: var(--GRID_GUTTER);
  left: var(--10);
  color: #FFFFFF;
  color: black;
  z-index: 2;
}
@media (min-width: 721px) {
  .template-single-category #section-categories .category:hover::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: #FF3C28;
    z-index: 1;
  }
  .template-single-category #section-categories .category:hover h2 {
    color: black;
  }
}

.template-single-intention > header {
  position: fixed;
  width: 100%;
  background-color: unset;
}
.template-single-intention > header .left {
  background-color: #FFFFFF;
}
.template-single-intention #main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0;
  padding: 0;
}
.template-single-intention #main-container .left {
  grid-column-end: span 1;
  padding-left: var(--GRID_MARGIN);
  padding-right: calc(var(--GRID_GUTTER) / 2);
  padding-top: calc(var(--HEADER_HEIGHT));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.template-single-intention #main-container .left .top,
.template-single-intention #main-container .left .bottom {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: var(--GRID_GUTTER);
}
.template-single-intention #main-container .left .top .intro,
.template-single-intention #main-container .left .bottom .intro {
  grid-column-end: span 2;
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
  text-transform: uppercase;
}
.template-single-intention #main-container .left .top .description,
.template-single-intention #main-container .left .bottom .description {
  grid-column-end: span 4;
  padding-right: calc(var(--COLUMN_WIDTH) / 2);
  box-sizing: border-box;
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
  margin-bottom: var(--35);
}
.template-single-intention #main-container .left .top .what_jewels_do,
.template-single-intention #main-container .left .bottom .what_jewels_do {
  grid-column-end: span 4;
  grid-column-start: 3;
  padding-right: calc(var(--COLUMN_WIDTH) / 2);
  box-sizing: border-box;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
}
.template-single-intention #main-container .left .top .what_jewels_do h3,
.template-single-intention #main-container .left .bottom .what_jewels_do h3 {
  text-transform: uppercase;
  padding-bottom: var(--8);
}
.template-single-intention #main-container .left .top .what_jewels_do div,
.template-single-intention #main-container .left .bottom .what_jewels_do div {
  padding: var(--10) 0;
  border-top: 1px solid;
}
.template-single-intention #main-container .left .top .intentions,
.template-single-intention #main-container .left .bottom .intentions {
  grid-column-end: span 2;
  margin-top: var(--20);
}
.template-single-intention #main-container .left .top .intentions a,
.template-single-intention #main-container .left .bottom .intentions a {
  display: block;
  width: fit-content;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  padding: var(--8);
  color: #FFFFFF;
  background-color: #FF3C28;
  border-radius: 0.4em;
  text-transform: none;
  margin-bottom: var(--8);
}
.template-single-intention #main-container .left .top h1,
.template-single-intention #main-container .left .bottom h1 {
  grid-column-end: span 6;
  font-family: "EKRoumald";
  font-size: var(--FS140);
  line-height: var(--LH140);
  letter-spacing: -0.035em;
  line-height: 1;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom: 1px solid;
  margin-bottom: var(--25);
  position: sticky;
  padding-top: var(--25);
  top: calc(var(--HEADER_HEIGHT));
  background-color: #FFFFFF;
  height: fit-content;
}
.template-single-intention #main-container .right {
  grid-column-end: span 1;
  padding-left: calc(var(--GRID_GUTTER) / 2);
  box-sizing: border-box;
}
.template-single-intention #main-container .right picture {
  position: sticky;
  top: 0;
  width: 50%;
  width: 100%;
}
.template-single-intention #main-container .right picture img {
  height: 100svh;
}
.template-single-intention #main-container .right a {
  position: fixed;
  bottom: var(--60);
  left: 75%;
  transform: translateX(-50%);
}

.template-single-product > footer {
  display: none;
}
.template-single-product #main-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: var(--GRID_GUTTER);
  height: var(--MAX_HEIGHT);
  overflow: hidden;
  padding-bottom: var(--GRID_MARGIN);
}
.template-single-product #main-container > div {
  overflow: scroll;
}
.template-single-product #main-container .left {
  grid-column-end: span 5;
}
.template-single-product #main-container .left picture {
  cursor: pointer;
}
.template-single-product #main-container .left picture img {
  height: auto;
}
.template-single-product #main-container .left picture:not(:last-child) {
  margin-bottom: var(--GRID_GUTTER);
}
.template-single-product #main-container .center {
  position: relative;
  grid-column-end: span 13;
}
.template-single-product #main-container .center picture {
  position: absolute;
  top: 0;
  left: 0;
}
.template-single-product #main-container .center picture img {
  object-position: center;
  height: auto;
}
.template-single-product #main-container .center picture.remove {
  opacity: 0;
  transition: opacity ease-in-out 500ms;
}
.template-single-product #main-container .center picture:has(#hires-image) {
  visibility: hidden;
  pointer-events: none;
}
.template-single-product #main-container .center .image {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.template-single-product #main-container .center #image-lens {
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 calc(24 * 0.0625rem) calc(1 * 0.0625rem) rgb(255, 60, 40);
  pointer-events: none;
  display: none;
}
.template-single-product #main-container .right {
  display: flex;
  flex-direction: column;
  grid-column-end: span 6;
  font-family: "EKRoumald";
  font-size: var(--FS23);
  line-height: var(--LH23);
  letter-spacing: -0.017em;
}
.template-single-product #main-container .right .top {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.template-single-product #main-container .right h1 {
  font-family: "EKRoumald";
  font-size: var(--FS64);
  line-height: var(--LH64);
  letter-spacing: -0.017em;
  margin-bottom: var(--15);
}
.template-single-product #main-container .right .cats {
  display: flex;
  column-gap: var(--GRID_GUTTER);
  margin-bottom: var(--60);
}
.template-single-product #main-container .right .cats h3 {
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  padding: var(--8) var(--10);
  color: #FFFFFF;
  background-color: #FF3C28;
  border-radius: 0.4em;
}
.template-single-product #main-container .right .description {
  margin-top: 1em;
}
.template-single-product #main-container .right .accordions {
  margin-top: var(--60);
  margin-bottom: var(--60);
}
.template-single-product #main-container .right .accordions .accordion {
  border-bottom: 1px solid;
  overflow: hidden;
}
.template-single-product #main-container .right .accordions .accordion:first-child {
  border-top: 1px solid;
}
.template-single-product #main-container .right .accordions .accordion > a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: var(--8) 0;
  cursor: pointer;
  user-select: none;
}
.template-single-product #main-container .right .accordions .accordion .text {
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  max-height: 0;
  transition: max-height ease-in-out 250ms;
}
.template-single-product #main-container .right .accordions .accordion .text::after {
  display: block;
  content: "";
  height: var(--8);
}
.template-single-product #main-container .right .accordions .accordion:not(.active) .text {
  max-height: 0 !important;
}
.template-single-product #main-container .right .accordions .accordion.active .animated svg {
  transform: translateY(calc(1 * 0.0625rem)) rotate(45deg);
}
.template-single-product #main-container .right button {
  all: unset;
  margin-bottom: 1px;
  font-family: "EKRoumald";
  font-size: var(--FS16);
  line-height: var(--LH16);
  letter-spacing: -0.017em;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid;
  border-radius: 0.25em;
  width: 100%;
  padding: var(--15) 0;
  box-sizing: border-box;
  align-self: flex-end;
  cursor: pointer;
}
.template-single-product #main-container .right button:not(:first-of-type) {
  margin-top: var(--10);
}
@media (min-width: 721px) {
  .template-single-product #main-container .right button:hover {
    background-color: #FF3C28;
    color: #FFFFFF;
  }
}
.template-single-product #main-container .right button#btn-sold {
  pointer-events: none;
  background-color: #FF3C28;
  color: #FFFFFF;
}

.carrousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: var(--10);
}
.carrousel .carrousel-inner {
  position: relative;
  width: calc(var(--COLUMN_WIDTH) * 4 + var(--GRID_GUTTER) * 4);
}
.carrousel .carrousel-inner .carrousel-container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  column-gap: var(--GRID_GUTTER);
}
.carrousel .carrousel-inner .carrousel-container > * {
  width: calc(var(--COLUMN_WIDTH) * 4 + var(--GRID_GUTTER) * 3);
  flex-shrink: 0;
}

.carrousel-out {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.carrousel-out .arrow-left,
.carrousel-out .arrow-right {
  position: relative;
  cursor: pointer;
}
.carrousel-out .arrow-left.arrow-left,
.carrousel-out .arrow-right.arrow-left {
  transform: rotate(180deg);
  transform-origin: center;
}
.carrousel-out .arrow-left.hide,
.carrousel-out .arrow-right.hide {
  visibility: hidden;
}
.carrousel-out a.animated {
  transform: translateX(calc(50% - (var(--COLUMN_WIDTH) * 4 + var(--GRID_GUTTER) * 3 + var(--GRID_MARGIN) * 0) / 2));
}
.carrousel-out svg {
  width: var(--45);
  height: auto;
}
.carrousel-out svg path {
  fill: #FF3C28;
}

.footer-image {
  grid-column-end: span 12;
}
.footer-image picture {
  position: sticky;
  top: var(--HEADER_HEIGHT);
  height: calc(100svh - var(--HEADER_HEIGHT));
  z-index: -1;
}
.footer-image .gs {
  position: relative;
  height: calc(100svh - var(--HEADER_HEIGHT));
  overflow: hidden;
}
.footer-image .gs svg {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}
.footer-image .gs svg path {
  fill: #F0EBE6;
  opacity: 0.7;
}