@charset "UTF-8";
/**
 * Animated underline effect for links
 * Creates a smooth left-to-right underline animation on hover
 * 
 * @param {color} $color - Color of the underline (default: currentColor)
 * @param {length} $height - Height/thickness of the underline (default: 1px)
 * @param {length} $offset - Distance below text (default: 2px)
 * @param {time} $duration - Animation duration (default: 0.735s)
 * @param {easing} $easing - Cubic bezier easing function (default: custom ease-out)
 * 
 * Usage:
 *   .my-link {
 *     @include underline-link();
 *   }
 *   
 *   .my-link-custom {
 *     @include underline-link($color: var(--color-brand-primary), $height: 2px);
 *   }
 */
/**
 * Animated underline effect triggered by parent hover
 * Use this when you want to apply underline to a child element (like span)
 * but trigger it when hovering the parent element (like an anchor)
 * 
 * @param {color} $color - Color of the underline (default: currentColor)
 * @param {length} $height - Height/thickness of the underline (default: 1px)
 * @param {length} $offset - Distance below text (default: 2px)
 * @param {time} $duration - Animation duration (default: 0.735s)
 * @param {easing} $easing - Cubic bezier easing function (default: custom ease-out)
 * 
 * Usage:
 *   .parent-link {
 *     span {
 *       @include underline-link-on-parent-hover();
 *     }
 *   }
 */
/**
 * Alt underline effect — wipe-sweep animation
 * Underline is ALWAYS VISIBLE (preserving the original text-decoration look).
 * On hover, the existing underline wipes out to the right, then a new one
 * wipes in from the left (continuous sweep motion).
 *
 * Use this for links that originally had `text-decoration: underline` so the
 * underline remains visible at rest but animates on hover.
 *
 * @param {color}  $color    - Color of the underline (default: currentColor)
 * @param {length} $height   - Height/thickness (default: 1px)
 * @param {length} $offset   - Distance below text (default: 2px)
 * @param {time}   $duration - Animation duration (default: 0.735s)
 * @param {easing} $easing   - Cubic bezier easing (default: custom ease-out)
 * @param {time}   $delay    - Delay between the out and in motions (default: 0.3s)
 *
 * Usage:
 *   .my-link {
 *     @include underline-link-alt();
 *   }
 */
:root {
  --color-brand-primary: #0c1437;
  --color-brand-primary-80: rgba(12, 20, 55, 0.8);
  --color-brand-primary-70: rgba(12, 20, 55, 0.7);
  --color-text-base: #0c1437;
  --color-text-inverse: #ffffff;
  --color-text-muted: rgba(12, 20, 55, 0.8);
  --color-text-light: rgba(12, 20, 55, 0.7);
  --color-text-half: rgba(12, 20, 55, 0.5);
  --color-bg-body: #ffffff;
  --color-bg-surface: #f9f9f9;
  --color-bg-muted: #f1f1f1;
  --color-bg-inverse: #000000;
  --color-bg-overlay: rgba(0, 0, 0, 0.2);
  --color-bg-overlay-hero: rgba(0, 0, 0, 0.25);
  --color-border-light: rgba(255, 255, 255, 0.3);
  --color-border-dark: rgba(12, 20, 55, 0.8);
  --color-border-muted: rgba(255, 255, 255, 0.1);
  --color-focus-ring: #0c1437;
  --font-primary: "Cormorant Garamond", Georgia, serif;
  --font-secondary: "Inter", system-ui, sans-serif;
  --font-tertiary: "Avenir", "Avenir Next", system-ui, sans-serif;
  --font-size-2xs: 0.75rem;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 1.875rem;
  --font-size-2xl: 2.5rem;
  --font-size-3xl: 3.4375rem;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --line-height-tight: 1;
  --line-height-snug: 1.1;
  --line-height-base: 1.2;
  --line-height-relaxed: 1.5;
  --letter-spacing-tight: -0.6px;
  --letter-spacing-banner: -0.31px;
  --letter-spacing-base: 0;
  --space-2: 0.5rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-15: 3.75rem;
  --space-20: 5rem;
  --space-25: 6.25rem;
  --space-35: 8.75rem;
  --container-max: 1440px;
  --container-padding: 3.75rem;
  --container-padding-m: 1.25rem;
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
}

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

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  min-height: 100vh;
  line-height: var(--line-height-relaxed);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

body {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  line-height: var(--line-height-relaxed);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}

h1 {
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
@media (min-width: 1024px) {
  h1 {
    font-size: var(--font-size-3xl);
  }
}

h2 {
  font-size: var(--font-size-2xl);
}

h3 {
  font-size: var(--font-size-xl);
}

p {
  line-height: var(--line-height-relaxed);
}

.text-light {
  font-weight: var(--font-weight-light);
}

body {
  background-color: var(--color-bg-body);
}

.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link:focus {
  position: fixed;
  top: var(--space-4);
  left: var(--space-4);
  z-index: 500;
  padding: var(--space-2) var(--space-4);
  background: var(--color-brand-primary);
  color: var(--color-text-inverse);
  font-size: var(--font-size-sm);
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  white-space: normal;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .container {
    padding: 0 20px;
  }
}

.hidden {
  display: none !important;
}

@media (max-width: calc(768px - 1px)) {
  .mobile-hidden {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .desktop-hidden {
    display: none !important;
  }
}

.sticky-mobile-button {
  position: sticky;
  bottom: 15px;
  margin-top: auto;
  background-color: white;
}

.site-main {
  min-height: 60vh;
}
@media (min-width: 768px) {
  .site-main {
    min-height: calc(100vh - 129px);
  }
}

.site-main__offset {
  margin-top: 101px;
}
@media (min-width: 1024px) {
  .site-main__offset {
    margin-top: 129px;
  }
}

[data-reveal=fade] {
  opacity: 0;
}

[data-reveal=lines] {
  visibility: hidden;
}
[data-reveal=lines].is-ready {
  visibility: visible;
}

.line-parent {
  overflow: hidden;
}

.line-child {
  display: block;
}

[data-reveal=title] {
  visibility: hidden;
}

[data-reveal=chars] {
  word-break: keep-all;
  overflow-wrap: normal;
}

.word {
  display: inline-block;
  white-space: nowrap;
}

.char-parent {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.char-child {
  display: inline-block;
}

.header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 301;
}

.mobile-only-link {
  display: block;
}
@media (min-width: 1024px) {
  .mobile-only-link {
    display: none !important;
  }
}

.header {
  position: relative;
  height: 92px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 301;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
  .header {
    height: 110px;
    align-items: flex-end;
    padding: 14px 30px 20px;
  }
}
.header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.4s ease;
  will-change: opacity;
}
.header.is-scrolled, .header.is-hovered, .header.search-is-active {
  color: #000000;
}
.header.is-scrolled::before, .header.is-hovered::before, .header.search-is-active::before {
  opacity: 1;
}
.header.is-scrolled .header__nav-link, .header.is-menu-open .header__nav-link, .header.is-hovered .header__nav-link, .header.search-is-active .header__nav-link {
  color: var(--color-text-base);
}
.header.is-scrolled .header__nav-separator, .header.is-menu-open .header__nav-separator, .header.is-hovered .header__nav-separator, .header.search-is-active .header__nav-separator {
  background: rgba(12, 20, 55, 0.1);
}
.header.is-scrolled .header__search, .header.is-menu-open .header__search, .header.is-hovered .header__search, .header.search-is-active .header__search {
  color: var(--color-text-base);
}
.header.is-scrolled .header__cta, .header.is-menu-open .header__cta, .header.is-hovered .header__cta, .header.search-is-active .header__cta {
  color: var(--color-text-base);
  border-color: rgba(12, 20, 55, 0.8);
  --hover-fill-color: var(--color-brand-primary);
  --hover-text-color: var(--color-text-inverse);
}
.header.is-scrolled .header__search-trigger, .header.is-menu-open .header__search-trigger, .header.is-hovered .header__search-trigger, .header.search-is-active .header__search-trigger {
  color: #0c1437;
}
.header.is-scrolled .header__search-trigger .lottie-search-icon, .header.is-menu-open .header__search-trigger .lottie-search-icon, .header.is-hovered .header__search-trigger .lottie-search-icon, .header.search-is-active .header__search-trigger .lottie-search-icon {
  filter: brightness(0);
}
.header.is-scrolled .header__logo-light, .header.is-menu-open .header__logo-light, .header.is-hovered .header__logo-light, .header.search-is-active .header__logo-light {
  opacity: 0;
}
.header.is-scrolled .header__logo-dark, .header.is-menu-open .header__logo-dark, .header.is-hovered .header__logo-dark, .header.search-is-active .header__logo-dark {
  opacity: 1;
}
.header.is-scrolled .header__burger span, .header.is-menu-open .header__burger span, .header.is-hovered .header__burger span, .header.search-is-active .header__burger span {
  background: var(--color-text-base);
}
.header.is-scrolled form, .header.is-menu-open form, .header.is-hovered form, .header.search-is-active form {
  border-bottom-color: #0c1437;
}
.header.is-scrolled .header__search-form-icon, .header.is-menu-open .header__search-form-icon, .header.is-hovered .header__search-form-icon, .header.search-is-active .header__search-form-icon {
  color: #0c1437;
}
.header.is-scrolled input, .header.is-menu-open input, .header.is-hovered input, .header.search-is-active input {
  color: #0c1437;
}
.header.is-scrolled input::placeholder, .header.is-menu-open input::placeholder, .header.is-hovered input::placeholder, .header.search-is-active input::placeholder {
  color: #0c1437;
}
.header__logo {
  flex-shrink: 0;
  order: 0;
}
@media (max-width: calc(1024px - 1px)) {
  .header__logo {
    flex: 1;
    display: flex;
    justify-content: center;
  }
}
.header__logo img {
  height: 75px;
  width: auto;
}
.header__logo-dark {
  opacity: 0;
}
.header__logo-light {
  opacity: 1;
}
@media (max-width: calc(1024px - 1px)) {
  .header.is-menu-open .header__logo-dark {
    opacity: 1;
  }
  .header.is-menu-open .header__logo-light {
    opacity: 0;
  }
}
.header__nav {
  display: none;
}
@media (min-width: 1024px) {
  .header__nav {
    display: flex;
    align-items: center;
    gap: 25px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.header__nav-link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-inverse);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.header__nav-link:focus-visible {
  outline: 2px solid var(--color-text-inverse);
  outline-offset: 3px;
  border-radius: 2px;
}
.header__nav-link:focus:not(:focus-visible) {
  outline: none;
}
.header__nav-separator {
  width: 1px;
  height: 17.5px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
.header__search {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-inverse);
  transition: opacity var(--transition-base);
}
.header__search:focus-visible {
  outline: 2px solid var(--color-text-inverse);
  outline-offset: 3px;
  border-radius: 2px;
}
.header__search:focus:not(:focus-visible) {
  outline: none;
}
.header__search svg {
  width: 20px;
  height: 20px;
}
.header__search:hover {
  font-weight: var(--font-weight-bold);
}
.header__cta {
  display: none;
}
@media (min-width: 1024px) {
  .header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-secondary);
    font-size: 13px;
    font-weight: var(--font-weight-regular);
    color: var(--color-text-inverse);
    padding: 12px;
    height: 40px;
    border: 0.5px solid rgba(255, 255, 255, 0.8);
    white-space: nowrap;
  }
  .header__cta:focus-visible {
    outline: 2px solid var(--color-text-inverse);
    outline-offset: 3px;
    border-radius: 2px;
  }
  .header__cta:focus:not(:focus-visible) {
    outline: none;
  }
}
.header__cta:hover {
  background: var(--color-text-base);
  color: white !important;
  border-color: var(--color-text-base) !important;
}
.header--light {
  position: relative;
  background-color: #fff;
  border-bottom-color: rgba(12, 20, 55, 0.2);
}
.header--light .header__nav-link {
  color: var(--color-text-base);
}
.header--light .header__nav-separator {
  background: rgba(12, 20, 55, 0.1);
}
.header--light .header__search {
  color: var(--color-text-base);
}
.header--light .header__cta {
  color: var(--color-text-base);
  border-color: rgba(12, 20, 55, 0.8);
  --hover-fill-color: var(--color-brand-primary);
  --hover-text-color: var(--color-text-inverse);
}
.header--light .header__burger span {
  background: var(--color-text-base);
}
.header--light .header__search-trigger {
  color: #0c1437;
}
.header--light .header__search-trigger .lottie-search-icon {
  filter: brightness(0);
}
.header__burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  gap: 5px;
  cursor: pointer;
  flex-shrink: 0;
  order: -1;
}
@media (min-width: 1024px) {
  .header__burger {
    display: none;
  }
}
.header__burger span {
  display: block;
  width: 18px;
  height: 1.5px;
  background: var(--color-text-inverse);
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
}
.header.is-menu-open {
  z-index: 301;
  position: fixed;
  background-color: #fff;
  border-bottom-color: rgba(12, 20, 55, 0.2);
}
.header.is-menu-open .header__burger span {
  background: var(--color-text-base);
}
.header.is-menu-open .header__burger span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}
.header.is-menu-open .header__burger span:nth-child(2) {
  opacity: 0;
}
.header.is-menu-open .header__burger span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}
.header.is-menu-open .header__search {
  color: var(--color-text-base);
}
.header.is-menu-open .header__search-trigger {
  visibility: hidden;
}
@media (min-width: 1024px) {
  .header__center-zone {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 400px;
    display: flex;
    justify-content: center;
  }
}
.header__nav {
  margin-bottom: 9px;
  transition: opacity 0.3s ease, visibility 0.3s;
}
.header__search-bar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 400px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}
.header__search-bar form {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.header__search-bar input {
  background: transparent;
  border: none;
  color: inherit;
  width: 100%;
  padding: 8px 0;
  outline: none;
}
.header__search-close {
  background: none;
  border: none;
  color: var(--color-text-inverse);
  font-size: 24px;
  cursor: pointer;
  padding: 0 10px;
}
.header__search-trigger {
  background: none;
  border: none;
  cursor: pointer;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.header__search-trigger .lottie-search-icon {
  width: 20px;
  height: 20px;
}
.header__search-form {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 570px;
  height: 28px;
  z-index: 3;
}
@media (min-width: 1024px) {
  .header__search-form {
    width: 570px;
  }
}
.header__search-form form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 8px;
  gap: 12px;
  border-bottom: 1px solid #ffffff;
}
.header__search-form-icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.header__search-form input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.51px;
  color: #ffffff;
}
.header__search-form input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}
.header__search-form .header__search-reset {
  display: none;
  flex: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 110%;
  letter-spacing: -0.19px;
  color: #9d8e61;
  text-transform: none;
}
@media (min-width: 1024px) {
  .header__search-form .header__search-reset {
    display: block;
  }
}
.header__search-form .header__search-reset {
  position: relative;
  text-decoration: none;
}
.header__search-form .header__search-reset::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
@media (hover: hover) and (pointer: fine) {
  .header__search-form .header__search-reset:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .header__search-form .header__search-reset::before {
    transition: none;
  }
}
.header--light {
  background-color: #fff;
  border-bottom-color: rgba(12, 20, 55, 0.2);
}
.header--light .header__search-trigger {
  color: #0c1437;
}
.header--light .header__search-form form {
  border-bottom-color: #0c1437;
}
.header--light .header__search-form .header__search-form-icon {
  color: #0c1437;
}
.header--light .header__search-form input {
  color: #0c1437;
}
.header--light .header__search-form input::placeholder {
  color: rgba(12, 20, 55, 0.65);
}
.header--light .header__search-form .header__search-reset {
  color: #9d8e61;
}
.header.is-search-open .header__nav {
  display: none !important;
}
.header.is-search-open .header__search-form {
  display: block !important;
}
.header--light.is-search-open .header__search-form form {
  border-bottom-color: var(--color-text-base);
}
.header--light.is-search-open .header__search-form form input {
  color: var(--color-text-base);
}
@media (max-width: calc(1024px - 1px)) {
  .header.search-is-active .header__logo,
  .header.search-is-active .header__burger,
  .header.search-is-active .header__cta {
    display: none !important;
  }
  .header.search-is-active .header__search-form {
    display: block !important;
    position: static;
    transform: none;
    flex: 1;
    max-width: none;
    height: auto;
    padding-right: 15px;
  }
  .header.search-is-active .header__right {
    gap: 0;
  }
}
@media (min-width: 1024px) {
  .header.search-is-active .header__nav {
    visibility: hidden;
    opacity: 0;
  }
  .header.search-is-active .header__search-form {
    display: block !important;
  }
}
@media (max-width: calc(1024px - 1px)) {
  .header .header__search-results {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 80px);
    background: #fff;
    z-index: 99;
  }
}

.header__logo-dark,
.header__logo-light {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  will-change: opacity;
}
@media (min-width: 1024px) {
  .header__logo-dark,
  .header__logo-light {
    left: 20px;
    transform: translateY(-50%);
  }
}

.header--transparent .header__logo-dark {
  opacity: 0;
  visibility: hidden;
}

.header--transparent .header__logo-light {
  opacity: 1;
  visibility: visible;
}

.header--light .header__logo-dark {
  opacity: 1;
  visibility: visible;
}

.header--light .header__logo-light {
  opacity: 0;
  visibility: hidden;
}

.header--scrolled .header__logo-dark {
  opacity: 1;
  visibility: visible;
}

.header--scrolled .header__logo-light {
  opacity: 0;
  visibility: hidden;
}

.megamenu-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 299;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .megamenu-backdrop.is-active {
    display: block;
    opacity: 1;
  }
}

.megamenu {
  display: none;
  width: 1200px;
  max-width: 1200px;
}
@media (min-width: 1024px) {
  .megamenu {
    display: none;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) scale(0.95);
    transform-origin: top center;
    background: #fff;
    border: 1px solid rgba(12, 20, 55, 0.2);
    padding: 34px;
    z-index: 300;
    flex-direction: row;
    gap: 28px;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }
  .megamenu.is-active {
    display: flex;
    justify-content: space-between;
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .megamenu.is-active {
    top: 108px !important;
  }
}
@media (min-width: 1024px) {
  .megamenu.is-closing {
    opacity: 0;
    transform: translateX(-50%) scale(0.98);
    transition: opacity 0.25s cubic-bezier(0.4, 0, 1, 1), transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  }
}
.megamenu--narrow {
  width: 882px;
  max-width: 882px;
}
.megamenu__col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 360px;
  flex-shrink: 0;
}
.megamenu[data-megamenu=trouver] .megamenu__col:first-child {
  width: 425px;
  min-width: 425px;
}
.megamenu[data-megamenu=trouver] .megamenu__preview {
  height: 100%;
  max-height: 200px;
}
.megamenu[data-megamenu=conseils] .megamenu__preview {
  height: 200px;
  max-height: 200px;
}
.megamenu__preview-btn, .megamenu__promo-btn {
  position: relative;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: white;
}
@media (hover: hover) and (pointer: fine) {
  .megamenu__preview:hover .megamenu__preview-btn::before, .megamenu__promo:hover .megamenu__promo-btn::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .megamenu__preview:hover .megamenu__preview-btn::after, .megamenu__promo:hover .megamenu__promo-btn::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .megamenu__preview-btn::before, .megamenu__preview-btn::after, .megamenu__promo-btn::before, .megamenu__promo-btn::after {
    transition: none;
  }
}
.megamenu__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-secondary);
  font-size: 15px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  text-decoration: none;
  opacity: 0;
  transform: translateY(-8px);
  animation: menuItemFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.megamenu__item:nth-child(1) {
  animation-delay: 0.04s;
}
.megamenu__item:nth-child(2) {
  animation-delay: 0.08s;
}
.megamenu__item:nth-child(3) {
  animation-delay: 0.12s;
}
.megamenu__item:nth-child(4) {
  animation-delay: 0.16s;
}
.megamenu__item:nth-child(5) {
  animation-delay: 0.2s;
}
.megamenu__item:nth-child(6) {
  animation-delay: 0.24s;
}
.megamenu__item:nth-child(7) {
  animation-delay: 0.28s;
}
.megamenu__item:nth-child(8) {
  animation-delay: 0.32s;
}
.megamenu__item:nth-child(9) {
  animation-delay: 0.36s;
}
.megamenu__item:nth-child(10) {
  animation-delay: 0.4s;
}
.megamenu__item:nth-child(11) {
  animation-delay: 0.44s;
}
.megamenu__item:nth-child(12) {
  animation-delay: 0.48s;
}
.megamenu__item:nth-child(13) {
  animation-delay: 0.52s;
}
.megamenu__item:nth-child(14) {
  animation-delay: 0.56s;
}
.megamenu__item:nth-child(15) {
  animation-delay: 0.6s;
}
.megamenu__item:nth-child(16) {
  animation-delay: 0.64s;
}
.megamenu__item:nth-child(17) {
  animation-delay: 0.68s;
}
.megamenu__item:nth-child(18) {
  animation-delay: 0.72s;
}
.megamenu__item:nth-child(19) {
  animation-delay: 0.76s;
}
.megamenu__item:nth-child(20) {
  animation-delay: 0.8s;
}
.megamenu__item span {
  text-decoration: none;
}
.megamenu.is-closing .megamenu__item {
  animation: none;
  opacity: 1;
  transform: translateY(0);
}
.megamenu__thumb {
  width: 44px;
  height: 44px;
  object-fit: cover;
  flex-shrink: 0;
}
.megamenu__chevron {
  margin-left: auto;
  width: 6px;
  height: 10px;
  color: var(--color-brand-primary);
  opacity: 0.4;
}
.megamenu__view-all {
  display: inline-block;
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-primary);
  margin-top: 6px;
  width: max-content;
  border-bottom: 1px solid black;
}
.megamenu__children {
  display: none;
  flex-direction: column;
  gap: 8px;
  width: 361px;
  min-width: 361px;
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.megamenu__children.is-active {
  display: flex;
  opacity: 1;
  transform: translateX(0);
}
.megamenu--has-promo .megamenu__children {
  position: absolute;
  right: 34px;
  top: 34px;
  width: 280px;
  min-width: auto;
}
.megamenu__child-link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-primary);
  text-decoration: none;
  padding: 4px 0;
}
.megamenu__child-link span {
  text-decoration: none;
}
.megamenu__child-link--bold {
  font-weight: var(--font-weight-medium);
}
.megamenu__promo {
  position: relative;
  display: block;
  width: 361px;
  height: 361px;
  flex-shrink: 0;
  overflow: hidden;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
  animation: menuItemFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}
.megamenu__promo:hover {
  opacity: 0.85 !important;
}
.megamenu.is-closing .megamenu__promo {
  animation: none;
  opacity: 1;
}
.megamenu__promo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.megamenu__promo-content {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: white;
  z-index: 2;
}
.megamenu__promo-title {
  color: white;
  margin: 0 0 10px;
  padding-right: 20px;
}
.megamenu.has-children-active .megamenu__promo {
  visibility: hidden;
}
.megamenu__col--preview {
  opacity: 0;
  animation: menuItemFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
}
.megamenu.is-closing .megamenu__col--preview {
  animation: none;
  opacity: 1;
}
.megamenu__preview {
  position: relative;
  width: 361px;
  height: 361px;
  display: block;
  overflow: hidden;
}
.megamenu__preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  pointer-events: none;
}
.megamenu__preview-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.megamenu__preview-content {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: white;
  z-index: 2;
}
.megamenu__preview-title {
  color: white;
  margin: 0 0 10px;
}
.megamenu__promo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  pointer-events: none;
}

@keyframes menuItemFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mobile-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #fff;
  z-index: 300;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 130px;
  transform: translateX(-100%);
  transition: transform 0.2s ease;
  will-change: transform;
}
@media (min-width: 1024px) {
  .mobile-menu {
    display: none !important;
  }
}
.mobile-menu.is-open {
  transform: translateX(0);
}
.mobile-menu__panel {
  padding: 0 16px 40px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mobile-menu__panel[data-panel=main] {
  display: flex;
}
.mobile-menu__panel:not([data-panel=main]) {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  padding: 130px 16px 80px;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.2s ease;
  will-change: transform;
  z-index: 1;
}
.mobile-menu__panel:not([data-panel=main]).is-active {
  transform: translateX(0);
}
.mobile-menu__panel:not([data-panel=main]).is-grandchildren {
  z-index: 2;
}
.mobile-menu__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 26px);
  height: 52px;
  padding: 18px 12px;
  margin: 0 13px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: #fff;
  background: #0c1437;
  border: 0.5px solid #0c1437;
  text-decoration: none;
  transition: background-color var(--transition-base), color var(--transition-base);
}
.mobile-menu__cta:hover {
  background-color: rgb(7.4328358209, 12.3880597015, 34.0671641791);
}
.mobile-menu__cta--bottom {
  margin-top: auto;
}
.mobile-menu__nav {
  display: flex;
  flex-direction: column;
}
.mobile-menu__link {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 10px 0;
  font-family: "Inter", var(--font-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0;
  color: var(--color-brand-primary);
  text-decoration: none;
  background: none;
  border: none;
  border-bottom: 0.5px solid rgba(12, 20, 55, 0.2);
  cursor: pointer;
  text-align: left;
}
.mobile-menu__link img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 0;
}
.mobile-menu__link span {
  flex: 1;
}
.mobile-menu__link svg {
  width: 8px;
  height: 14px;
  color: var(--color-brand-primary);
  opacity: 0.4;
  flex-shrink: 0;
  margin-left: auto;
}
.mobile-menu__link--text-only {
  padding: 12px 0;
  gap: 0;
  font-family: "Inter", var(--font-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.31px;
  color: rgba(12, 20, 55, 0.6980392157);
  text-decoration: none;
  border-bottom: none;
}
.mobile-menu__link--text-only:hover {
  text-decoration: none;
}
.mobile-menu__back {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  margin-bottom: 8px;
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  color: var(--color-brand-primary);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.mobile-menu__back svg {
  width: 8px;
  height: 14px;
  color: var(--color-brand-primary);
  flex-shrink: 0;
}
.mobile-menu__back span {
  margin-left: auto;
  margin-right: auto;
}
.mobile-menu__title {
  font-family: var(--font-secondary);
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  color: var(--color-brand-primary);
  margin: 0 0 20px 0;
}
.mobile-menu__items {
  display: flex;
  flex-direction: column;
}
.mobile-menu__sub-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 0;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-primary);
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.mobile-menu__sub-item img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  flex-shrink: 0;
}
.mobile-menu__items--text-only {
  gap: 0;
}
.mobile-menu__text-link {
  display: block;
  padding: 10px 0;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-primary);
  text-decoration: none;
}
.mobile-menu__text-link--bold {
  font-weight: var(--font-weight-medium);
}
.mobile-menu__view-all {
  display: block;
  padding: 12px 0;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-primary);
  text-decoration: none;
  margin-top: 4px;
}
.mobile-menu__panel .megamenu__view-all {
  display: block;
  font-size: 13px;
  margin-top: 24px;
}
.mobile-menu__promo {
  display: block;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.mobile-menu__promo img {
  display: block;
  width: 100%;
  height: auto;
}

/* Footer Parallax Wrapper */
.footer-wrap {
  position: relative;
  overflow: hidden;
}

.footer {
  background-color: var(--color-bg-muted);
  position: relative;
}
.footer__versailles-logo {
  padding-top: 54px;
  text-align: center;
}
.footer__versailles-logo img {
  max-width: 300px;
  height: auto;
  display: inline-block;
}
@media (min-width: 1024px) {
  .footer__versailles-logo img {
    max-width: 446px;
  }
}
.footer__main {
  padding: 0 15px 0;
  display: flex;
  flex-direction: column;
  gap: 54px;
  position: relative;
  z-index: 3;
  background-color: var(--color-bg-muted);
}
@media (min-width: 1024px) {
  .footer__main {
    padding: 0 30px 0;
  }
}
.footer__logo img {
  margin: 0 auto;
  max-width: 345px;
  height: auto;
}
@media (min-width: 1024px) {
  .footer__logo img {
    max-width: 447px;
  }
}
.footer__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 20px;
}
@media (min-width: 1024px) {
  .footer__columns {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }
}
.footer__column-title {
  font-family: "Cormorant Garamond", var(--font-primary);
  font-size: 22px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.3px;
  color: var(--color-text-base);
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .footer__column-title {
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;
  }
}
.footer__column-links {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer__column ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer__column ul.menu li {
  margin: 0;
  padding: 0;
}
.footer__column ul.menu a {
  font-family: "Inter", var(--font-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  color: var(--color-text-base);
  text-decoration: none;
  transition: opacity var(--transition-base);
}
.footer__column ul.menu a:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__column ul.menu a:focus:not(:focus-visible) {
  outline: none;
}
.footer__column ul.menu a:hover {
  opacity: 0.6;
}
.footer__link {
  font-family: "Inter", var(--font-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  color: var(--color-text-base);
  transition: opacity var(--transition-base);
}
.footer__link:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__link:focus:not(:focus-visible) {
  outline: none;
}
.footer__link:hover {
  opacity: 0.6;
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 100px 30px 32px;
  background-color: var(--color-bg-muted);
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 32px 30px;
  }
}
.footer__legal-menu {
  order: 2;
}
@media (min-width: 768px) {
  .footer__legal-menu {
    order: 0;
  }
}
.footer__social {
  order: 1;
}
@media (min-width: 768px) {
  .footer__social {
    order: 0;
  }
}
.footer__copyright {
  order: 3;
}
@media (min-width: 768px) {
  .footer__copyright {
    order: 0;
  }
}
.footer__legal {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-muted);
}
.footer__legal-menu {
  display: flex;
  align-items: center;
}
.footer__legal-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__legal-links li {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__legal-links li:not(:last-child)::after {
  content: "-";
  color: var(--color-text-muted);
}
.footer__legal-links a {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: opacity var(--transition-base);
}
.footer__legal-links a:hover {
  opacity: 0.6;
}
.footer__social {
  display: flex;
  align-items: center;
}
.footer__social-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 51px;
}
.footer__social-links li {
  margin: 0;
  padding: 0;
}
.footer__social-link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  width: 62px;
  height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(12, 20, 55, 0.8);
  color: rgba(12, 20, 55, 0.8);
  text-decoration: none;
  transition: opacity var(--transition-base);
}
.footer__social-link:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__social-link:focus:not(:focus-visible) {
  outline: none;
}
.footer__social-link:hover {
  opacity: 0.6;
}
.footer__copyright {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-light);
}
.footer__image {
  position: relative;
  width: 100%;
  height: 260px;
  overflow: hidden;
  z-index: 0;
}
.footer__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(12, 20, 55, 0.2);
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #ebe8df;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader__logo {
  will-change: transform, opacity;
  transform-origin: center center;
  opacity: 0;
}
.preloader__logo img {
  max-width: 214px;
  height: auto;
}

.site {
  position: relative;
  min-height: 100vh;
  background-color: #fff;
}
body.preloader-active .site {
  transform: translateY(100vh);
}

@keyframes fadeInLogo {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
html {
  scrollbar-gutter: stable;
}

body.preloader-active {
  background-color: #ebe8df;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: var(--line-height-base);
  cursor: pointer;
  transition: opacity var(--transition-base), background-color var(--transition-base), color var(--transition-base);
}
.btn:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 3px;
  border-radius: 2px;
}
.btn:focus:not(:focus-visible) {
  outline: none;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn--text-blue {
  color: var(--color-text-base);
  text-decoration: none;
}
.btn--text-blue span {
  position: relative;
}
.btn--text-blue span::before, .btn--text-blue span::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.btn--text-blue span::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.btn--text-blue span::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .btn--text-blue:hover span::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .btn--text-blue:hover span::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn--text-blue span::before,
  .btn--text-blue span::after {
    transition: none;
  }
}
.btn--text-white {
  color: var(--color-text-inverse);
  position: relative;
  text-decoration: none;
}
.btn--text-white::before, .btn--text-white::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.btn--text-white::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.btn--text-white::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .btn--text-white:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .btn--text-white:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .btn--text-white::before, .btn--text-white::after {
    transition: none;
  }
}
.btn--stroke-blue {
  color: var(--color-text-base);
  padding: 18px 40px;
  border: 1px solid var(--color-text-base);
}
.btn--filled-gold {
  color: var(--color-text-inverse);
  background-color: var(--color-brand-primary);
  padding: 16px 24px;
  justify-content: center;
}
.btn--filled-gold:hover {
  opacity: 0.85;
}
.btn--full {
  width: 100%;
  justify-content: center;
}
.btn--stroke-gold {
  color: #9d8e61;
  padding: 18px 40px;
  border: 1px solid #9d8e61;
  justify-content: center;
}
.btn--stroke-white {
  color: var(--color-text-inverse);
  padding: 10px 20px;
  border: 1px solid var(--color-text-inverse);
}
.btn--stroke-white:hover {
  background-color: var(--color-text-inverse);
  color: var(--color-brand-primary);
}

[data-button-animate-chars] {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
}
[data-button-animate-chars] span {
  display: inline-block;
  text-shadow: 0 1.3em currentColor;
  transform: translateY(0em) rotate(0.001deg);
  transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  :is(a, button):hover [data-button-animate-chars] span,
  [data-button-animate-chars]:hover span {
    transform: translateY(-1.3em) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-button-animate-chars] span {
    transition: none;
  }
}
.breadcrumb {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 35px;
  font-family: var(--font-secondary);
  font-size: var(--font-size-2xs);
  color: var(--color-text-half);
}
@media (min-width: 1024px) {
  .breadcrumb {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
.breadcrumb a {
  color: var(--color-text-half);
  text-decoration: none;
  transition: color var(--transition-base);
}
.breadcrumb a:hover {
  color: var(--color-text-base);
}
.breadcrumb__separator {
  margin: 0 1px;
  color: var(--color-text-half);
}
@media (min-width: 1024px) {
  .breadcrumb__separator {
    margin: 0 8px;
  }
}
.breadcrumb__current {
  color: var(--color-text-base);
}

.mdy-custom-select {
  position: relative;
  flex: 1;
  font-family: inherit;
  user-select: none;
  max-width: 220px;
  min-width: 150px;
}
@media (min-width: 768px) {
  .mdy-custom-select {
    width: 100%;
    flex: none;
    width: 220px;
  }
}
.mdy-custom-select .selected-display {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-left: none;
  border-right: none;
  padding: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #000000;
  transition: all 0.2s ease-in-out;
  gap: 15px;
}
.mdy-custom-select .selected-display:hover {
  border-color: #999999;
}
.mdy-custom-select .selected-display .current-text {
  display: flex;
  align-items: center;
}
.mdy-custom-select .selected-display .current-text .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
  display: inline-block;
  position: relative;
  top: 1px;
}
.mdy-custom-select .selected-display .current-text .dot.border {
  border: 1px solid #000;
}
.mdy-custom-select .options-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #f3f3f5;
  border-top: none;
  display: none;
  z-index: 999;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  scrollbar-width: thin;
}
.mdy-custom-select .options-list::-webkit-scrollbar {
  width: 4px;
}
.mdy-custom-select .option-item {
  position: relative;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  transition: background 0.1s ease;
}
.mdy-custom-select .option-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background-color: #f3f3f5;
}
.mdy-custom-select .option-item:last-child::after {
  display: none;
}
.mdy-custom-select .option-item:hover {
  background-color: #ebe8df;
}
.mdy-custom-select .option-item .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
  display: inline-block;
}
.mdy-custom-select .option-item .dot.border {
  border: 1px solid #000;
}
.mdy-custom-select .option-item .ms-box {
  width: 20px;
  height: 20px;
  border: 1px solid #9d8e61;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mdy-custom-select .option-item .ms-box .ms-check {
  width: 10px;
  height: 10px;
  background: transparent;
  transition: background 0.2s;
}
.mdy-custom-select .option-item .ms-text {
  font-size: 14px;
  color: #000;
}
.mdy-custom-select .option-item.is-selected {
  background-color: #ebe8df;
}
.mdy-custom-select .option-item.is-selected .ms-check {
  background: #9d8e61;
}
.mdy-custom-select.is-open .options-list {
  display: block !important;
}
.mdy-custom-select.is-open .arrow-down {
  transform: rotate(225deg);
  margin-top: 4px;
}
.mdy-custom-select.is-open .option-item {
  opacity: 0;
  transform: translateY(-8px);
  animation: menuItemFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.mdy-custom-select.is-open .option-item:nth-child(1) {
  animation-delay: 0.04s;
}
.mdy-custom-select.is-open .option-item:nth-child(2) {
  animation-delay: 0.08s;
}
.mdy-custom-select.is-open .option-item:nth-child(3) {
  animation-delay: 0.12s;
}
.mdy-custom-select.is-open .option-item:nth-child(4) {
  animation-delay: 0.16s;
}
.mdy-custom-select.is-open .option-item:nth-child(5) {
  animation-delay: 0.2s;
}
.mdy-custom-select.is-open .option-item:nth-child(6) {
  animation-delay: 0.24s;
}
.mdy-custom-select.is-open .option-item:nth-child(7) {
  animation-delay: 0.28s;
}
.mdy-custom-select.is-open .option-item:nth-child(8) {
  animation-delay: 0.32s;
}
.mdy-custom-select.is-open .option-item:nth-child(9) {
  animation-delay: 0.36s;
}
.mdy-custom-select.is-open .option-item:nth-child(10) {
  animation-delay: 0.4s;
}
.mdy-custom-select.is-open .option-item:nth-child(11) {
  animation-delay: 0.44s;
}
.mdy-custom-select.is-open .option-item:nth-child(12) {
  animation-delay: 0.48s;
}
.mdy-custom-select.is-open .option-item:nth-child(13) {
  animation-delay: 0.52s;
}
.mdy-custom-select.is-open .option-item:nth-child(14) {
  animation-delay: 0.56s;
}
.mdy-custom-select.is-open .option-item:nth-child(15) {
  animation-delay: 0.6s;
}
.mdy-custom-select .arrow-down {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.mdy-ms-wrapper {
  position: relative;
  user-select: none;
  font-family: inherit;
  flex: 1;
  max-width: 220px;
}
@media (min-width: 768px) {
  .mdy-ms-wrapper {
    width: 100%;
    flex: none;
  }
}
.mdy-ms-wrapper .ms-header {
  background: #fff;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  min-height: 42px;
  color: #000;
}
.mdy-ms-wrapper .ms-header:hover {
  border-color: #999999;
}
.mdy-ms-wrapper .ms-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #f3f3f5;
  border-top: none;
  display: none;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  max-height: 280px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.mdy-ms-wrapper .ms-list::-webkit-scrollbar {
  width: 4px;
}
.mdy-ms-wrapper.is-open .ms-list {
  display: block !important;
}
.mdy-ms-wrapper.is-open .ms-arrow {
  transform: rotate(225deg);
  margin-top: 4px;
}
.mdy-ms-wrapper.is-open .ms-item {
  opacity: 0;
  transform: translateY(-8px);
  animation: menuItemFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(1) {
  animation-delay: 0.04s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(2) {
  animation-delay: 0.08s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(3) {
  animation-delay: 0.12s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(4) {
  animation-delay: 0.16s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(5) {
  animation-delay: 0.2s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(6) {
  animation-delay: 0.24s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(7) {
  animation-delay: 0.28s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(8) {
  animation-delay: 0.32s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(9) {
  animation-delay: 0.36s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(10) {
  animation-delay: 0.4s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(11) {
  animation-delay: 0.44s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(12) {
  animation-delay: 0.48s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(13) {
  animation-delay: 0.52s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(14) {
  animation-delay: 0.56s;
}
.mdy-ms-wrapper.is-open .ms-item:nth-child(15) {
  animation-delay: 0.6s;
}
.mdy-ms-wrapper .ms-item {
  position: relative;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fff;
  transition: background 0.1s ease;
}
.mdy-ms-wrapper .ms-item:hover {
  background-color: #ebe8df;
}
.mdy-ms-wrapper .ms-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background-color: #f3f3f5;
}
.mdy-ms-wrapper .ms-item:last-child::after {
  display: none;
}
.mdy-ms-wrapper .ms-item .ms-box {
  width: 20px;
  height: 20px;
  border: 1px solid #9d8e61;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mdy-ms-wrapper .ms-item .ms-box .ms-check {
  width: 10px;
  height: 10px;
  background: transparent;
  transition: background 0.2s;
}
.mdy-ms-wrapper .ms-item .ms-text {
  font-size: 14px;
  color: #000;
}
.mdy-ms-wrapper .ms-item.is-selected {
  background-color: #ebe8df;
}
.mdy-ms-wrapper .ms-item.is-selected .ms-check {
  background: #9d8e61;
}
.mdy-ms-wrapper .ms-arrow {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.product-back-btn {
  position: fixed !important;
  left: 15px;
  bottom: 20px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 40px;
  background: #fff;
  border: 0.5px solid #000;
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: #000;
  line-height: 1.1;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.product-back-btn.is-visible {
  opacity: 1;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .product-back-btn {
    left: 30px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}
.product-back-btn svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #000;
  transition: color var(--transition-base);
}
.product-back-btn span {
  white-space: nowrap;
}

.products-grid {
  padding: 0 15px 60px;
}
@media (min-width: 1024px) {
  .products-grid {
    padding: 0 60px 80px;
    max-width: 1380px;
    margin: 0 auto;
  }
}
.products-grid__title {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
  text-align: center;
  margin: 0 0 40px;
}
@media (min-width: 1024px) {
  .products-grid__title {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
.products-grid__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 768px) {
  .products-grid__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .products-grid__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.products-grid__cta {
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .products-grid__cta {
    margin-top: 60px;
  }
}

.load-more-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .load-more-wrapper {
    max-width: max-content;
  }
}

.load-more-count {
  font-size: 13px;
  line-height: 1.5;
  color: #9d8e61;
  margin: 0;
}

.mdy-load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 62px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-brand-primary);
  background-color: transparent;
  border: 1px solid var(--color-brand-primary);
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
@media (min-width: 1024px) {
  .mdy-load-more {
    width: auto;
  }
}
.mdy-load-more:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/**
 * Shutter Lazy — Image reveal animation
 *
 * Markup:
 *   <article class="shutter-lazy" style="--aspect-ratio: 4 / 3">
 *     <img src="..." alt="...">
 *   </article>
 *
 * JS adds .shutter-ready to <body> on init and .loaded to <img> once it is
 * both in the viewport and has finished loading.
 *
 * The animation only activates in JS-enabled environments (progressive
 * enhancement via .shutter-ready).
 *
 * Override slide distance per element:
 *   <article class="shutter-lazy" style="--aspect-ratio:1/1; --shutter-translate:60px">
 */
@keyframes shutterIn {
  0% {
    clip-path: inset(0 0 100% 0);
    transform: translateY(var(--shutter-translate, 100px));
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0% 0);
    transform: translateY(0);
    opacity: 1;
  }
}
.shutter-lazy {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: var(--aspect-ratio);
}
.shutter-lazy img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shutter-ready .shutter-lazy img:not(.loaded) {
  clip-path: inset(0 0 100% 0);
  transform: translateY(var(--shutter-translate, 100px));
  opacity: 0;
}

.shutter-ready .shutter-lazy img.loaded {
  animation: shutterIn 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
  .shutter-ready .shutter-lazy img:not(.loaded) {
    clip-path: none;
    transform: none;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .shutter-ready .shutter-lazy img.loaded {
    animation: none;
    opacity: 1;
  }
}
.mdy-global-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.mdy-global-popup[hidden] {
  display: none !important;
}
.mdy-global-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.mdy-global-popup__container {
  position: relative;
  background: #fff;
  max-width: 880px;
  width: 100%;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.mdy-global-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  padding: 4px 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.19px;
  cursor: pointer;
  color: #333;
  z-index: 10;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .mdy-global-popup__close {
    top: 40px;
    right: 40px;
  }
}
.mdy-global-popup__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 38px 18px;
}
@media (min-width: 1024px) {
  .mdy-global-popup__content {
    flex-direction: row;
    gap: 54px;
    padding: 105px 76px 105px 0;
  }
}
.mdy-global-popup__image {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.mdy-global-popup__image img {
  max-width: 325px;
  max-height: 210px;
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (min-width: 1024px) {
  .mdy-global-popup__image img {
    max-width: 100%;
    max-height: 100%;
  }
}
.mdy-global-popup__text {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  text-align: center;
}
@media (min-width: 1024px) {
  .mdy-global-popup__text {
    text-align: left;
  }
}
.mdy-global-popup__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.6px;
  color: #0c1437;
  max-width: 310px;
  margin: 0 auto;
  font-size: 24px;
  text-align: center;
}
@media (min-width: 1024px) {
  .mdy-global-popup__title {
    font-size: 40px;
    text-align: left;
    margin: 0;
    margin-bottom: 36px;
  }
}
.mdy-global-popup__title--mobile {
  display: block;
}
@media (min-width: 1024px) {
  .mdy-global-popup__title--mobile {
    display: none;
  }
}
.mdy-global-popup__title--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .mdy-global-popup__title--desktop {
    display: block;
  }
}
.mdy-global-popup__body {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  color: #333;
  max-width: 310px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .mdy-global-popup__body {
    margin: 0;
  }
}
.mdy-global-popup__body p {
  margin: 0 0 15px 0;
}
.mdy-global-popup__body p:last-child {
  margin-bottom: 0;
}
.mdy-global-popup__body a {
  color: #c5a572;
  text-decoration: underline;
}
.mdy-global-popup__body a:hover {
  color: #9d8e61;
}
.mdy-global-popup__button {
  margin-top: 20px;
  background: none;
  border: none;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.19px;
  color: #333;
  cursor: pointer;
  text-align: center;
  position: relative;
  text-decoration: none;
}
.mdy-global-popup__button::before, .mdy-global-popup__button::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-global-popup__button::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-global-popup__button::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-global-popup__button:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-global-popup__button:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-global-popup__button::before, .mdy-global-popup__button::after {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .mdy-global-popup__button {
    margin-top: 30px;
    text-align: left;
  }
}

.wpcf7-response-output {
  display: none !important;
}

.cf7-thank-you-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.cf7-thank-you-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 20, 55, 0.3);
  backdrop-filter: blur(4px);
}
.cf7-thank-you-popup__container {
  position: relative;
  background: #ffffff;
  max-width: 345px;
  width: 100%;
  padding: 40px;
  animation: popupFadeIn 0.3s ease-out;
}
@media (min-width: 768px) {
  .cf7-thank-you-popup__container {
    padding: 32px 24px;
    max-width: 450px;
  }
}
@media (min-width: 1024px) {
  .cf7-thank-you-popup__container {
    padding: 40px;
    max-width: 604px;
  }
}
.cf7-thank-you-popup__close {
  position: absolute;
  top: 40px;
  right: 40px;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: -0.19px;
  cursor: pointer;
  z-index: 40444;
}
.cf7-thank-you-popup__close span {
  display: block;
  position: relative;
}
.cf7-thank-you-popup__close span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #0c1437;
  left: 0;
  bottom: -4px;
}
.cf7-thank-you-popup__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cf7-thank-you-popup__icon {
  margin-top: 48.52px;
  margin-bottom: 18px;
  animation: iconBounce 0.6s ease-out 0.2s;
}
.cf7-thank-you-popup__icon img {
  width: 80px;
  height: 90px;
  object-fit: cover;
}
.cf7-thank-you-popup__title {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -0.6px;
  color: #9d8e61;
}
@media (min-width: 1024px) {
  .cf7-thank-you-popup__title {
    font-size: 55px;
  }
}
.cf7-thank-you-popup__subtitle {
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.51px;
  text-align: center;
  color: #0c1437;
  margin-bottom: 109px;
}
@media (min-width: 1024px) {
  .cf7-thank-you-popup__subtitle {
    font-size: 28px;
  }
}
.cf7-thank-you-popup__button {
  background: var(--color-brand-primary);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: all 0.2s ease;
}
.cf7-thank-you-popup__button:hover {
  background: var(--color-primary-dark, #0a0f1f);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cf7-thank-you-popup__button:active {
  transform: translateY(0);
}
@media (max-width: calc(375px - 1px)) {
  .cf7-thank-you-popup__button {
    padding: 10px 24px;
    font-size: 14px;
  }
}
.cf7-thank-you-popup__progress {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 79px;
  height: 3px;
  background: rgba(12, 20, 55, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
.cf7-thank-you-popup__progress-bar {
  height: 100%;
  background: #0c1437;
  width: 100%;
  transform-origin: left;
  transition: none;
}
.cf7-thank-you-popup__progress-bar.animating {
  animation: progressFill var(--progress-duration, 3s) linear forwards;
}

@keyframes popupFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes iconBounce {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes progressFill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.searchable-input {
  position: relative;
  width: 100%;
}
.searchable-input__control {
  position: relative;
  display: flex;
  align-items: center;
}
.searchable-input__input {
  width: 100%;
  padding: 15px;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  outline: none;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
}
.searchable-input__input::placeholder {
  color: #999;
}
.searchable-input__input:hover {
  border-color: #999999;
}
.searchable-input__actions {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 5;
}
.searchable-input .searchable-input__clear[style*="display: none"] + .searchable-input__arrow {
  display: flex;
}
.searchable-input {
  /* When the clear button is visible (flex), hide the arrow */
}
.searchable-input .searchable-input__clear:not([style*="display: none"]) + .searchable-input__arrow {
  display: none;
}
.searchable-input .searchable-input__arrow {
  color: #666;
  pointer-events: none; /* Let clicks pass through to the input */
  transition: transform 0.3s ease;
}
.searchable-input {
  /* Optional: Rotate arrow when open */
}
.searchable-input .searchable-input.is-open .searchable-input__arrow {
  transform: rotate(180deg);
}
.searchable-input .dot-container {
  height: 100%;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  padding: 15px 0 15px 15px;
  width: 25px;
}
@media (min-width: 768px) {
  .searchable-input .dot-container {
    border-top: 1px solid #cccccc;
  }
}
.searchable-input .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
  display: inline-block;
}
.searchable-input .dot.border {
  border: 1px solid #000;
}
.searchable-input__clear {
  border: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}
.searchable-input__clear:hover {
  color: #000;
}
.searchable-input .ms-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #f3f3f5;
  border-top: none;
  display: none;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  max-height: 280px;
  overflow-y: auto;
  padding: 0;
  list-style: none;
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
  scrollbar-width: thin;
}
.searchable-input .ms-list::-webkit-scrollbar {
  width: 4px;
}
.searchable-input.is-open .ms-list {
  display: block !important;
}
.searchable-input.is-open .ms-arrow {
  transform: rotate(225deg);
  margin-top: 4px;
}
.searchable-input.is-open .ms-item:not(.hidden) {
  opacity: 0;
  transform: translateY(-8px);
  animation: menuItemFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(1) {
  animation-delay: 0.04s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(2) {
  animation-delay: 0.08s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(3) {
  animation-delay: 0.12s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(4) {
  animation-delay: 0.16s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(5) {
  animation-delay: 0.2s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(6) {
  animation-delay: 0.24s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(7) {
  animation-delay: 0.28s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(8) {
  animation-delay: 0.32s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(9) {
  animation-delay: 0.36s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(10) {
  animation-delay: 0.4s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(11) {
  animation-delay: 0.44s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(12) {
  animation-delay: 0.48s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(13) {
  animation-delay: 0.52s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(14) {
  animation-delay: 0.56s;
}
.searchable-input.is-open .ms-item:not(.hidden):nth-child(15) {
  animation-delay: 0.6s;
}
.searchable-input .ms-item {
  position: relative;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fff;
  transition: background 0.1s ease;
}
.searchable-input .ms-item.hidden {
  display: none !important;
  visibility: hidden !important;
}
.searchable-input .ms-item:hover {
  background-color: #ebe8df;
}
.searchable-input .ms-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background-color: #f3f3f5;
}
.searchable-input .ms-item:last-child::after {
  display: none;
}
.searchable-input .ms-item .ms-box {
  width: 20px;
  height: 20px;
  border: 1px solid #9d8e61;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.searchable-input .ms-item .ms-box .ms-check {
  width: 10px;
  height: 10px;
  background: transparent;
  transition: background 0.2s;
}
.searchable-input .ms-item.is-selected {
  background-color: #ebe8df;
}
.searchable-input .ms-item.is-selected .ms-check {
  background: #9d8e61;
}
.searchable-input .ms-arrow {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.searchable-input__arrow {
  width: 12px;
  height: 12px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.arrow-line {
  position: absolute;
  left: 4px;
  right: 4px;
  height: 2px;
  background: currentColor;
  transition: transform 1s ease;
  border-radius: 10px;
}

.line-left {
  bottom: 4.5px;
  transform: rotate(45deg);
  left: -1px;
}

.line-right {
  bottom: 4.5px;
  transform: rotate(135deg);
  right: -1px;
}

.searchable-input.is-open .line-left,
#master-filter-btn.is-open .line-left,
.mdy-custom-select.is-open .line-left,
.product-chars__table-toggle.is-open .line-left,
.mdy-ms-wrapper.is-open .line-left {
  transform: rotate(-45deg);
}

.searchable-input.is-open .line-right,
#master-filter-btn.is-open .line-right,
.mdy-custom-select.is-open .line-right,
.product-chars__table-toggle.is-open .line-right,
.mdy-ms-wrapper.is-open .line-right {
  transform: rotate(225deg);
}

.accordion {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.accordion__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.accordion__item {
  background-color: #fff;
  border: 1px solid rgba(12, 20, 55, 0.1);
  border-radius: 8px;
  list-style: none;
  transition: border-color 0.3s ease;
}
.accordion__item:hover {
  border-color: rgba(12, 20, 55, 0.2);
}

.accordion__item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
  user-select: none;
}

.accordion__item-title {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
  color: var(--color-brand-primary);
}

.accordion__item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-color: rgba(12, 20, 55, 0.05);
  border-radius: 50%;
  transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.3s ease;
  transform: rotate(180deg);
}
.accordion__item-icon svg {
  width: 16px;
  height: 16px;
  color: var(--color-brand-primary);
}

[data-accordion-status=active] .accordion__item-icon {
  transform: rotate(0.001deg);
  background-color: rgba(12, 20, 55, 0.1);
}

.accordion__item-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  overflow: hidden;
}

[data-accordion-status=active] .accordion__item-content {
  grid-template-rows: 1fr;
}

.accordion__item-content-wrap {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.accordion__item-content-inner {
  padding: 0 24px 24px 24px;
}

.accordion__item-text {
  margin: 0;
  font-family: var(--font-secondary);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text-base);
}

.top-bar {
  background-color: var(--color-brand-primary);
  padding: 16px 30px;
  text-align: center;
  overflow: hidden;
}
.top-bar__text {
  font-family: var(--font-tertiary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-inverse);
  letter-spacing: var(--letter-spacing-banner);
  white-space: nowrap;
}
@media (max-width: calc(768px - 1px)) {
  .top-bar__text {
    font-size: 12px;
    white-space: normal;
  }
}
.top-bar__link {
  position: relative;
  text-decoration: none;
}
.top-bar__link::before, .top-bar__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.top-bar__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.top-bar__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .top-bar__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .top-bar__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .top-bar__link::before, .top-bar__link::after {
    transition: none;
  }
}

.hero {
  position: relative;
  width: 100%;
  min-height: 694px;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1024px) {
  .hero {
    min-height: 760px;
  }
}
.hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-bg-overlay-hero);
}
.hero__content {
  position: relative;
  z-index: 1;
  padding: var(--space-10) 21px 44px;
  max-width: 375px;
}
@media (min-width: 1024px) {
  .hero__content {
    padding: var(--space-20) 70px 70px;
    max-width: 794px;
  }
}
.hero__title {
  font-family: var(--font-primary);
  font-size: 2rem;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-inverse);
  line-height: var(--line-height-tight);
  letter-spacing: -0.3px;
}
@media (min-width: 1024px) {
  .hero__title {
    font-size: var(--font-size-3xl);
    letter-spacing: var(--letter-spacing-tight);
  }
}

.text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px 15px;
}
@media (min-width: 1024px) {
  .text-block {
    align-items: center;
    text-align: center;
    padding: 100px 0;
  }
}
.text-block__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.05;
  letter-spacing: -0.3px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .text-block__title {
    font-size: 40px;
    line-height: 1.1;
    max-width: 733px;
  }
}
.text-block__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1024px) {
  .text-block__body {
    max-width: 600px;
  }
}
.text-block p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
}
.text-block--dark {
  background-color: var(--color-bg-inverse);
  position: relative;
  overflow: hidden;
  min-height: 564px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .text-block--dark {
    min-height: 800px;
    padding: 0;
  }
}
.text-block--dark::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 0;
}
.text-block--dark .text-block__bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.text-block--dark .text-block__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 636px;
}
.text-block--dark .btn {
  position: relative;
  width: fit-content;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  text-decoration: none;
  margin-bottom: 4px;
}
.text-block--dark .btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.text-block--dark .text-block__logo {
  width: 52px;
  height: auto;
}
.text-block--dark .text-block__title {
  color: var(--color-text-inverse);
  font-size: 25px;
  line-height: 1.05;
}
@media (min-width: 1024px) {
  .text-block--dark .text-block__title {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 0;
  }
}

@keyframes category-slide-unblur {
  from {
    filter: blur(6px);
  }
  to {
    filter: blur(0);
  }
}
.category-slide {
  position: relative;
  width: 100%;
  min-height: 512px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .category-slide {
    min-height: 660px;
    align-items: center;
    justify-content: center;
  }
}
.category-slide__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.category-slide__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.category-slide__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-bg-overlay);
}
.category-slide:hover .category-slide__bg img {
  transform: scale(1.05);
  animation: category-slide-unblur 0.6s ease forwards;
}
.category-slide__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 24px 36px;
}
@media (min-width: 1024px) {
  .category-slide__content {
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 0;
  }
}
.category-slide__content .btn {
  position: relative;
  width: fit-content;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  text-decoration: none;
  margin-bottom: 4px;
}
.category-slide__content .btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.category-slide__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-inverse);
  line-height: var(--line-height-snug);
}
@media (min-width: 1024px) {
  .category-slide__title {
    font-size: 40px;
  }
}

.stones {
  padding: 0px 20px 20px 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .stones {
    padding: 0px 20px 60px 20px !important;
  }
}
.stones__header {
  text-align: center;
  margin-bottom: 20px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .stones__header {
    margin-bottom: 60px;
  }
}
.stones__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .stones__title {
    font-size: 40px;
    margin-bottom: 16px;
  }
}
.stones__description {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
}
.stones__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
}
@media (min-width: 1024px) {
  .stones__row {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1440px;
    padding: 0;
  }
}
.stones__row:not(:last-child) {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .stones__row:not(:last-child) {
    margin-bottom: 40px;
  }
}

.stone-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 400px;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .stone-card {
    min-height: 535px;
  }
}
.stone-card__image {
  position: absolute;
  inset: 0;
}
.stone-card__image .hover-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.stone-card__image-main, .stone-card__image-pattern {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  .stone-card__image-main, .stone-card__image-pattern {
    transition: none;
  }
}
.stone-card__image-main {
  opacity: 1;
  z-index: 1;
}
.stone-card__image-pattern {
  opacity: 0;
  z-index: 2;
}
.stone-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.6) 100%);
  opacity: 0.9;
  z-index: 3;
}
.stone-card__image img {
  width: 100%;
  object-fit: cover;
}
.stone-card:hover .stone-card__image-main {
  opacity: 0;
}
.stone-card:hover .stone-card__image-pattern {
  opacity: 1;
}
.stone-card__name {
  position: relative;
  z-index: 4;
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-inverse);
  text-align: center;
  padding: 36px;
  width: 100%;
  line-height: 110%;
  background: linear-gradient(180deg, rgba(5, 9, 25, 0) 23.64%, rgba(5, 9, 25, 0.63) 100%);
}
@media (min-width: 1024px) {
  .stone-card__name {
    font-size: 40px;
    padding: 50px;
  }
}
@media (min-width: 1024px) {
  .stone-card--wide {
    grid-column: 1/-1;
  }
}

.stones-wrapper {
  background-color: var(--color-bg-surface);
}

.projects, .project-display {
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .projects, .project-display {
    padding: 140px 0;
    padding-bottom: 0px;
  }
}
.projects__header, .project-display__header {
  text-align: center;
  max-width: 345px;
  margin: 65px auto 25px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .projects__header, .project-display__header {
    max-width: 600px;
    margin: 0 auto 60px;
    padding: 0;
  }
}
.projects__title, .project-display__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .projects__title, .project-display__title {
    font-size: 40px;
    margin-bottom: 16px;
  }
}
.projects__description, .project-display__description {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
}
.projects__showcase, .project-display__content {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .projects__showcase, .project-display__content {
    flex-direction: row;
  }
}
.projects__slider-wrapper {
  aspect-ratio: 4/5;
  position: relative;
  height: 351px;
}
@media (min-width: 1024px) {
  .projects__slider-wrapper {
    width: 50% !important;
    aspect-ratio: auto;
    z-index: 1;
    height: 640px;
  }
}
.projects__image, .project-display__main-image {
  position: relative;
  display: block !important;
  overflow: hidden !important;
  height: 351px;
}
@media (min-width: 1024px) {
  .projects__image, .project-display__main-image {
    height: 640px;
  }
}
.projects__image-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out, visibility 0.6s;
  z-index: 1;
}
.projects__image-item.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.projects__image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects__slider-nav {
  display: hidden;
  position: absolute !important;
  bottom: 55px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  gap: 12px !important;
  z-index: 20;
  padding: 20px 40px;
  background: transparent;
  pointer-events: auto !important;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .projects__slider-nav {
    bottom: 0px !important;
  }
}
.projects__slider-nav .nav-bar {
  display: hidden;
  width: 40px !important;
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 3px !important;
  transition: all 0.2s ease-out !important;
}
.projects__slider-nav .nav-bar.is-active {
  background-color: #ffffff !important;
  width: 120px !important;
}
.projects__arrows {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 15px 0;
  width: 100%;
  z-index: 30;
}
@media (min-width: 1024px) {
  .projects__arrows {
    display: none;
  }
}
.projects__arrows .arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-base);
  cursor: pointer;
  transition: all 0.2s ease;
}
.projects__arrows .arrow:active {
  transform: scale(0.9);
  background: #eeeeee;
}
.projects__arrows .arrow svg {
  width: 20px;
  height: 20px;
}
.projects__info, .project-display__side-panel {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-bottom: -60px;
  position: relative;
  z-index: 10;
}
@media (min-width: 1024px) {
  .projects__info, .project-display__side-panel {
    width: 50%;
    margin-bottom: 0;
    background: transparent;
    flex-direction: column;
    box-shadow: none;
    z-index: 1;
    padding: 10px;
    margin-top: 50px;
  }
}
.projects__product-display {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .projects__product-display {
    gap: 40px;
  }
}
.projects__product-image, .project-display__secondary-image {
  position: relative;
  width: 200px;
  height: 172px;
}
@media (min-width: 1024px) {
  .projects__product-image, .project-display__secondary-image {
    width: 260px;
    height: 320px;
  }
}
.projects__product-image img, .project-display__secondary-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.6s ease-in-out;
}
.projects .projects__discover-link, .projects .project-display__link, .project-display .projects__discover-link, .project-display .project-display__link {
  font-size: 13px;
  position: relative;
  text-decoration: none;
}
.projects .projects__discover-link::before, .projects .project-display__link::before, .project-display .projects__discover-link::before, .project-display .project-display__link::before, .projects .projects__discover-link::after, .projects .project-display__link::after, .project-display .projects__discover-link::after, .project-display .project-display__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.projects .projects__discover-link::before, .projects .project-display__link::before, .project-display .projects__discover-link::before, .project-display .project-display__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.projects .projects__discover-link::after, .projects .project-display__link::after, .project-display .projects__discover-link::after, .project-display .project-display__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .projects .projects__discover-link:hover::before, .projects .project-display__link:hover::before, .project-display .projects__discover-link:hover::before, .project-display .project-display__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .projects .projects__discover-link:hover::after, .projects .project-display__link:hover::after, .project-display .projects__discover-link:hover::after, .project-display .project-display__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .projects .projects__discover-link::before, .projects .project-display__link::before, .project-display .projects__discover-link::before, .project-display .project-display__link::before, .projects .projects__discover-link::after, .projects .project-display__link::after, .project-display .projects__discover-link::after, .project-display .project-display__link::after {
    transition: none;
  }
}
.projects .arrow, .project-display .arrow {
  background: none;
  border: none;
  cursor: pointer;
  color: #0c1437;
  padding: 10px;
  transition: transform 0.2s ease, opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.projects .arrow:hover, .project-display .arrow:hover {
  opacity: 0.7;
  transform: scale(1.1);
}
.projects .arrow:active, .project-display .arrow:active {
  transform: scale(0.9);
}
.projects .arrow svg, .project-display .arrow svg {
  width: 32px;
  height: 32px;
}
.projects__product-details, .project-display__details {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 22px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .projects__product-details, .project-display__details {
    font-size: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
    margin-top: 28px;
  }
}
.projects__product-name, .project-display__name {
  margin-bottom: 8px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  font-size: var(--font-size-xl);
  font-family: var(--font-primary);
  font-weight: 500;
}
.projects__product-name span, .project-display__name span {
  display: block;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.projects__product-tag {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  color: #9d8e61;
  margin-top: 10px;
  margin-bottom: 10px;
}
.projects__product-tag span {
  display: block;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.project-display {
  padding-bottom: 80px;
}
@media (min-width: 1024px) {
  .project-display {
    padding-bottom: 140px;
  }
}
.project-display__content {
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .project-display__content {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .project-display__main-image {
    aspect-ratio: auto;
    height: 70vh;
    max-height: 783px;
  }
}
.project-display__main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .project-display__side-panel {
    margin-bottom: 0 !important;
    padding: 10px;
  }
}
.project-display__secondary-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-display__details {
  display: hidden !important;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .project-display__details {
    display: flex !important;
    margin-bottom: 0;
  }
}
.project-display__name {
  color: #0c1437 !important;
}
.project-display__link {
  font-size: 13px;
  margin-top: 10px;
  display: inline-block;
  color: #9d8e61;
  font-family: var(--font-secondary);
  transition: opacity 0.2s ease;
}
.project-display__link:hover {
  opacity: 0.7;
}

.social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 40px 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .social {
    flex-direction: row;
    gap: 28px;
    padding: 0px 20px 100px;
    padding-top: 140px;
  }
}
.social__left {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .social__left {
    min-height: 630px;
    border-bottom: 1px solid rgba(12, 20, 55, 0.1);
  }
}
.social__arrows {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  margin-top: auto;
}
@media (min-width: 1024px) {
  .social__arrows {
    display: flex;
    margin-bottom: 30px;
  }
}
.social__mobile-arrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 55px;
}
@media (min-width: 1024px) {
  .social__mobile-arrows {
    display: none;
  }
}
.social__arrow {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(12, 20, 55, 0.5);
  color: #0c1437;
  border-color: #0c1437;
}
.social__arrow:hover {
  background-color: #0c1437;
  color: #fff;
  border-color: #0c1437;
}
.social__arrow svg {
  width: 13px;
  height: 11px;
}
.social__icon {
  width: 18px;
  height: 18px;
}
.social__left {
  width: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .social__left {
    width: 448px;
    flex-shrink: 0;
    padding: 0;
    gap: 24px;
  }
}
.social__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
}
@media (min-width: 1024px) {
  .social__title {
    font-size: 40px;
  }
}
.social__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 1024px) {
  .social__links {
    flex-direction: column;
    gap: 8px;
  }
}
.social__link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: opacity var(--transition-base);
}
.social__link:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 3px;
  border-radius: 2px;
}
.social__link:focus:not(:focus-visible) {
  outline: none;
}
.social__link:hover {
  opacity: 0.6;
}
.social__right {
  display: block;
  width: 100%;
  margin-left: 15px;
}
@media (min-width: 1024px) {
  .social__right {
    max-width: 906px;
    margin-left: 0;
  }
}
@media (max-width: 1400px) {
  .social__right {
    max-width: 448px;
  }
}
@media (max-width: 1023px) {
  .social__right {
    max-width: 860px;
  }
}
@media (max-width: 870px) {
  .social__right {
    max-width: 570px;
  }
}
.social__right #sbi_images {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 28px !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.social__right #sbi_images::-webkit-scrollbar {
  display: none;
}
.social__right #sbi_images {
  scroll-snap-type: x mandatory;
}
.social__right .sbi_item {
  flex: 0 0 280px !important;
  width: 280px !important;
  aspect-ratio: 448/600;
  scroll-snap-align: start;
}
@media (min-width: 1024px) {
  .social__right .sbi_item {
    flex: 0 0 448px !important;
    width: 448px !important;
  }
}
.social__right .sbi_photo_wrap,
.social__right .sbi_photo {
  height: 100% !important;
  width: 100% !important;
}
.social__right img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center;
}
.social__image {
  aspect-ratio: 1;
  overflow: hidden;
  flex-shrink: 0;
  width: 290px;
}
@media (min-width: 1024px) {
  .social__image {
    width: auto;
    flex-shrink: initial;
  }
}
.social__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
@media (prefers-reduced-motion: reduce) {
  .social__image img {
    transition: none;
  }
}
.social__image:hover img {
  transform: scale(1.05);
}
.social__nav {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px;
  gap: 7px;
  height: 2px;
  margin-top: 28px;
}
.social__nav .dot {
  height: 2px;
  width: 45px;
  background: rgba(12, 20, 55, 0.3);
  border-radius: 100px;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.social__nav .dot--active {
  width: 90px;
  background: #0c1437;
}
.social__nav .dot:hover:not(.social__nav .dot--active) {
  background: rgba(12, 20, 55, 0.5);
}
@media (min-width: 1024px) {
  .social__nav .dot:last-child {
    display: none;
  }
}
@media (max-width: 1400px) {
  .social__nav .dot:last-child {
    display: flex;
  }
}
@media (max-width: 1023px) {
  .social__nav .dot:nth-last-child(-n+2) {
    display: none;
  }
}
@media (max-width: 870px) {
  .social__nav .dot:nth-last-child(-n+2) {
    display: flex;
  }
  .social__nav .dot:last-child {
    display: none;
  }
}
@media (max-width: 400px) {
  .social__nav .dot:last-child {
    display: flex;
  }
}
.social__link--instagram {
  gap: 4px;
  opacity: 1;
}
.social__link--instagram .social__tag-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 110%;
  font-weight: 400;
  background: linear-gradient(258.47deg, #6951c3 34.33%, #aa33a7 47.35%, #ca2f95 59.74%, #f56934 77.85%, #febe5d 96.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  border-bottom: 2px solid;
  border-image-source: linear-gradient(258.47deg, #6951c3 34.33%, #aa33a7 47.35%, #ca2f95 59.74%, #f56934 77.85%, #febe5d 96.9%);
  border-image-slice: 1;
  padding-bottom: 1px;
}
.social__link--instagram:hover {
  opacity: 0.8;
}
.social__icon-ig {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}

#sbi_images {
  scroll-behavior: smooth;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

#sb_instagram {
  padding-bottom: 0px !important;
}

#sbi_lightbox,
.sbi_lightbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.sbi_lb-outerContainer {
  max-height: 90vh !important;
  max-width: 90vw !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sbi_lb-container {
  max-height: 90vh !important;
  overflow: hidden !important;
}

.sbi_lb-image {
  max-height: 85vh !important;
  max-width: 85vw !important;
  object-fit: contain !important;
}

body.sbi-lb-open {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}

.page-header {
  padding: 0px 15px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .page-header {
    padding: 0px 20px 40px;
  }
}
.page-header__breadcrumb {
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-muted);
  margin-bottom: 20px;
  align-self: flex-start;
}
.page-header__breadcrumb a {
  color: var(--color-text-muted);
  transition: opacity var(--transition-base);
}
.page-header__breadcrumb a:hover {
  opacity: 0.6;
}
.page-header__breadcrumb span[aria-hidden] {
  margin: 0 4px;
}
.page-header__content {
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .page-header__content {
    gap: 16px;
  }
}
.page-header__title {
  font-size: 32px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
  font-family: "Cormorant Garamond", serif;
}
@media (min-width: 1024px) {
  .page-header__title {
    font-size: 55px;
  }
}
.page-header__subtitle {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
  text-align: center;
}

.product-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  margin-bottom: 20px;
  margin-top: -30px;
}
@media (min-width: 768px) {
  .product-grid {
    gap: 40px;
    margin-top: initial;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .product-grid {
    margin-bottom: 80px;
  }
}
.product-grid .product-archive__filters {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 1440px;
  align-items: center;
}
@media (min-width: 768px) {
  .product-grid .product-archive__filters {
    flex-direction: row;
  }
}
.product-grid .filter-wrapper {
  position: -webkit-sticky; /* For Safari support */
  position: sticky;
  top: 90px; /* Sticks exactly to the top */
  z-index: 100; /* Ensures it stays above the product cards */
  background: #fff; /* Crucial: so cards don't show through the background */
  width: 100%;
  padding: 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .product-grid .filter-wrapper {
    flex-direction: row;
    padding: 10px;
    gap: 20px;
    top: 110px;
  }
}
.product-grid .filter-wrapper.is-pinned .clear-filters.clear-filters-type-pierre {
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .product-grid .filter-wrapper.is-pinned .clear-filters.clear-filters-type-pierre {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.product-grid .taxonomy-filters {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  max-width: 1440px;
  align-items: center;
  justify-content: center;
  padding-left: 65px;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .product-grid .taxonomy-filters {
    width: fit-content;
    padding-top: 0;
  }
}
.product-grid .stone-filters {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  max-width: 1440px;
  align-items: center;
  justify-content: center;
  order: 2;
}
@media (min-width: 768px) {
  .product-grid .stone-filters {
    order: 1;
    width: fit-content;
    gap: 20px;
    padding-left: 65px;
  }
}
.product-grid .clear-filters span {
  color: #ada17b;
  background: transparent;
  order: 1;
  visibility: hidden;
  left: 0;
}
@media (min-width: 768px) {
  .product-grid .clear-filters span {
    order: 2;
    position: relative;
  }
}
.product-grid__cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 40px;
  column-gap: 10px;
  width: 100%;
  min-height: 200px;
}
.product-grid__cards.single-column {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .product-grid__cards {
    column-gap: 20px;
  }
}
@media (min-width: 1024px) {
  .product-grid__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 28px;
    max-width: 1440px;
    padding: 0 20px;
    padding-bottom: 40px;
  }
  .product-grid__cards.single-column {
    grid-template-columns: repeat(3, 1fr);
  }
}
.product-grid__cards .no-results {
  grid-column: 1/-1;
  text-align: center;
  font-family: var(--font-secondary);
  margin-top: 120px;
}
.product-grid__cards .no-results h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #9d8e61;
}
.product-grid__cards .no-results p {
  font-size: 14px;
  font-weight: 300;
  color: #9d8e61;
}
.product-grid__cards .no-results #stone-reset-filters {
  margin-top: 20px;
}
.product-grid__cards .load-more-container {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .product-grid .grid-product-pierre {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .stone-card--wide {
    grid-column: 1/-1;
  }
}

.grid-type-pierre {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1024px) {
  .grid-type-pierre {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  #archive-produit-pierre .filter-wrapper {
    flex-direction: row-reverse;
  }
}

.product-listing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 0 15px 40px;
}
@media (min-width: 1024px) {
  .product-listing {
    gap: 50px;
    padding: 0 20px 50px;
  }
}
.product-listing__filters {
  display: flex;
  justify-content: center;
  width: 100%;
}
.product-listing__filter-dropdown {
  position: relative;
}
.product-listing__filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 0;
  transition: opacity var(--transition-base);
}
.product-listing__filter-btn:hover {
  opacity: 0.6;
}
.product-listing__filter-btn svg {
  transition: transform var(--transition-base);
}
.product-listing__filter-btn[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.product-listing__filter-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid rgba(12, 20, 55, 0.1);
  padding: 12px;
  min-width: 184px;
  z-index: 100;
  flex-direction: column;
}
.product-listing__filter-panel.is-open {
  display: flex;
}
.product-listing__color-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  cursor: pointer;
  border-bottom: 1px solid rgba(12, 20, 55, 0.1);
}
.product-listing__color-option:last-child {
  border-bottom: none;
}
.product-listing__color-option input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.product-listing__color-swatch {
  width: 18px;
  height: 18px;
  border-radius: 0;
  flex-shrink: 0;
}
.product-listing__color-label {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  line-height: 1.1;
}
.product-listing__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 15px;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-listing__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 28px;
    max-width: 1440px;
  }
}
.product-listing__load-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.product-listing__count {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  opacity: 0.6;
}

.product-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .product-card {
    gap: 18px;
  }
}
.product-card__image {
  position: relative;
  aspect-ratio: 448/463;
  overflow: hidden;
  background: var(--color-bg-surface);
  max-height: 400px;
}
.product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
@media (prefers-reduced-motion: reduce) {
  .product-card__image img {
    transition: none;
  }
}
.product-card__scroll-indicator {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
}
.product-card__scroll-bar {
  width: 121px;
  height: 2px;
  background: var(--color-text-base);
  opacity: 0.4;
}
.product-card__scroll-track {
  width: 47px;
  height: 2px;
  background: var(--color-text-base);
  opacity: 0.15;
}
.product-card__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: auto;
  justify-content: space-between;
}
.product-card__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.product-card__name {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .product-card__name {
    font-size: 24px;
  }
}
.product-card__type {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .product-card__type {
    font-size: 16px;
  }
}
.product-card__link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  line-height: 1.1;
}
.product-card__link span {
  position: relative;
  text-decoration: none;
}
.product-card__link span::before, .product-card__link span::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.product-card__link span::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.product-card__link span::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .product-card__link span:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .product-card__link span:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-card__link span::before, .product-card__link span::after {
    transition: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .product-card:hover .product-card__link span::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .product-card:hover .product-card__link span::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}

.seo-block {
  padding: 80px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (min-width: 1024px) {
  .seo-block {
    padding: 100px 20px;
  }
}
.seo-block__content {
  max-width: 658px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.seo-block__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .seo-block__title {
    font-size: 40px;
  }
}
.seo-block__text {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
}

.seo-text-block {
  padding: 80px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (min-width: 1024px) {
  .seo-text-block {
    padding: 100px 20px;
  }
}
.seo-text-block__content {
  max-width: 658px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.seo-text-block__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .seo-text-block__title {
    font-size: 40px;
  }
}
.seo-text-block__subtitle {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .seo-text-block__subtitle {
    font-size: 30px;
  }
}
.seo-text-block__text {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
}

.seo-links {
  background-color: var(--color-bg-surface);
  padding: 60px 15px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1024px) {
  .seo-links {
    flex-direction: row;
    align-items: flex-start;
    padding: 60px 60px;
    gap: 60px;
  }
}
.seo-links__title {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .seo-links__title {
    font-size: 30px;
    min-width: 260px;
  }
}
.seo-links__columns {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}
@media (min-width: 1024px) {
  .seo-links__columns {
    flex-direction: row;
    gap: 60px;
  }
}
.seo-links__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
@media (min-width: 1024px) {
  .seo-links__list {
    gap: 16px;
  }
}
.seo-links__link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  position: relative;
  text-decoration: none;
}
.seo-links__link::before, .seo-links__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.seo-links__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.seo-links__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .seo-links__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .seo-links__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .seo-links__link::before, .seo-links__link::after {
    transition: none;
  }
}

.mdy-seo-blocks {
  padding: 40px 15px 80px 15px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 60px;
  max-width: var(--container-max);
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks {
    padding: 100px 20px;
    gap: 80px;
    align-items: center;
  }
}
.mdy-seo-blocks .mdy-seo-block {
  width: 100%;
}
.mdy-seo-blocks .mdy-seo-block h2 {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block h2 {
    font-size: 40px;
  }
}
.mdy-seo-blocks .mdy-seo-block__text, .mdy-seo-blocks .mdy-seo-block__text p {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
  text-align: left;
}
.mdy-seo-blocks .mdy-seo-block__image {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block__image {
    margin-top: 0;
  }
}
.mdy-seo-blocks .mdy-seo-block__image img {
  width: 100%;
  max-height: 215px;
  min-height: 215px;
  height: 100%;
  display: block;
  object-fit: cover;
  max-height: 415px;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block__image img {
    max-height: 500px;
    max-width: 600px;
  }
}
.mdy-seo-blocks .mdy-seo-block--a {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: left;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--a {
    text-align: left;
    align-items: center;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--a h2 {
    width: 100%;
    max-width: 600px;
  }
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--a .mdy-seo-block__text {
    width: 100%;
    max-width: 600px;
  }
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--b {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 50px;
  }
}
.mdy-seo-blocks .mdy-seo-block--b .mdy-seo-block__content {
  width: 100%;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--b .mdy-seo-block__content {
    justify-self: flex-end;
    max-width: 460px;
  }
}
.mdy-seo-blocks .mdy-seo-block--b .mdy-seo-block__image {
  width: 100%;
  max-height: 400px;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--b .mdy-seo-block__image {
    justify-self: flex-start;
    order: 2;
  }
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--c {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--c .mdy-seo-block__image {
    order: -1;
  }
}
@media (min-width: 1024px) {
  .mdy-seo-blocks .mdy-seo-block--c .mdy-seo-block__content {
    padding-right: 80px;
  }
}
.mdy-seo-blocks .mdy-seo-block--hidden {
  display: none;
}
.mdy-seo-blocks .mdy-seo-block.is-hidden {
  display: none !important;
}
.mdy-seo-blocks__toggle {
  display: flex;
  justify-content: center;
  margin-top: -20px;
}
@media (min-width: 1024px) {
  .mdy-seo-blocks__toggle {
    margin-top: -40px;
  }
}
.mdy-seo-blocks__toggle button {
  cursor: pointer;
  transition: all var(--transition-base);
}

.mdy-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  padding: 14px 0;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: 1px solid var(--color-gold);
  background: transparent;
  transition: color 0.2s ease;
}

.mdy-btn--pdf {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #9d8e61;
}
.mdy-btn--pdf::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--icon-url) no-repeat center/contain;
}
.mdy-btn--pdf span {
  position: relative;
}
.mdy-btn--pdf span::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #9d8e61;
}
.mdy-btn--pdf:hover {
  color: #000;
}
.mdy-btn--pdf:hover span::before {
  background-color: #000;
}

.mdy-seo-block__actions .mdy-btn:not(.mdy-btn--pdf) {
  display: inline-flex;
  align-items: center;
  padding: 14px 32px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #9d8e61;
  background: transparent;
  color: #9d8e61;
  margin-top: 24px;
}

.mdy-explore-further {
  padding: 80px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  background-color: var(--color-bg-light, #f9f9f9);
}
@media (min-width: 1024px) {
  .mdy-explore-further {
    padding: 80px 40px;
    gap: 50px;
  }
}
.mdy-explore-further h2 {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .mdy-explore-further h2 {
    font-size: 30px;
  }
}
.mdy-explore-further .title-left {
  text-align: left;
  align-self: flex-start;
}
.mdy-explore-further .title-centered {
  text-align: left;
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .mdy-explore-further .title-centered {
    text-align: center;
    align-self: center;
  }
}
.mdy-explore-further.section-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
@media (min-width: 1024px) {
  .mdy-explore-further.section-row {
    flex-direction: row;
    gap: 90px;
  }
}
.mdy-explore-further.section-row .explore-content {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
@media (min-width: 1024px) {
  .mdy-explore-further.section-row .explore-content {
    flex-direction: row;
    gap: 90px;
  }
}
.mdy-explore-further.section-column {
  flex-direction: column;
  align-items: center;
}
.mdy-explore-further ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  column-gap: 30px;
  width: 100%;
  max-width: 1440px;
  width: 100%;
}
@media (min-width: 1024px) {
  .mdy-explore-further ul {
    justify-content: space-between;
  }
}
.mdy-explore-further ul.cols-1 {
  grid-template-columns: 1fr;
  text-align: left;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .mdy-explore-further ul.cols-1 {
    text-align: center;
    justify-content: center;
  }
}
.mdy-explore-further ul.cols-2 {
  grid-template-columns: repeat(2, 1fr);
  text-align: left;
}
@media (min-width: 768px) {
  .mdy-explore-further ul.cols-2 {
    grid-template-columns: 1fr;
    text-align: left;
  }
}
.mdy-explore-further ul.cols-3 {
  grid-template-columns: 1fr;
  text-align: left;
}
@media (min-width: 768px) {
  .mdy-explore-further ul.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mdy-explore-further li {
  margin: 0;
}
.mdy-explore-further a {
  display: inline-block;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: #0c1437;
  border: none;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
}
.mdy-explore-further a::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
@media (hover: hover) and (pointer: fine) {
  .mdy-explore-further a:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-explore-further a::before {
    transition: none;
  }
}
@media (min-width: 768px) {
  .mdy-explore-further a {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .mdy-explore-further a {
    font-size: 15px;
  }
}

.product-hero {
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  .product-hero {
    padding-bottom: 60px;
    max-width: 1440px;
    margin: 0 auto;
  }
}
.product-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 20px 15px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.product-hero__breadcrumb::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .product-hero__breadcrumb {
    padding: 30px 30px;
    font-size: 12px;
    overflow: visible;
    white-space: normal;
  }
}
.product-hero__breadcrumb a {
  color: rgba(12, 20, 55, 0.6);
  text-decoration: none;
  transition: opacity var(--transition-base);
}
.product-hero__breadcrumb a:hover {
  opacity: 0.6;
}
.product-hero__breadcrumb span[aria-hidden] {
  margin: 0 6px;
  color: rgba(12, 20, 55, 0.6);
}
.product-hero__breadcrumb span[aria-current] {
  color: var(--color-text-base);
}
.product-hero__body {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 0 15px;
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .product-hero__body {
    flex-direction: row;
    gap: 40px;
    padding: 0 30px;
    align-items: center;
  }
}
.product-hero__gallery {
  display: flex;
  flex-direction: column;
  gap: 12px;
  order: 1;
}
@media (min-width: 1024px) {
  .product-hero__gallery {
    flex: 0 0 62%;
    max-width: 62%;
    order: 0;
  }
}
.product-hero__main-image {
  aspect-ratio: 1/1;
  overflow: hidden;
  background: var(--color-bg-surface);
  position: relative;
}
.product-hero__info {
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1024px) {
  .product-hero__info {
    flex: 1;
    position: sticky;
    top: 120px;
    align-self: flex-start;
    max-height: calc(100vh - 140px);
    order: 0;
  }
}
.product-hero__info--mobile {
  display: flex;
  margin-top: 13px;
}
@media (min-width: 1024px) {
  .product-hero__info--mobile {
    display: none;
  }
}
.product-hero__info--desktop {
  display: none;
  order: 2;
}
@media (min-width: 1024px) {
  .product-hero__info--desktop {
    display: flex;
  }
}
.product-hero__info a.btn {
  font-weight: 600;
}
.product-hero__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-hero__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.product-hero__name-row--mobile {
  display: flex;
  margin-bottom: 20px;
  padding-left: 15px;
}
@media (min-width: 1024px) {
  .product-hero__name-row--mobile {
    display: none;
  }
}
.product-hero__name-row--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .product-hero__name-row--desktop {
    display: flex;
  }
}
.product-hero__name-row .copy-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-base);
  opacity: 0.4;
  transition: opacity var(--transition-base);
}
.product-hero__name-row:hover .copy-wrapper {
  opacity: 0.8;
}
.product-hero__name {
  font-family: var(--font-primary);
  font-size: 35px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .product-hero__name {
    font-size: 53px;
    line-height: 1.2;
  }
}
.product-hero__copied {
  position: absolute;
  right: -40px;
  top: -25px;
  margin-top: 4px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: #9d8e61;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (min-width: 1024px) {
  .product-hero__copied {
    right: -2px;
    top: -23px;
  }
}
.product-hero__copied.is-visible {
  opacity: 1;
}
.product-hero__quick-info {
  display: flex;
  border: 2px solid rgba(12, 20, 55, 0.1);
}
.product-hero__quick-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product-hero__quick-col:nth-child(-n+2) {
  border-right: 1px solid rgba(12, 20, 55, 0.06);
}
.product-hero__quick-label {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-base);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(12, 20, 55, 0.06);
  padding: 6.5px 0;
}
.product-hero__quick-value {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.1;
  height: 33.5px;
}
.product-hero__detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-hero__detail-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-hero__detail-label {
  text-transform: uppercase;
}
.product-hero__detail-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--color-text-base);
}
.product-hero__detail-label {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-base);
}
.product-hero__detail-value {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
}

.product-chars {
  padding-top: 25px;
}
.product-chars .searchable-input__arrow {
  display: block;
}
@media (min-width: 1024px) {
  .product-chars .searchable-input__arrow {
    display: none;
  }
}
@media (min-width: 1024px) {
  .product-chars {
    padding-top: 55px;
  }
}
.product-chars__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  color: #9d8e61;
  line-height: 1.1;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .product-chars__title {
    font-size: 40px;
    padding-bottom: 30px;
    max-width: 58%;
  }
}
@media (min-width: 1024px) {
  .product-chars__content {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }
}
.product-chars__tables {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1024px) {
  .product-chars__tables {
    flex-direction: row;
    gap: 16px;
    width: 100%;
  }
}
.product-chars__table {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 1024px) {
  .product-chars__table {
    flex: 1;
    border: 1px solid #fff;
  }
}
.product-chars__table-toggle {
  color: #9d8e61;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
}
@media (min-width: 1024px) {
  .product-chars__table-toggle {
    cursor: default;
    pointer-events: none;
    padding: 0 0 20px;
    font-size: 24px;
  }
}
.product-chars__table-icon {
  flex-shrink: 0;
  color: #9d8e61;
  transition: transform var(--transition-base);
}
.product-chars__table-toggle[aria-expanded=true] .product-chars__table-icon {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .product-chars__table-icon {
    display: none;
  }
}
.product-chars__table-title {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: #9d8e61;
  line-height: 1.2;
  margin: 0;
}
@media (min-width: 1024px) {
  .product-chars__table-title {
    font-size: 24px;
  }
}
.product-chars__table-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  overflow: hidden;
}
.product-chars__table-content.is-open {
  grid-template-rows: 1fr;
}
@media (min-width: 1024px) {
  .product-chars__table-content {
    display: block;
    overflow: visible;
  }
}
.product-chars__table-content-wrap {
  min-height: 0;
  overflow: hidden;
}
.product-chars__chem-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 8px;
}
.product-chars__chem-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 12px;
  background: rgba(157, 142, 97, 0.15);
  border: 0.5px solid #fff;
}
.product-chars__chem-label {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
}
.product-chars__chem-value {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-base);
}
.product-chars__footnote {
  font-family: "Cormorant Garamond", serif;
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  font-style: italic;
  margin-top: 14px;
}
.product-chars__rows {
  display: flex;
  flex-direction: column;
}
.product-chars__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 12px;
  background: rgba(157, 142, 97, 0.15);
  border: 0.5px solid #fff;
  border-top: none;
}
.product-chars__row:first-child {
  border-top: 0.5px solid #fff;
}
.product-chars__row-label {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
}
.product-chars__row-value {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-base);
}

.product-gray-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: var(--color-bg-surface);
  padding: 60px 0 80px;
}
@media (min-width: 1024px) {
  .product-gray-section {
    padding: 80px 0 100px;
  }
}

.product-inspo {
  padding: 0 15px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}
@media (min-width: 1024px) {
  .product-inspo {
    padding: 0 60px 60px;
    gap: 40px;
  }
}
.product-inspo__title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  letter-spacing: -0.3px;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-inspo__title {
    font-size: 40px;
  }
}
.product-inspo__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-inspo__list {
    gap: 0;
  }
}
.product-inspo__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .product-inspo__item {
    flex-direction: row;
    align-items: center;
    gap: 40px;
    padding: 40px 0;
  }
}
@media (min-width: 1024px) {
  .product-inspo__item:first-child {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .product-inspo__item + .product-inspo__item {
    border-top: 1px solid rgba(12, 20, 55, 0.1);
  }
}
@media (min-width: 1024px) {
  .product-inspo__item--reverse {
    flex-direction: row-reverse;
  }
}
.product-inspo__image {
  overflow: hidden;
  aspect-ratio: 860/555;
  background: var(--color-bg-muted);
}
@media (min-width: 1024px) {
  .product-inspo__image {
    flex: 0 0 62%;
    max-width: 62%;
  }
}
.product-inspo__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.product-inspo__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (min-width: 1024px) {
  .product-inspo__info {
    flex: 1;
    padding: 20px 0;
  }
}
.product-inspo__name {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .product-inspo__name {
    font-size: 28px;
  }
}
.product-inspo__type {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
}
.product-inspo__link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  margin-top: 8px;
  position: relative;
  text-decoration: none;
}
.product-inspo__link::before, .product-inspo__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.product-inspo__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.product-inspo__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .product-inspo__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .product-inspo__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-inspo__link::before, .product-inspo__link::after {
    transition: none;
  }
}
.product-inspo__cta {
  text-align: center;
}

.product-similar {
  padding: 60px 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}
@media (min-width: 1024px) {
  .product-similar {
    padding: 100px 20px 0;
  }
}
.product-similar__title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  letter-spacing: -0.3px;
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .product-similar__title {
    font-size: 40px;
  }
}
.product-similar__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 15px;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-similar__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1440px;
  }
}
.product-similar__cta {
  text-align: center;
}

.product-back-btn {
  position: fixed !important;
  left: 15px;
  bottom: 20px;
  display: none;
  align-items: center;
  gap: 8px;
  padding: 14px 40px;
  background: #fff;
  border: 0.5px solid #000;
  cursor: pointer;
  z-index: 100;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: #000;
  line-height: 1.1;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.product-back-btn.is-visible {
  opacity: 1;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .product-back-btn {
    left: 30px;
    bottom: auto;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
}
.product-back-btn svg {
  flex-shrink: 0;
}

.product-slider-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
@media (min-width: 1024px) {
  .product-slider-container {
    flex-direction: row;
    gap: 0;
  }
}
.product-slider-container > .swiper-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .product-slider-container > .swiper-scrollbar {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    z-index: 10;
  }
  .product-slider-container > .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--color-brand-primary);
    border-radius: 0;
  }
}

.product-images-large {
  aspect-ratio: 1/1;
  overflow: hidden;
  background: var(--color-bg-surface);
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-images-large {
    flex: 1;
  }
}
.product-images-large .swiper-wrapper {
  height: 100%;
}
.product-images-large .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.product-images-large .product-image-large {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-images-large .product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}

.product-thumbs-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .product-thumbs-desktop {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: auto;
    max-height: calc(100% - 40px);
    z-index: 10;
    overflow: visible;
  }
}
.product-thumbs-desktop .swiper-wrapper {
  gap: 6px;
  flex-direction: column;
}

.product-thumbs-mobile {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 12px;
  width: 100%;
}
.product-thumbs-mobile::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .product-thumbs-mobile {
    display: none;
  }
}
.product-thumbs-mobile .swiper-wrapper {
  gap: 5px;
}

.product-thumbs-swiper .swiper-slide {
  width: auto;
  height: auto;
  cursor: pointer;
}
.product-thumbs-swiper .thumb-container {
  width: 90px;
  height: 65px;
  border: 2px solid transparent;
  transition: border-color var(--transition-base);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .product-thumbs-swiper .thumb-container {
    width: 100px;
    height: 75px;
  }
}
.product-thumbs-swiper .thumb-container:hover {
  border-color: rgba(12, 20, 55, 0.3);
}
.product-thumbs-swiper .swiper-slide-thumb-active .thumb-container {
  border-color: var(--color-brand-primary);
}
.product-thumbs-swiper .thumb-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdf-button-text-container {
  display: flex;
  gap: 15px;
  align-items: center;
  color: #9d8e61;
}

.realisation-grid {
  max-width: var(--container-max);
  margin-inline: auto;
  padding: 0 15px 40px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .realisation-grid {
    padding: 0 0 60px;
  }
}
.realisation-grid__title {
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
  text-align: center;
  margin: 0 0 30px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .realisation-grid__title {
    font-size: 55px;
    margin: 0;
    padding: 0 60px;
  }
}
.realisation-grid .filter-wrapper {
  position: -webkit-sticky; /* For Safari support */
  position: sticky;
  top: 90px; /* Sticks exactly to the top */
  z-index: 100; /* Ensures it stays above the product cards */
  background: #fff; /* Crucial: so cards don't show through the background */
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .realisation-grid .filter-wrapper {
    padding-top: 24px;
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .realisation-grid .filter-wrapper {
    top: 100px;
  }
}
.realisation-grid .filter-wrapper:has(.mobile-filters-container.is-open) {
  position: sticky;
  top: 90px;
  left: 0;
}
@media (min-width: 768px) {
  .realisation-grid .filter-wrapper:has(.mobile-filters-container.is-open) {
    position: -webkit-sticky; /* For Safari support */
    position: sticky;
    top: 0;
  }
}
.realisation-grid .filters-wrapper-mobile {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.realisation-grid .filters-wrapper-mobile #master-filter-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  cursor: pointer;
  transition: border-color var(--transition-base);
  white-space: nowrap;
}
.realisation-grid .filters-wrapper-mobile #master-filter-btn svg {
  flex-shrink: 0;
}
.realisation-grid .filters-wrapper-mobile #master-filter-btn i {
  position: relative;
  bottom: 3px;
}
@media (min-width: 768px) {
  .realisation-grid .filters-wrapper-mobile {
    display: none;
  }
}
.realisation-grid .filters-wrapper-mobile .arrow-down {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.realisation-grid .filters-wrapper-mobile .mobile-filters-container {
  display: none;
  margin-top: 15px;
  border: 1px solid #ddd;
  background: #fff;
}
.realisation-grid .filters-wrapper-mobile .mobile-filters-container.is-open {
  display: block;
}
.realisation-grid .filters-wrapper-mobile .mobile-filters-container.is-open .arrow-down {
  transform: rotate(225deg);
  margin-top: 4px;
}
.realisation-grid .filters-wrapper-mobile .filter-accordion-item {
  border-bottom: 1px solid #eee;
}
.realisation-grid .filters-wrapper-mobile .filter-accordion-item .filter-accordion-header {
  width: 100%;
  padding: 12px 15px;
  background: #f9f9f9;
  border: none;
  text-align: left;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.realisation-grid .filters-wrapper-mobile .filter-accordion-item .filter-accordion-header::after {
  content: "+";
}
.realisation-grid .filters-wrapper-mobile .filter-accordion-item .filter-accordion-header.is-active::after {
  content: "-";
}
.realisation-grid .filters-wrapper-mobile .filter-accordion-item .filter-accordion-content {
  display: none;
  padding: 15px;
  background: #fff;
}
.realisation-grid .filters-wrapper-mobile .filter-accordion-item .filter-accordion-content.is-open {
  display: block;
}
.realisation-grid .clear-filters span {
  color: #ada17b;
  background: transparent;
  order: 1;
  visibility: hidden;
}
@media (min-width: 768px) {
  .realisation-grid .clear-filters span {
    order: 2;
    position: relative;
  }
}
.realisation-grid #clear-filters-desktop {
  display: none;
}
@media (min-width: 768px) {
  .realisation-grid #clear-filters-desktop {
    display: block;
  }
}
.realisation-grid .filter-wrapper.is-pinned .clear-filters {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .realisation-grid .filter-wrapper.is-pinned .clear-filters {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.realisation-grid__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 0 35px;
  flex-direction: column;
  display: none;
  width: 100%;
}
.realisation-grid__filters .searchable-input__input {
  border-top: 0;
}
@media (min-width: 768px) {
  .realisation-grid__filters .searchable-input__input {
    border-top: 1px solid #cccccc;
  }
}
@media (min-width: 768px) {
  .realisation-grid__filters {
    width: auto;
    flex-direction: row;
    display: flex;
    padding: 0px;
  }
}
@media (min-width: 1024px) {
  .realisation-grid__filters {
    gap: 16px;
    padding: 0 60px 0px;
  }
}
.realisation-grid__filters.is-open {
  display: flex;
}
.realisation-grid__filter-dropdown {
  position: relative;
  z-index: 1;
}
.realisation-grid .realisation-grid__filter-dropdown:has(.searchable-input.is-open) {
  z-index: 9999;
}
.realisation-grid__filter-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  border: 1px solid rgba(12, 20, 55, 0.15);
  background: #fff;
  cursor: pointer;
  transition: border-color var(--transition-base);
  white-space: nowrap;
}
.realisation-grid__filter-btn:hover {
  border-color: var(--color-brand-primary);
}
.realisation-grid__filter-btn svg {
  flex-shrink: 0;
}
.realisation-grid__masonry {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1024px) {
  .realisation-grid__masonry {
    gap: 50px;
    margin-top: 30px;
  }
}
.realisation-grid__masonry .no-results {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  text-align: center;
  padding: 40px 0;
}
.realisation-grid__masonry .no-results h3 {
  font-family: var(--font-primary);
  font-size: 30px;
  font-weight: var(--font-weight-light);
  color: #9d8e61;
  margin-bottom: 16px;
  line-height: 1.2;
}
.realisation-grid__masonry .no-results p {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: var(--font-weight-light);
  color: #9d8e61;
  margin-bottom: 16px;
  line-height: 1.5;
}
.realisation-grid__row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .realisation-grid__row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 40px;
    padding: 0 60px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .realisation-grid__row--full {
    padding: 0 60px;
  }
}
.realisation-grid__load-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding-top: 30px;
}
@media (min-width: 1024px) {
  .realisation-grid__load-more {
    padding-top: 35px;
  }
}
.realisation-grid__count {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  opacity: 0.6;
}

.realisation-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: var(--color-text-base);
}
@media (min-width: 1024px) {
  .realisation-card--large {
    flex: 0 0 calc(66.2% - 20px);
  }
}
@media (min-width: 1024px) {
  .realisation-card--small {
    flex: 1;
  }
}
.realisation-card--full {
  width: 100%;
}
.realisation-card__image {
  overflow: hidden;
  height: 253px;
  background: var(--color-bg-surface);
}
.realisation-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
@media (min-width: 1024px) {
  .realisation-card__image {
    height: 350px;
  }
}
@media (min-width: 1024px) {
  .realisation-card__image {
    height: 550px;
  }
}
.realisation-card__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.realisation-card__name {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
}
@media (min-width: 1024px) {
  .realisation-card__name {
    font-size: 30px;
  }
}
.realisation-card__tags {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  color: #9d8e61;
}
.realisation-card__image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 253px;
}
@media (min-width: 1024px) {
  .realisation-card__image-container {
    height: 545px;
  }
}
.realisation-card__image-container .hover-slider,
.realisation-card__image-container .image-switcher,
.realisation-card__image-container .hover-slider__wrapper,
.realisation-card__image-container .image-switcher__wrapper,
.realisation-card__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.realisation-card__image-container .hover-slider__image-item:only-child {
  opacity: 1;
}
@media (min-width: 1024px) {
  .realisation-card--large {
    flex: 0 0 calc(66.2% - 20px);
  }
}
@media (min-width: 1024px) {
  .realisation-card--small {
    flex: 1;
  }
}
.realisation-card--full {
  width: 100%;
}
@media (min-width: 1024px) {
  .realisation-card--full .realisation-card__image-container {
    height: 545px;
  }
}

.real-detail-hero {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .real-detail-hero {
    flex-direction: row;
  }
}
.real-detail-hero__image {
  aspect-ratio: 1/1;
  overflow: hidden;
  background: var(--color-bg-surface);
}
@media (min-width: 1024px) {
  .real-detail-hero__image {
    width: 50%;
    aspect-ratio: 720/783;
  }
}
.real-detail-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.real-detail-hero__info {
  display: flex;
  align-items: flex-end;
  padding: 30px 15px;
}
@media (min-width: 1024px) {
  .real-detail-hero__info {
    width: 50%;
    padding: 60px 40px;
  }
}
.real-detail-hero__text {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.real-detail-hero__title {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
}
@media (min-width: 1024px) {
  .real-detail-hero__title {
    font-size: 30px;
  }
}
.real-detail-hero__tags {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  opacity: 0.6;
}

.real-detail-gallery {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 15px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .real-detail-gallery {
    padding: 60px 0;
  }
}
.real-detail-gallery__desc {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.5;
  max-width: 600px;
}
.real-detail-gallery__grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.real-detail-gallery__row {
  overflow: hidden;
}
.real-detail-gallery__row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.real-detail-gallery__row--full {
  aspect-ratio: 1320/760;
}
.real-detail-gallery__row--half {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .real-detail-gallery__row--half {
    flex-direction: row;
    gap: 40px;
  }
}
.real-detail-gallery__half-img {
  overflow: hidden;
  aspect-ratio: 640/760;
}
@media (min-width: 1024px) {
  .real-detail-gallery__half-img {
    flex: 1;
  }
}
.real-detail-gallery__half-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.real-related {
  padding: 60px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (min-width: 1024px) {
  .real-related {
    padding: 80px 60px;
  }
}
.real-related__title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  text-align: center;
}
@media (min-width: 1024px) {
  .real-related__title {
    font-size: 40px;
  }
}
.real-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  width: 100%;
}
@media (min-width: 1024px) {
  .real-related__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.real-related__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: var(--color-text-base);
}
.real-related__card-image {
  overflow: hidden;
  aspect-ratio: 640/500;
  background: var(--color-bg-surface);
}
.real-related__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.real-related__card-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.real-related__card-name {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
}
@media (min-width: 1024px) {
  .real-related__card-name {
    font-size: 30px;
  }
}
.real-related__card-tags {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  opacity: 0.6;
}

.about-hero {
  position: relative;
  height: 400px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .about-hero {
    height: 600px;
  }
}
.about-hero__bg {
  position: absolute;
  inset: 0;
}
.about-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-hero__breadcrumb {
  position: absolute;
  top: 120px;
  left: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1024px) {
  .about-hero__breadcrumb {
    left: 60px;
    top: 124px;
  }
}
.about-hero__crumb {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-inverse);
  position: relative;
  text-decoration: none;
}
.about-hero__crumb::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
@media (hover: hover) and (pointer: fine) {
  .about-hero__crumb:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-hero__crumb::before {
    transition: none;
  }
}
.about-hero__sep {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: var(--color-text-inverse);
  opacity: 0.6;
}

.d-none {
  display: none;
}

.d-mobile-block {
  display: block;
}

@media (min-width: 1024px) {
  .d-desktop-none {
    display: none !important;
  }
  .d-desktop-block {
    display: block !important;
  }
}
.about-hero-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 450px;
}
@media (min-width: 1024px) {
  .about-hero-wrapper {
    min-height: 600px;
  }
}
.about-hero-wrapper .about-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.about-hero-wrapper .about-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
}
.about-hero-wrapper .about-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-hero-wrapper .breadcrumb {
  position: absolute;
  z-index: 10;
  left: 30px;
  top: 124px;
  margin: 0;
  padding: 0px;
}
.about-hero-wrapper .breadcrumb a {
  color: rgba(255, 255, 255, 0.6);
}
.about-hero-wrapper .breadcrumb .breadcrumb__separator,
.about-hero-wrapper .breadcrumb .breadcrumb__current {
  color: #ffffff;
}
@media (min-width: 1024px) {
  .about-hero-wrapper .breadcrumb {
    top: 130px;
    left: 30px;
  }
}
.about-hero-wrapper .about-hero-container {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.about-hero-wrapper .about-hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0 15px 40px;
}
@media (min-width: 1024px) {
  .about-hero-wrapper .about-hero-content {
    padding: 0 0 40px;
  }
}
.about-hero-wrapper .about-hero-title {
  font-family: var(--font-primary);
  font-size: 32px;
  color: #ffffff;
  margin: 0;
  line-height: 1.1;
  text-align: center;
  max-width: 900px;
  width: 100%;
}
@media (min-width: 1024px) {
  .about-hero-wrapper .about-hero-title {
    font-size: 55px;
  }
}

.about-intro {
  margin: 30px 15px;
  text-align: left;
}
@media (min-width: 1024px) {
  .about-intro {
    text-align: center;
  }
}
.about-intro-title {
  font-family: var(--font-primary);
  font-size: 32px;
  margin-bottom: 20px;
  color: var(--color-text-base);
}
.about-intro-text {
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
}

.about-timeline {
  padding: 50px 15px;
  overflow: hidden;
}
.about-timeline__container {
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}
.about-timeline__container::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 100px;
  bottom: 0;
  width: 2px;
  background-color: rgba(157, 142, 97, 0.1254901961);
}
@media (min-width: 1024px) {
  .about-timeline__container {
    max-width: 1440px;
    padding: 50px 80px;
    left: 20px;
  }
  .about-timeline__container::before {
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.about-timeline__title {
  text-align: left;
  margin-bottom: 40px;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .about-timeline__title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 60px;
  }
}
.about-timeline__row {
  display: flex;
  flex-direction: column;
  padding-left: 37px;
  margin-bottom: 60px;
  position: relative;
  width: 100%;
}
.about-timeline__row .about-timeline__side {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  order: 1;
}
.about-timeline__row--content {
  order: 1;
  text-align: left;
}
.about-timeline__row--media {
  order: 2;
}
.about-timeline__row .about-timeline__year {
  margin-left: -15px;
}
.about-timeline__row .about-timeline__text {
  margin-left: -15px;
}
.about-timeline__row .about-timeline__image-wrapper {
  margin-left: -15px;
}
.about-timeline__row .about-timeline__image-wrapper img {
  height: 350px;
}
@media (min-width: 1024px) {
  .about-timeline__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 80px;
    padding-left: 0;
  }
  .about-timeline__row .about-timeline__side {
    width: 45%;
    margin-bottom: 0;
  }
  .about-timeline__row--content {
    order: 1;
    text-align: right;
  }
  .about-timeline__row .about-timeline__side--content {
    padding-left: 90px;
  }
  .about-timeline__row.is-reversed .about-timeline__side--content {
    order: 2;
    text-align: left;
    padding-left: 0;
  }
  .about-timeline__row.is-reversed .about-timeline__side--media {
    order: 1;
  }
}
.about-timeline__event {
  position: relative;
  margin-bottom: 30px;
}
.about-timeline__event::after {
  content: "";
  position: absolute;
  top: 28px;
  width: 10px;
  height: 10px;
  background-color: #0c1437;
  border-radius: 50%;
  z-index: 2;
  left: -33px;
}
.about-timeline__row:not(.is-reversed) .about-timeline__event::after {
  right: auto;
}
.about-timeline__row.is-reversed .about-timeline__event::after {
  left: -33px;
  right: auto;
}
@media (min-width: 1024px) {
  .about-timeline__event::after {
    top: 40px;
  }
  .about-timeline__row:not(.is-reversed) .about-timeline__event::after {
    right: calc(-10.6% - 17px);
    left: auto;
  }
  .about-timeline__row.is-reversed .about-timeline__event::after {
    left: calc(-10.6% - 8px);
    right: auto;
  }
}
.about-timeline__year {
  display: block;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 45px;
  line-height: 120%;
  letter-spacing: 0%;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  .about-timeline__year {
    font-size: 60px;
    margin-bottom: 20px;
  }
}
.about-timeline__text {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
  color: #3d4878;
}
.about-timeline__text ul {
  margin-left: 25px;
  list-style: disc;
}
.about-timeline__image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}
.about-timeline__image-caption {
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 0.9rem;
}

.about-partners-wrapper {
  background-color: #ffffff;
}
.about-partners-wrapper .partners {
  background-color: transparent;
}

.mdy-blog {
  max-width: var(--container-max);
  margin: 0 auto;
  font-family: var(--font-primary);
  color: #0c1437;
}
.mdy-blog .mdy-blog-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 15px 40px 15px;
}
.mdy-blog .mdy-blog-header h1 {
  font-weight: var(--font-weight-medium);
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.6px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog-header h1 {
    font-size: 55px;
    margin-bottom: 16px;
  }
}
.mdy-blog .mdy-blog-header p {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
.mdy-blog__filters {
  display: none;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
  padding: 10px;
  position: -webkit-sticky; /* For Safari support */
  position: sticky;
  top: 0; /* Sticks exactly to the top */
  z-index: 100; /* Ensures it stays above the product cards */
  background: #fff; /* Crucial: so cards don't show through the background */
}
@media (min-width: 1024px) {
  .mdy-blog__filters {
    justify-content: center;
  }
}
.mdy-blog__filters::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
.mdy-blog__filters .filter-item {
  padding: 10px 40px;
  background: transparent;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  outline: none;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
  white-space: nowrap;
}
.mdy-blog__filters .filter-item.is-active {
  border-color: #000;
}
.mdy-blog .mdy-blog__grid {
  width: 100%;
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog__grid {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb-image {
  width: 100%;
  min-height: 255px;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog__grid .mdy-article-thumb-image {
    width: 100%;
    min-height: 430px;
  }
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .mdy-blog .mdy-blog__grid {
    padding: 30px 50px 50px 50px;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 50px;
  }
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .mdy-article-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .mdy-article-content h3 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: -0.3px;
  margin: 16px 0 10px 0;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog__grid .mdy-article-thumb .mdy-article-content h3 {
    font-size: 30px;
    margin: 16px 0 22px 0;
  }
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .mdy-article-content .mdy-article-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .mdy-article-content .mdy-article-text p {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog__grid .mdy-article-thumb .mdy-article-content .mdy-article-text p {
    margin-bottom: 22px;
  }
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .post-image-permalink {
  text-decoration: none;
  width: 100%;
  height: 255px;
}
@media (min-width: 768px) {
  .mdy-blog .mdy-blog__grid .mdy-article-thumb .post-image-permalink {
    height: 430px;
  }
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .post-image-permalink::before {
  display: none;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb .post-image-permalink::after {
  display: none;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb a {
  width: fit-content;
  display: block;
  padding: 0;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  margin-bottom: 4px;
  position: relative;
  text-decoration: none;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb a::before, .mdy-blog .mdy-blog__grid .mdy-article-thumb a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb a::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-blog .mdy-blog__grid .mdy-article-thumb a::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-blog .mdy-blog__grid .mdy-article-thumb a:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-blog .mdy-blog__grid .mdy-article-thumb a:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-blog .mdy-blog__grid .mdy-article-thumb a::before, .mdy-blog .mdy-blog__grid .mdy-article-thumb a::after {
    transition: none;
  }
}
.mdy-blog .mdy-load-more-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 100px;
}
.mdy-blog .mdy-load-more-block p {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
  color: #9d8e61;
}
.mdy-blog .mdy-load-more-block button {
  padding: 20px;
  max-width: 200px;
  margin: 0 auto;
  width: 100%;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
}

html {
  scroll-behavior: smooth;
}

.mdy-single-post {
  max-width: var(--container-max);
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  gap: 49px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .mdy-single-post {
    margin-top: 90px;
    padding: 0 30px;
  }
}
.mdy-single-post .mdy-sidemenu-container {
  position: sticky;
  top: 109px;
  max-width: 374px;
  min-width: 374px;
  width: 100%;
  display: none;
}
.mdy-single-post .mdy-sidemenu-container .mdy-sidemenu {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
.mdy-single-post .mdy-sidemenu-container .back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 144px;
  background-color: transparent;
  border: 1px solid black;
  padding: 15px;
  text-decoration: none;
  color: #0c1437;
}
.mdy-single-post .mdy-sidemenu-container .back-btn svg {
  flex-shrink: 0;
  transition: color var(--transition-base);
}
.mdy-single-post .mdy-sidemenu-container .back-btn .btn-text {
  display: block;
  margin: 0;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-sidemenu-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .mdy-single-post .mdy-sidemenu-container div {
    max-width: 374px;
    width: 100%;
    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -2%;
    color: #555b73;
    cursor: pointer !important;
  }
  .mdy-single-post .mdy-sidemenu-container div:hover {
    color: #0c1437;
    font-weight: 800;
  }
  .mdy-single-post .mdy-sidemenu-container div.active {
    color: #0c1437;
    font-weight: 800;
  }
}
.mdy-single-post .mdy-post-content-wrapper {
  min-width: 0;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header h2 {
  width: 100%;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.3px;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header h2 {
    font-size: 55px;
    line-height: 65px;
    max-width: 610px;
  }
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header p {
  font-family: var(--font-primary);
  width: fit-content;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: -0.6px;
  text-align: center;
  color: #9d8e61;
  padding: 8px 14px;
  border: 1px solid #9d8e61;
  margin-bottom: 40px;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header p {
    margin-top: 18px;
  }
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header .featured-image {
  width: 100%;
  height: 205px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header .featured-image {
    width: 100%;
    height: 454px;
  }
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header .featured-image {
    width: 100%;
    height: 504px;
  }
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content-header .featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content {
  width: 100%;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content {
    max-width: 610px;
  }
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content h2 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.3px;
  margin: 30px 0 14px 0;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content h2 {
    font-size: 40px;
  }
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content h5 {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  margin-top: 16px;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content p {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  margin-bottom: 8px;
  color: #525151;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content a {
  display: block;
  text-decoration: none;
  position: relative;
  width: fit-content;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  text-decoration: none;
  margin: 16px 0;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: black;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-file {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-file object {
  display: none;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-file a {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  text-decoration: none;
  color: #7a6a4f;
  border-bottom: 1px solid #7a6a4f;
  padding-bottom: 3px;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-file a::after {
  display: none;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-file .wp-block-file__button {
  display: none;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .featured-image {
  margin-bottom: 20px;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-group {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 205px 205px 205px 511px;
  column-gap: 21px;
  row-gap: 60px;
  margin-bottom: 60px;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-group {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 286px 524px;
  }
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-group img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-group figure figcaption {
  margin-top: 10px;
}
.mdy-single-post .mdy-post-content-wrapper .mdy-post-content .wp-block-group figure figcaption em {
  display: block;
  padding-bottom: 50px;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: Italic;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
}
.mdy-single-post .mdy-post-content-wrapper h3 {
  margin-top: 60px;
  margin-bottom: 18px;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 25px;
  line-height: 110%;
  letter-spacing: -0.3px;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-post-content-wrapper h3 {
    font-size: 40px;
  }
}
.mdy-single-post .mdy-post-content-wrapper ol {
  list-style-type: decimal;
  margin: 0;
  margin-bottom: 18px;
  margin-left: 20px;
}
.mdy-single-post .mdy-post-content-wrapper ol li {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-gallery {
  width: 100%;
  margin: 18px 0;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-gallery .wp-block-image {
  width: 100%;
  height: 400px;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-gallery .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mdy-single-post .mdy-post-content-wrapper ul {
  list-style-type: disc;
  margin: 0;
  margin-bottom: 18px;
  margin-left: 20px;
}
.mdy-single-post .mdy-post-content-wrapper ul li {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-table {
  margin: 18px 0;
  width: 100%;
  overflow-x: auto;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-table table {
  border-collapse: collapse;
  border: 1px solid #e7e8eb;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-table table tbody tr td {
  padding: 10px;
  border: 1px solid #e7e8eb;
  text-align: left;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-table table tbody tr td:first-child {
  text-align: center;
}
.mdy-single-post .mdy-post-content-wrapper .wp-block-table table tbody tr:first-child td {
  text-align: center;
}
@media (min-width: 1024px) {
  .mdy-single-post .mdy-article__author {
    margin-top: 40px;
  }
}

.mdy-article-suggested {
  max-width: var(--container-max);
  margin: 0 auto;
  margin-top: 50px;
  padding: 60px 15px;
  background-color: #f9f9f9;
}
@media (min-width: 1024px) {
  .mdy-article-suggested {
    padding: 80px 60px;
  }
}
.mdy-article-suggested h2 {
  margin-bottom: 25px;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 25px;
  line-height: 110%;
  letter-spacing: -0.6px;
  text-align: center;
}
@media (min-width: 1024px) {
  .mdy-article-suggested h2 {
    margin-bottom: 35px;
    font-size: 40px;
  }
}
.mdy-article-suggested .mdy-article-thumb-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 30px;
}
@media (min-width: 768px) {
  .mdy-article-suggested .mdy-article-thumb-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
@media (min-width: 1024px) {
  .mdy-article-suggested .mdy-article-thumb-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
  }
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb h3 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: -0.3px;
  margin: 16px 0 10px 0;
}
@media (min-width: 768px) {
  .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb h3 {
    font-size: 30px;
    margin: 16px 0 22px 0;
  }
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb img {
  max-height: 253px;
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb img {
    max-height: 380px;
    width: 100%;
    object-fit: cover;
  }
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb p {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb p {
    margin-bottom: 22px;
  }
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a {
  width: fit-content;
  display: block;
  padding: 0;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  margin-bottom: 4px;
  position: relative;
  text-decoration: none;
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a::before, .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a::before, .mdy-article-suggested .mdy-article-thumb-wrapper .mdy-article-thumb a::after {
    transition: none;
  }
}

.mdy-article__author {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
.mdy-article__author img {
  width: 56px;
  height: 56px;
  object-fit: cover;
}
.mdy-article__author div .mdy-article__author-name {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: -0.6px;
  margin-bottom: 4px;
}
.mdy-article__author div .mdy-article__author-title {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
}

.wp-block-gallery.has-nested-images {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 10px;
  padding-bottom: 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wp-block-gallery.has-nested-images::-webkit-scrollbar {
  display: none;
}
.wp-block-gallery.has-nested-images .wp-block-image {
  flex: 0 0 100%;
  margin: 0;
  scroll-snap-align: center;
}
.wp-block-gallery.has-nested-images .wp-block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}

.mdy-slider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 957px;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 20px;
  position: relative;
}
.mdy-slider-container .wp-block-gallery {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  scrollbar-width: none;
}
.mdy-slider-container .wp-block-gallery::-webkit-scrollbar {
  display: none;
}
.mdy-slider-container .wp-block-gallery .wp-block-image {
  flex: 0 0 100%;
  height: 100%;
  scroll-snap-align: center;
}
.mdy-slider-container .wp-block-gallery .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mdy-slider-container .mdy-slider-pagination {
  display: flex;
  justify-content: center;
  gap: 7px;
  width: 300px;
  height: 2px;
  position: absolute;
  top: 440px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  margin-top: -50px;
}
.mdy-slider-container .mdy-slider-pagination .pagination-line {
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  flex: 1;
  cursor: pointer;
  transition: flex 0.4s ease, background 0.4s ease;
}
.mdy-slider-container .mdy-slider-pagination .pagination-line.is-active {
  background: #ffffff;
  flex: 3;
}
.mdy-slider-container .mdy-slider-controls {
  display: flex;
  gap: 14px;
  height: 50px;
}
.mdy-slider-container .mdy-slider-controls button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: transparent;
  border: 1px solid #0c1437;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdy-slider-container .mdy-slider-controls button svg {
  width: 13px;
  height: 11px;
  fill: rgba(12, 20, 55, 0.5);
}

.mdy-article-suggested-container {
  background-color: #f9f9f9;
}

.faq-page {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 100px;
}
@media (min-width: 1024px) {
  .faq-page {
    flex-direction: row;
    gap: 0;
  }
}
.faq-page__sidebar {
  display: block;
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
  padding: 0 15px;
  margin: 0 -15px 30px;
}
@media (min-width: 1024px) {
  .faq-page__sidebar {
    display: block;
    width: 280px;
    flex-shrink: 0;
    padding: 0 30px;
    position: sticky;
    top: 100px;
    align-self: flex-start;
    background: transparent;
    z-index: auto;
    margin: 0;
  }
}
.faq-page__nav {
  display: flex;
  flex-direction: row;
  gap: 30px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 15px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.faq-page__nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .faq-page__nav {
    flex-direction: column;
    gap: 4px;
    overflow-x: visible;
    padding: 0;
  }
}
.faq-page__nav-link {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  color: var(--color-text-base);
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 22px;
  padding: 6px 0;
  letter-spacing: -0.02em;
  border-bottom: 1px solid rgba(12, 20, 55, 0.2);
  width: max-content;
}
@media (min-width: 1024px) {
  .faq-page__nav-link {
    font-size: 16px;
    font-weight: var(--font-weight-light);
    white-space: normal;
    border-bottom: none;
    position: relative;
    text-decoration: none;
  }
  .faq-page__nav-link::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .faq-page__nav-link:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .faq-page__nav-link::before {
    transition: none;
  }
}
.faq-page__nav-link.is-active {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border-bottom: 1px solid #0c1437;
}
@media (min-width: 1024px) {
  .faq-page__nav-link.is-active {
    border-bottom: none;
  }
  .faq-page__nav-link.is-active::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (min-width: 1024px) {
  .faq-page__nav-link:hover {
    border-bottom: none;
  }
}
.faq-page__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .faq-page__body {
    max-width: 760px;
    padding: 0px 60px 0 40px;
  }
}
.faq-page__category {
  display: flex;
  flex-direction: column;
}
.faq-page__category-title {
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.05;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .faq-page__category-title {
    font-size: 55px;
    margin-bottom: 38px;
  }
}
.faq-page__section {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
}
@media (min-width: 1024px) {
  .faq-page__section {
    margin-bottom: 70px;
  }
}
.faq-page__section:last-child {
  margin-bottom: 0;
}
.faq-page__question {
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
  margin-bottom: 18px;
}
@media (min-width: 1024px) {
  .faq-page__question {
    font-size: 40px;
  }
}
.faq-page__answer {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.6;
  margin-bottom: 20px;
}
.faq-page__answer a {
  color: var(--color-text-base);
  text-decoration: underline;
}
.faq-page .btn {
  align-self: flex-start;
}
.faq-page__table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
}
.faq-page__table {
  width: max-content;
  max-width: 100%;
  border-collapse: collapse;
}
.faq-page__table th,
.faq-page__table td {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(12, 20, 55, 0.1);
  text-align: left;
  vertical-align: top;
}
.faq-page__table th {
  font-weight: var(--font-weight-semibold);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.faq-page__table-name {
  font-weight: var(--font-weight-semibold) !important;
  white-space: nowrap;
}
.faq-page__table-bold {
  font-weight: var(--font-weight-semibold) !important;
}

.mdy-contact {
  width: 100%;
}
.mdy-contact nav {
  margin-left: 15px;
}
.mdy-contact .mdy-contact-container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 15px 80px 15px;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-container {
    padding: 0 60px 80px 60px;
  }
}
.mdy-contact .mdy-contact-section {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  gap: 25px;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section {
    flex-direction: row;
    gap: 60px;
  }
}
.mdy-contact .mdy-contact-section .mobile {
  text-align: center;
  color: #9d8e61;
  display: block;
  font-size: 30px;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .mobile {
    text-align: start;
    display: none;
  }
}
.mdy-contact .mdy-contact-section .desktop {
  text-align: center;
  color: #9d8e61;
  display: none;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .desktop {
    text-align: start;
    display: block;
  }
}
.mdy-contact .mdy-contact-section .left-side {
  width: 100%;
  padding: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .contact-form-tabs {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .left-side .contact-form .contact-form-tabs {
    margin-top: 36px;
  }
}
.mdy-contact .mdy-contact-section .left-side .contact-form .contact-form-tabs .tab-item {
  position: relative;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #e2ded0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .contact-form-tabs .tab-item::before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #9d8e61;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .contact-form-tabs .tab-item span {
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-primary);
  line-height: 120%;
  letter-spacing: 0px;
  color: #9d8e61;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .contact-form-tabs .active-tab {
  border-bottom: 1px solid #9d8e61;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 {
  margin-top: 30px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons {
  margin-bottom: 36px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons input[type=radio] {
  accent-color: black;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons p {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons p span .wpcf7-radio {
  display: flex;
  align-items: center;
  gap: 42px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons p span .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons p span .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons p span .wpcf7-radio .wpcf7-list-item label span {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .radio-buttons .wpcf7-not-valid {
  border-bottom: none !important;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields {
  width: 100%;
  margin-bottom: 42px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 42px;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields {
    flex-direction: row;
    align-items: center;
    margin-bottom: 53px;
    gap: 20px;
  }
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div {
  width: 100%;
  position: relative;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p:has(.wpcf7-not-valid-tip) .field-label {
  color: #fe4d4d;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div br {
  display: none;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div .field-label {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  font-size: 12px;
  color: rgba(12, 20, 55, 0.6509803922);
  font-family: var(--font-secondary);
  font-weight: 300;
  pointer-events: none;
  transition: all 0.3s ease;
  opacity: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div:focus-within .field-label {
  top: -8px;
  font-size: 12px;
  opacity: 1;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p span {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p span input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 8px 0 4px 0;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
  transition: all 0.3s ease;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p span input::placeholder {
  color: rgba(12, 20, 55, 0.8);
  transition: opacity 0.3s ease;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p span input:focus {
  border-bottom: 1px solid rgba(12, 20, 55, 0.8);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-fields div p span input:focus::placeholder {
  opacity: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field {
    margin-bottom: 53px;
  }
  .mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field:last-of-type {
    margin-bottom: 30px;
  }
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div {
  position: relative;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p:has(.wpcf7-not-valid-tip) .field-label {
  color: #fe4d4d;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div br {
  display: none;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div .field-label {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: rgba(12, 20, 55, 0.6509803922);
  font-family: var(--font-secondary);
  font-weight: 300;
  pointer-events: none;
  transition: all 0.3s ease;
  opacity: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div:focus-within .field-label {
  top: -8px;
  font-size: 12px;
  opacity: 1;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p span {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p span input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 8px 0 4px 0;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
  transition: all 0.3s ease;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p span input::placeholder {
  color: rgba(12, 20, 55, 0.8);
  transition: opacity 0.3s ease;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p span input:focus {
  border-bottom: 1px solid rgba(12, 20, 55, 0.8);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-field div p span input:focus::placeholder {
  opacity: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .last-text-field {
  margin-bottom: 30px !important;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-area {
  width: 100%;
  margin-bottom: 20px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-area p {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-area p span {
  width: 100%;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-area p span textarea {
  height: 120px;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 8px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
  transition: all 0.3s ease;
  resize: none;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-area p span textarea::placeholder {
  color: rgba(12, 20, 55, 0.8);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .text-area p span textarea:focus {
  border: 1px solid rgba(12, 20, 55, 0.8);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader {
  position: relative;
  width: 100%;
  border: 2px dashed rgba(157, 142, 97, 0.3137254902);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease;
  padding: 19px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader .uploader-content {
  cursor: pointer;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader .uploader-content .upload-icon {
  display: inline-block;
  width: 22.5px;
  height: 22.5px;
  background-image: url("../images/download-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader .uploader-content .main-text {
  font-size: 14px;
  font-family: var(--font-secondary);
  color: #0c1437;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  margin-bottom: 8px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader .uploader-content .main-text .browse {
  color: #9d8e61;
  text-decoration: underline;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader .uploader-content .sub-text {
  font-size: 13px;
  color: rgba(12, 20, 55, 0.5019607843);
  line-height: 140%;
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-regular);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-file-uploader.drag-over {
  background-color: #ebe8df;
  border-style: solid;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .file-name {
  display: none;
  width: fit-content;
  background: rgba(157, 142, 97, 0.0509803922);
  padding: 14.5px;
  margin-top: 12px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .file-name .file-item {
  font-size: 14px;
  line-height: 110%;
  font-weight: 400;
  font-family: var(--font-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .file-name .file-text {
  color: #9d8e61;
  margin-left: 5px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .file-name .file-size {
  margin-left: 5px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .file-name .remove-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-weight: bold;
  color: #0c1437;
  font-size: 20px;
  line-height: 1;
  margin-left: 10px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  border: none;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p .wpcf7-form-control-wrap,
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p .wpcf7-list-item {
  display: inline-flex;
  margin: 0;
  border: none;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p label input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #9d8e61;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
  margin: 0;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p label input[type=checkbox]::before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: background 0.2s ease;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p label input[type=checkbox]:checked {
  background-color: #ffffff;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p label input[type=checkbox]:checked::before {
  background: rgba(12, 20, 55, 0.1019607843);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p label .wpcf7-list-item-label {
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox p a {
  text-decoration: underline;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  font-family: var(--font-secondary);
  color: #9d8e61;
  margin-left: 2px;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox .wpcf7-not-valid-tip {
  width: 162px;
  position: absolute;
  top: 20px;
  left: 0;
  border: none;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-checkbox .wpcf7-not-valid {
  border-bottom: none !important;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-submit-button p input {
  width: 100%;
  height: 48px;
  background-color: transparent;
  outline: none;
  border: none;
  border: 1px solid #868686;
  padding: 16px;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  font-family: var(--font-secondary);
  color: #868686;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-submit-button p input {
    width: 294px;
  }
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .form-submit-button p input:hover {
  color: white;
  background-color: #868686;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .wpcf7-not-valid {
  border-bottom: 1px solid #fe4d4d !important;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .wpcf7-not-valid-tip {
  color: #fe4d4d;
}
.mdy-contact .mdy-contact-section .left-side .contact-form .wpcf7 .wpcf7-response-output {
  margin: 0;
  margin: 20px 0;
  padding: 10px;
  border: none;
  background: #9d8e61;
  color: white;
}
.mdy-contact .mdy-contact-section .left-side .particulier-form,
.mdy-contact .mdy-contact-section .left-side .entreprise-form {
  display: none;
}
.mdy-contact .mdy-contact-section .right-side {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  overflow: initial !important;
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .right-side {
    justify-content: end;
  }
}
.mdy-contact .mdy-contact-section .right-side img {
  width: 100%;
  height: 162px;
  object-fit: cover;
  position: sticky;
  top: 150px;
}
@media (min-width: 768px) {
  .mdy-contact .mdy-contact-section .right-side img {
    height: 350px;
  }
}
@media (min-width: 1024px) {
  .mdy-contact .mdy-contact-section .right-side img {
    height: 450px;
  }
}
@media (min-width: 1280px) {
  .mdy-contact .mdy-contact-section .right-side img {
    height: 640px;
  }
}

.autocomplete-suggestions {
  position: absolute;
  background: #ffffff;
  z-index: 9999;
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  top: 100%;
  left: 0;
}

.suggestion-item {
  padding: 12px 15px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
  transition: background 0.2s ease;
  color: #333;
}

.suggestion-item:hover {
  background-color: #f9f9f9;
  color: #b59a6d;
}

.nous-trouver {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 30px 15px 40px;
}
@media (min-width: 1024px) {
  .nous-trouver {
    padding: 40px 60px 60px;
    gap: 40px;
  }
}
.nous-trouver__title {
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  font-style: italic;
  text-align: center;
}
@media (min-width: 1024px) {
  .nous-trouver__title {
    font-size: 55px;
  }
}
.nous-trouver__map {
  width: 100%;
  max-width: 1440px;
  aspect-ratio: 1400/600;
  overflow: hidden;
  background: var(--color-bg-surface);
}
.nous-trouver__map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mdy-showroom-info h1 + .mdy-showroom-subtitle {
  margin-top: 8px;
}

.mdy-showroom-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .mdy-showroom-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
  }
}
.mdy-showroom-grid__image {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: var(--color-bg-surface);
}
@media (min-width: 1024px) {
  .mdy-showroom-grid__image {
    height: 420px;
  }
}
.mdy-showroom-grid__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mdy-showroom-grid__map {
  width: 100%;
  height: 300px;
  background: var(--color-bg-surface);
}
@media (min-width: 1024px) {
  .mdy-showroom-grid__map {
    height: 420px;
  }
}
.mdy-showroom-grid__map .single-showroom-map {
  margin: 0px;
}
.mdy-showroom-grid__info {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
}
.mdy-showroom-grid__info .mdy-btn--primary {
  background-color: #9d8e61;
  color: #fff;
  padding: 18px 40px;
  width: 100%;
  border-radius: 0;
  text-align: center;
  display: block;
}
@media (min-width: 1024px) {
  .mdy-showroom-grid__info .mdy-btn--primary {
    width: max-content;
  }
}

.mdy-showroom-details dt {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.3px;
  color: #9d8e61;
  margin-bottom: 4px;
}
.mdy-showroom-details dd {
  margin-bottom: 10px;
  line-height: 1.6;
}
.mdy-showroom-details .mdy-showroom-copy-wrapper + .mdy-showroom-copy-wrapper {
  margin-top: 4px;
}

.mdy-showroom-copy-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
}

.mdy-showroom-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: currentColor;
  transition: opacity 0.2s ease;
}
.mdy-showroom-copy-btn:hover {
  opacity: 0.7;
}
.mdy-showroom-copy-btn svg {
  display: block;
}

.mdy-showroom-copied {
  position: absolute;
  left: 100%;
  margin-left: 8px;
  font-size: 13px;
  color: #9d8e61;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  white-space: nowrap;
}

.mdy-showroom-address-text {
  cursor: pointer;
}
.mdy-showroom-address-text:hover {
  opacity: 0.7;
}

.mdy-showroom-contact-text {
  cursor: pointer;
}
.mdy-showroom-contact-text:hover {
  opacity: 0.7;
}
.mdy-showroom-contact-text a {
  color: inherit;
  text-decoration: none;
}

.mdy-showroom-contact-prefix {
  margin-right: 4px;
}

.mdy-showroom-directions-link {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  color: #0c1437;
  position: relative;
  text-decoration: none;
}
.mdy-showroom-directions-link::before, .mdy-showroom-directions-link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-showroom-directions-link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-showroom-directions-link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-showroom-directions-link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-showroom-directions-link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-showroom-directions-link::before, .mdy-showroom-directions-link::after {
    transition: none;
  }
}

.mdy-showroom-parking {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}
.mdy-showroom-parking img {
  flex-shrink: 0;
}
.mdy-showroom-parking span {
  font-size: 14px;
  line-height: 1.4;
}

.mdy-btn--secondary {
  background-color: transparent;
  border: 1px solid #9d8e61;
  color: #9d8e61;
  padding: 18px 40px;
  width: max-content;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mdy-showroom-gallery {
  margin-top: 70px;
  margin-bottom: 70px;
}
.mdy-showroom-gallery__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__wrapper {
    gap: 40px;
  }
}
.mdy-showroom-gallery__row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__row {
    flex-direction: row;
    gap: 40px;
  }
}
.mdy-showroom-gallery__item {
  position: relative;
  overflow: hidden;
  background: var(--color-bg-surface);
  cursor: pointer;
}
.mdy-showroom-gallery__item img,
.mdy-showroom-gallery__item video,
.mdy-showroom-gallery__item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: none;
  pointer-events: none;
}
.mdy-showroom-gallery__item video {
  pointer-events: none;
}
.mdy-showroom-gallery__item--full {
  width: 100%;
  aspect-ratio: 1320/545;
  max-height: 250px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__item--full {
    max-height: 545px;
  }
}
.mdy-showroom-gallery__item--full img,
.mdy-showroom-gallery__item--full video,
.mdy-showroom-gallery__item--full iframe {
  max-height: 250px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__item--full img,
  .mdy-showroom-gallery__item--full video,
  .mdy-showroom-gallery__item--full iframe {
    max-height: 545px;
  }
}
.mdy-showroom-gallery__item--large {
  aspect-ratio: 1/1;
  max-height: 250px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__item--large {
    flex: 2;
    aspect-ratio: 860/545;
    max-height: 545px;
  }
}
.mdy-showroom-gallery__item--large img,
.mdy-showroom-gallery__item--large video,
.mdy-showroom-gallery__item--large iframe {
  max-height: 250px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__item--large img,
  .mdy-showroom-gallery__item--large video,
  .mdy-showroom-gallery__item--large iframe {
    max-height: 545px;
  }
}
.mdy-showroom-gallery__item--small {
  aspect-ratio: 1/1;
  max-height: 250px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__item--small {
    flex: 1;
    aspect-ratio: 420/545;
    max-height: 545px;
  }
}
.mdy-showroom-gallery__item--small img,
.mdy-showroom-gallery__item--small video,
.mdy-showroom-gallery__item--small iframe {
  max-height: 250px;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery__item--small img,
  .mdy-showroom-gallery__item--small video,
  .mdy-showroom-gallery__item--small iframe {
    max-height: 545px;
  }
}
.mdy-showroom-gallery__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.mdy-showroom-gallery__item:hover .mdy-showroom-gallery__play-icon {
  opacity: 0.8;
}
.mdy-showroom-gallery .mdy-btn--primary {
  margin-top: 35px;
  background-color: #fff;
  color: #9d8e61;
  border: 1px solid #9d8e61;
  padding: 18px 40px;
  width: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .mdy-showroom-gallery .mdy-btn--primary {
    width: max-content;
  }
}

.mdy-showroom-reviews-section {
  padding: 35px 0;
}
.mdy-showroom-reviews-section .mdy-showroom-reviews__title {
  display: none;
}

.showroom-reviews__loading, .showroom-reviews__error, .showroom-reviews__empty {
  text-align: center;
  padding: 40px 20px;
  color: #0c1437;
}
.showroom-reviews__overall {
  text-align: center;
  margin-bottom: 30px;
  padding: 30px;
  background: #f3f3f3;
  border-radius: 8px;
}
.showroom-reviews__logo-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 15px;
}
.showroom-reviews__google-logo {
  height: 24px;
  width: auto;
}
.showroom-reviews__avis-text {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
.showroom-reviews__rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.showroom-reviews__rating-number {
  font-size: 42px;
  font-weight: 700;
  color: #0c1437;
}
.showroom-reviews__stars {
  display: flex;
  gap: 4px;
  align-items: center;
}
.showroom-reviews__stars .star {
  font-size: 28px;
}
.showroom-reviews__stars .star--full {
  color: #fbbc04;
}
.showroom-reviews__stars .star--half {
  color: #fbbc04;
  opacity: 0.5;
}
.showroom-reviews__stars .star--empty {
  color: #e0e0e0;
}
.showroom-reviews__count {
  font-size: 14px;
  color: #666;
}
.showroom-reviews__slider-wrapper {
  position: relative;
  margin-bottom: 30px;
}
.showroom-reviews__slider {
  overflow: hidden;
}
.showroom-reviews__track {
  display: flex;
  transition: transform 0.4s ease;
}
.showroom-reviews__slide {
  flex: 0 0 100%;
  padding: 0 10px;
}
@media (min-width: 1024px) {
  .showroom-reviews__slide {
    flex: 0 0 25%;
    padding: 0 15px;
  }
}
.showroom-reviews__item {
  background: #f3f3f3;
  padding: 20px;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.showroom-reviews__item-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.showroom-reviews__author {
  display: flex;
  gap: 10px;
  align-items: center;
  flex: 1;
}
.showroom-reviews__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.showroom-reviews__avatar-placeholder {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #4285f4;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  flex-shrink: 0;
}
.showroom-reviews__author-name {
  font-weight: 600;
  color: #0c1437;
  font-size: 14px;
}
.showroom-reviews__date {
  font-size: 12px;
  color: #999;
  margin-top: 2px;
}
.showroom-reviews__item-stars {
  display: flex;
  gap: 2px;
  margin-bottom: 12px;
}
.showroom-reviews__item-stars .star {
  font-size: 16px;
}
.showroom-reviews__item-stars .star--full {
  color: #fbbc04;
}
.showroom-reviews__item-stars .star--half {
  color: #fbbc04;
  opacity: 0.5;
}
.showroom-reviews__item-stars .star--empty {
  color: #e0e0e0;
}
.showroom-reviews__text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin: 0 0 10px 0;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.showroom-reviews__read-more {
  font-size: 13px;
  color: #4285f4;
  font-weight: 500;
  align-self: flex-start;
  position: relative;
  text-decoration: none;
}
.showroom-reviews__read-more::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
@media (hover: hover) and (pointer: fine) {
  .showroom-reviews__read-more:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .showroom-reviews__read-more::before {
    transition: none;
  }
}
.showroom-reviews__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #828282;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  z-index: 20;
  color: #fff;
}
.showroom-reviews__arrow:hover:not(:disabled) {
  background: #6d6d6d;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  transform: translateY(-50%) scale(1.05);
}
.showroom-reviews__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.showroom-reviews__arrow--prev {
  left: 10px;
}
.showroom-reviews__arrow--next {
  right: 10px;
}
.showroom-reviews__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.showroom-reviews__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ddd;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.showroom-reviews__dot.active {
  background: #333;
  width: 24px;
  border-radius: 5px;
}
.showroom-reviews__dot:hover {
  background: #999;
}

.mdy-showroom-others {
  padding: 70px 0;
  background: #fff;
}
.mdy-showroom-others__title {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 35px;
  color: #0c1437;
}
@media (min-width: 1024px) {
  .mdy-showroom-others__title {
    font-size: 40px;
  }
}
.mdy-showroom-others__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: calc(768px - 1px)) {
  .mdy-showroom-others__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.mdy-showroom-others__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f9f9f9;
}
.mdy-showroom-others__item:nth-child(1) {
  justify-self: end;
}
.mdy-showroom-others__item:nth-child(2) {
  justify-self: start;
}
@media (max-width: calc(768px - 1px)) {
  .mdy-showroom-others__item {
    width: 100%;
    justify-self: center;
  }
}
.mdy-showroom-others__image {
  width: 100%;
  height: 236px;
  overflow: hidden;
}
.mdy-showroom-others__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mdy-showroom-others__content {
  padding: 24px 20px;
}
.mdy-showroom-others__name {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: #9d8e61;
  margin: 0 0 12px 0;
}
.mdy-showroom-others__address-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
}
.mdy-showroom-others__address {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 140%;
  color: #0c1437;
  margin: 0;
  cursor: pointer;
}
.mdy-showroom-others__address:hover {
  color: #9d8e61;
}
.mdy-showroom-others__copy-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #0c1437;
  transition: color 0.3s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.mdy-showroom-others__copy-btn:hover {
  color: #9d8e61;
}
.mdy-showroom-others__copy-btn svg {
  display: block;
  width: 14px;
  height: 14px;
}
.mdy-showroom-others__copied {
  position: absolute;
  right: 10px;
  top: -12px;
  margin-top: 4px;
  font-size: 12px;
  color: #4caf50;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.mdy-showroom-others__link {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #0c1437;
  transition: color 0.3s ease;
  position: relative;
  text-decoration: none;
}
.mdy-showroom-others__link::before, .mdy-showroom-others__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-showroom-others__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-showroom-others__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-showroom-others__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-showroom-others__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-showroom-others__link::before, .mdy-showroom-others__link::after {
    transition: none;
  }
}
.mdy-showroom-others__link:hover {
  color: #c5a572;
}

.mdy-showroom-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdy-showroom-lightbox__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 10001;
  transition: opacity 0.3s ease;
}
.mdy-showroom-lightbox__close:hover {
  opacity: 0.7;
}
.mdy-showroom-lightbox__prev, .mdy-showroom-lightbox__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 10001;
  transition: opacity 0.3s ease;
}
.mdy-showroom-lightbox__prev:hover, .mdy-showroom-lightbox__next:hover {
  opacity: 0.7;
}
.mdy-showroom-lightbox__prev:disabled, .mdy-showroom-lightbox__next:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.mdy-showroom-lightbox__prev {
  left: 20px;
}
.mdy-showroom-lightbox__next {
  right: 20px;
}
.mdy-showroom-lightbox__content {
  position: relative;
  width: 90%;
  height: 90%;
  max-width: 1200px;
  max-height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdy-showroom-lightbox__slide {
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.mdy-showroom-lightbox__slide.active {
  display: flex;
}
.mdy-showroom-lightbox__slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.mdy-showroom-lightbox__slide video,
.mdy-showroom-lightbox__slide iframe {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.mdy-showroom-lightbox__slide iframe {
  aspect-ratio: 16/9;
}
.mdy-showroom-lightbox__counter {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 16px;
  font-family: var(--font-secondary);
  z-index: 10001;
}

.showroom {
  padding: 0 15px 40px;
}
@media (min-width: 1024px) {
  .showroom {
    padding: 0 60px 60px;
  }
}
.showroom__hero {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1024px) {
  .showroom__hero {
    flex-direction: row;
    gap: 40px;
  }
}
.showroom__hero-images {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1024px) {
  .showroom__hero-images {
    flex: 1;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.showroom__hero-img {
  overflow: hidden;
  aspect-ratio: 660/480;
  background: var(--color-bg-surface);
}
.showroom__hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.showroom__hero-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .showroom__hero-info {
    width: 340px;
    flex-shrink: 0;
    padding-top: 10px;
  }
}
.showroom__info-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.showroom__info-heading {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .showroom__info-heading {
    font-size: 26px;
  }
}
.showroom__info-line {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.5;
}
.showroom__gallery {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 0;
  scroll-snap-type: x mandatory;
}
@media (min-width: 1024px) {
  .showroom__gallery {
    gap: 20px;
    padding: 60px 0;
  }
}
.showroom__gallery::-webkit-scrollbar {
  display: none;
}
.showroom__gallery-img {
  flex-shrink: 0;
  width: 280px;
  aspect-ratio: 400/300;
  overflow: hidden;
  scroll-snap-align: start;
  background: var(--color-bg-surface);
}
@media (min-width: 1024px) {
  .showroom__gallery-img {
    width: 350px;
  }
}
.showroom__gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.showroom__video {
  position: relative;
  width: 100%;
  aspect-ratio: 1320/500;
  overflow: hidden;
  background: var(--color-bg-surface);
}
.showroom__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.showroom__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  transition: transform var(--transition-base);
}
.showroom__video-play:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.showroom-others {
  padding: 60px 15px;
  text-align: center;
}
@media (min-width: 1024px) {
  .showroom-others {
    padding: 80px 60px;
  }
}
.showroom-others__title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .showroom-others__title {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
.showroom-others__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  text-align: left;
}
@media (min-width: 1024px) {
  .showroom-others__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.showroom-others__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: var(--color-text-base);
}
.showroom-others__card-image {
  overflow: hidden;
  aspect-ratio: 600/400;
  background: var(--color-bg-surface);
}
.showroom-others__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.showroom-others__card-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.showroom-others__card-title {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
}
@media (min-width: 1024px) {
  .showroom-others__card-title {
    font-size: 24px;
  }
}
.showroom-others__card-address {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
}

.mdy-find-us {
  max-width: 1440px;
  margin: 0 auto;
}
.mdy-find-us__header {
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .mdy-find-us__header {
    margin-bottom: 60px;
  }
}
.mdy-find-us__title {
  font-family: var(--font-primary);
  font-size: 40px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.6px;
  text-align: center;
  color: #9d8e61;
  margin: 0 0 20px 0;
}
@media (min-width: 1024px) {
  .mdy-find-us__title {
    font-size: 55px;
  }
}
.mdy-find-us__subtitle {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
  color: var(--color-text-base);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.mdy-find-us__map {
  margin-bottom: 60px;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .mdy-find-us__map {
    margin-bottom: 80px;
  }
}
.mdy-find-us__showrooms {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 768px) {
  .mdy-find-us__showrooms {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .mdy-find-us__showrooms {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}

.showrooms-map {
  width: 100%;
  min-height: 400px;
  height: 600px;
  background: #f5f5f5;
}
@media (min-width: 1024px) {
  .showrooms-map {
    height: 700px;
  }
}
.showrooms-map .gm-style-iw-chr {
  display: none;
}
.showrooms-map .gm-style {
  font-family: var(--font-secondary);
}
.showrooms-map .gm-style-iw {
  padding: 0;
  max-width: 320px !important;
}
.showrooms-map .gm-style-iw-d {
  overflow: auto !important;
}
.showrooms-map .gm-style-iw-c {
  padding: 0;
  border-radius: 0px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.showrooms-map .gm-style-iw-t::after {
  display: none !important;
}
.showrooms-map button[aria-label=Close] {
  display: none !important;
}

.showroom-info-window {
  padding: 0;
  width: 318px;
  font-family: var(--font-secondary);
}

.showroom-info__image {
  width: 318px;
  height: 140px;
  overflow: hidden;
  margin-bottom: 24px;
}
.showroom-info__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.showroom-info__title {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  color: #9d8e61;
  line-height: 120%;
  letter-spacing: 0%;
  margin: 0 15px 12px 15px;
}
.showroom-info__address-wrapper {
  display: flex;
  margin: 0 15px 14px 15px;
}
.showroom-info__address {
  max-width: 248px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.4;
  margin: 0;
  letter-spacing: -0.51px;
}
.showroom-info__copy-btn {
  display: inline-flex;
  margin-left: 5px;
  vertical-align: baseline;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #9d8e61;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  margin-top: 4px;
}
.showroom-info__copy-btn:hover {
  opacity: 0.7;
  transform: scale(1.1);
}
.showroom-info__copy-btn:active {
  transform: scale(0.95);
}
.showroom-info__copy-btn svg {
  width: 10px;
  height: 10px;
  display: block;
}
.showroom-info__link {
  display: inline-block;
  margin: 0 15px 20px 15px;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 110%;
  letter-spacing: -0.19px;
  color: #0c1437;
  text-decoration: none;
  position: relative;
  text-decoration: none;
}
.showroom-info__link::before, .showroom-info__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.showroom-info__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.showroom-info__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .showroom-info__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .showroom-info__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .showroom-info__link::before, .showroom-info__link::after {
    transition: none;
  }
}

.single-showroom-map {
  width: 100%;
  min-height: 300px;
  height: 400px;
  background: #f5f5f5;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin: 30px 0;
}
@media (min-width: 1024px) {
  .single-showroom-map {
    height: 500px;
    margin: 40px 0;
  }
}
.single-showroom-map .gm-style {
  font-family: var(--font-secondary);
}
.single-showroom-map .gm-style-iw {
  padding: 0;
}
.single-showroom-map .gm-style-iw-d {
  overflow: auto !important;
}
.single-showroom-map .gm-style-iw-c {
  padding: 0;
  border-radius: 0px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.single-showroom-map .gm-style-iw-t::after {
  display: none !important;
}
.single-showroom-map button[aria-label=Close] {
  display: none !important;
}

.mdy-showroom-card {
  background: white;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.mdy-showroom-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.mdy-showroom-card h2 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.3;
  margin: 20px 15px 12px;
}
.mdy-showroom-card p {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-base);
  line-height: 1.6;
  margin: 0 15px 8px;
}
.mdy-showroom-card p a {
  color: var(--color-text-base);
  transition: color var(--transition-base);
  position: relative;
  text-decoration: none;
}
.mdy-showroom-card p a::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
@media (hover: hover) and (pointer: fine) {
  .mdy-showroom-card p a:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-showroom-card p a::before {
    transition: none;
  }
}
.mdy-showroom-card p a:hover {
  color: var(--color-brand-primary);
}
.mdy-showroom-card .mdy-btn {
  display: inline-block;
  margin: 16px 15px 20px;
  padding: 10px 20px;
  background: var(--color-brand-primary);
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-base);
}
.mdy-showroom-card .mdy-btn:hover {
  background: var(--color-primary-dark, #0a0f1f);
}

.engagement-header {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.engagement-header__container {
  width: 100%;
  max-width: 960px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 0px 15px;
}
.engagement-header__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #0c1437;
  text-align: center;
  max-width: 692px;
  margin: 0;
}
@media (min-width: 1024px) {
  .engagement-header__title {
    font-size: 55px;
  }
}
.engagement-header__intro {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.51px;
  color: #0c1437;
  text-align: center;
  max-width: 700px;
  margin: 0;
}

.engagement-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  gap: 20px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .engagement-grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px;
    gap: 12px;
    max-width: 375px;
  }
}

.engagement-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  gap: 10px;
  width: 100%;
  height: 120px;
  background: #f9f9f9;
}
@media (min-width: 768px) {
  .engagement-card {
    width: 224px;
  }
}
@media (max-width: 767px) {
  .engagement-card {
    width: calc((100% - 12px) / 2);
    padding: 15px 12px;
    height: auto;
    min-height: 120px;
    flex-grow: 1;
  }
  .engagement-card:nth-child(n+3) {
    height: 140px;
  }
}
.engagement-card__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.engagement-card__icon svg,
.engagement-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.engagement-card__text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: -0.51px;
  color: #0c1437;
  max-width: 194px;
  margin: 0;
}
@media (max-width: 767px) {
  .engagement-card__text {
    max-width: 142.5px;
    line-height: 140%;
  }
}

.manifesto {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  min-height: 300px;
  padding: 80px 15px;
}
.manifesto__container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manifesto__content {
  width: 100%;
  max-width: 600px;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  color: #0c1437;
}
@media (min-width: 1024px) {
  .manifesto__content {
    text-align: center;
  }
}
.manifesto__content p {
  margin: 0;
}
.manifesto__content p:not(:last-child) {
  margin-bottom: 1em;
}
.manifesto__content strong,
.manifesto__content b {
  font-weight: 500;
}

.modal-container {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  z-index: 9000;
  padding: 0 15px;
  opacity: 0;
  visibility: hidden;
  padding-top: 65px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--color-bg-overlay);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 9001;
}
.modal-container.active {
  opacity: 1;
  visibility: visible;
  display: flex;
  justify-content: center;
  padding-top: 65px;
}
.modal-container.active .overlay {
  opacity: 1;
}
.modal-container.active .modal-content {
  transform: translateY(0);
}
.modal-container .modal-content {
  position: relative;
  background: white;
  padding: 17px 10px;
  max-width: 1080px;
  width: 100%;
  z-index: 10000;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .modal-container .modal-content {
    padding: 40px 50px;
  }
}
.modal-container .modal-content .modal-header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  flex-shrink: 0;
}
.modal-container .modal-content .modal-header div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container .modal-content .modal-header h2 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: -0.3px;
  text-align: center;
}
@media (min-width: 768px) {
  .modal-container .modal-content .modal-header h2 {
    font-size: 40px;
  }
}
.modal-container .modal-content .modal-header span {
  display: block;
  width: fit-content;
  margin-left: auto;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  cursor: pointer;
}
.modal-container .modal-content .modal-subheader {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: Italic;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .modal-container .modal-content .modal-subheader {
    font-size: 16px;
    margin-bottom: 24px;
    margin-top: 0;
  }
}
.modal-container .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .modal-container .content {
    align-items: start;
  }
}
.modal-container .content h2 {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: Italic;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 17px;
  color: #9d8e61;
}
@media (min-width: 768px) {
  .modal-container .content h2 {
    margin-bottom: 12px;
    color: black;
  }
}
.modal-container .content .blocks {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  flex: 1;
  overflow: auto;
  position: relative;
}
@media (min-width: 768px) {
  .modal-container .content .blocks {
    flex-direction: row;
    gap: 28px;
    overflow: hidden;
  }
}
.modal-container .content .blocks .left-side {
  width: 100%;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side {
    max-width: 300px;
    overflow-y: auto;
  }
}
.modal-container .content .blocks .left-side .tranche-content {
  display: block;
}
@media (max-width: 768px) {
  .modal-container .content .blocks .left-side .tranche-content {
    display: none;
  }
  .modal-container .content .blocks .left-side .tranche.active .tranche-content {
    display: block;
  }
  .modal-container .content .blocks .left-side .tranche h3 {
    cursor: pointer;
    margin-bottom: 0;
  }
}
.modal-container .content .blocks .left-side .tranches {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 35vh;
  overflow-y: auto;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches {
    gap: 0px;
    max-height: 500px;
  }
}
.modal-container .content .blocks .left-side .tranches .tranche {
  padding: 10px;
  background-color: rgba(157, 142, 97, 0.2);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: all 0.3s ease;
}
.modal-container .content .blocks .left-side .tranches .tranche * {
  pointer-events: none;
}
.modal-container .content .blocks .left-side .tranches .tranche h3 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.modal-container .content .blocks .left-side .tranches .tranche .booked {
  background: white;
  padding: 3px 20px;
  font-size: 12px;
  font-style: italic;
  margin-left: auto;
  align-self: flex-end;
  display: none;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .tranche .booked {
    display: block;
  }
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .tranche {
    background-color: transparent;
    gap: 0px;
    padding: 14px 10px;
  }
}
.modal-container .content .blocks .left-side .tranches .tranche .mobile-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .tranche .mobile-accordion-header {
    display: none;
  }
}
.modal-container .content .blocks .left-side .tranches .tranche .arrow-down {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.modal-container .content .blocks .left-side .tranches .tranche.active {
  background-color: rgba(157, 142, 97, 0.2);
}
.modal-container .content .blocks .left-side .tranches .tranche.active .arrow-down {
  transform: rotate(225deg);
  margin-top: 4px;
}
.modal-container .content .blocks .left-side .tranches .tranche.active + .mobile-content {
  display: flex;
}
.modal-container .content .blocks .left-side .tranches .tranche:hover {
  cursor: pointer;
  opacity: 0.4;
}
.modal-container .content .blocks .left-side .tranches .tranche .mobile-tranche-count {
  color: #9d8e61;
  font-size: 14px;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .tranche .mobile-tranche-count {
    display: none;
  }
}
.modal-container .content .blocks .left-side .tranches .tranche .tranche-content {
  display: none;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .tranche .tranche-content {
    display: block;
  }
}
.modal-container .content .blocks .left-side .tranches .tranche h3 {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .tranche h3 {
    font-size: 14px;
  }
}
.modal-container .content .blocks .left-side .tranches .tranche .dimensions {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  margin-bottom: 6px;
}
.modal-container .content .blocks .left-side .tranches .tranche .dimensions p {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
.modal-container .content .blocks .left-side .tranches .tranche .surface {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}
.modal-container .content .blocks .left-side .tranches .tranche .surface p {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
.modal-container .content .blocks .left-side .tranches .mobile-content {
  display: none;
  flex-direction: column;
  background: rgba(157, 142, 97, 0.0705882353);
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .mobile-content {
    display: none !important;
  }
}
.modal-container .content .blocks .left-side .tranches .mobile-content .mobile-content-row {
  display: flex;
  align-items: center;
}
.modal-container .content .blocks .left-side .tranches .mobile-content .mobile-content-row p {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  flex: 1;
  padding: 10px 6px;
  border: 1px solid #e7e8eb;
}
.modal-container .content .blocks .left-side .tranches .mobile-content .mobile-content-row p:nth-of-type(2) {
  text-align: center;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .tranches .mobile-content {
    display: none;
  }
}
.modal-container .content .blocks .left-side .mobile-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
  position: absolute;
  bottom: 0;
  z-index: 50;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .left-side .mobile-links {
    display: none;
  }
}
.modal-container .content .blocks .left-side .mobile-links-checkbox {
  display: none;
}
.modal-container .content .blocks .left-side .mobile-links-checkbox:checked ~ .mobile-links-list {
  max-height: 500px;
  opacity: 1;
}
.modal-container .content .blocks .left-side .mobile-links-checkbox:checked ~ .mobile-links-label .arrow-down {
  transform: rotate(225deg);
}
.modal-container .content .blocks .left-side .mobile-links-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  cursor: pointer;
  font-weight: 600;
  user-select: none;
  background-color: #9d8e61;
  color: white;
  font-family: var(--font-secondary, sans-serif);
  font-weight: 500;
  font-style: Medium;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}
.modal-container .content .blocks .left-side .mobile-links-label .arrow-down {
  display: inline-block;
  transition: transform 0.3s ease;
  border: solid white;
  border-width: 0 2px 2px 0;
  padding: 4px;
  transform: rotate(45deg);
  position: relative;
  top: -1px;
}
.modal-container .content .blocks .left-side .mobile-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
  background: white;
}
.modal-container .content .blocks .left-side .mobile-links-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #eee;
  padding: 12px;
}
.modal-container .content .blocks .left-side .mobile-links-list li:hover {
  background: rgba(157, 142, 97, 0.2);
  cursor: pointer;
}
.modal-container .content .blocks .left-side .mobile-links-list li a {
  display: block;
  color: #333;
  text-decoration: none;
  width: 100%;
}
.modal-container .content .blocks .tranche-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 10px;
}
.modal-container .content .blocks .tranche-details .slider-container {
  display: block;
  width: 100%;
  height: 185px;
  order: 2;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .tranche-details .slider-container {
    height: 350px;
  }
}
.modal-container .content .blocks .right-side {
  width: 100%;
  display: none;
  position: relative;
  order: 1;
}
.modal-container .content .blocks .right-side.active {
  display: block;
}
.modal-container .content .blocks .right-side .right-side-header {
  width: 100%;
  display: none;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .modal-container .content .blocks .right-side .right-side-header {
    display: block;
  }
}
.modal-container .content .blocks .right-side .right-side-header table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #e7e8eb;
}
.modal-container .content .blocks .right-side .right-side-header table th {
  width: 25%;
  text-align: center;
  padding: 8px 0;
}
.modal-container .content .blocks .right-side .right-side-header table td {
  width: 25%;
  text-align: center;
  padding: 8px 0;
}
.modal-container .content .blocks .right-side .right-side-header table .top {
  border-bottom: 1px solid #e7e8eb;
}
.modal-container .custom-select {
  position: relative;
  width: 250px;
  font-family: var(--font-secondary, sans-serif);
  z-index: 1000;
  align-self: center;
  order: 3;
}
.modal-container .custom-select .select-checkbox {
  display: none;
}
.modal-container .custom-select .select-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 15px;
  background: #fff;
  border: 1px solid #e7e8eb;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  width: 250px;
  position: relative;
}
.modal-container .custom-select .select-label .select-text {
  font-size: 14px;
  position: relative;
  right: 5px;
}
.modal-container .custom-select .select-label .arrow-down {
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #0c1437;
  border-bottom: 1px solid #0c1437;
  transform: rotate(45deg) translateY(-2px);
  transform-origin: center;
  transition: transform 0.3s ease;
  margin: 0;
  position: absolute;
  right: 15px;
}
.modal-container .custom-select .select-label.active {
  background-color: rgba(157, 142, 97, 0.2);
}
.modal-container .custom-select .select-label.active .arrow-down {
  transform: rotate(225deg);
  margin-top: 8px;
}
.modal-container .custom-select .select-options {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 100%;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e7e8eb;
  border-top: none;
  z-index: 1000001;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
.modal-container .custom-select .select-options a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: background 0.2s ease;
  width: 100%;
  padding: 12px;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  gap: 5px;
}
.modal-container .custom-select .select-options a:hover {
  background-color: rgba(157, 142, 97, 0.2);
  color: #9d8e61;
}
.modal-container .custom-select .select-checkbox:checked ~ .select-options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.modal-container .custom-select .select-checkbox:checked ~ .select-label .arrow-down {
  transform: rotate(225deg);
}
.modal-container .links-select {
  display: none;
}
@media (min-width: 768px) {
  .modal-container .links-select {
    display: flex;
  }
}

.mdy-slabs {
  max-width: var(--container-max);
  margin: 0 auto;
}
.mdy-slabs .mdy-filters {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.mdy-slabs__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 0 30px;
  flex-direction: row;
  display: row;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1024px) {
  .mdy-slabs__filters {
    gap: 16px;
    padding: 0 60px 0px;
  }
}
.mdy-slabs__filters.is-open {
  display: flex;
}
.mdy-slabs .filter-wrapper {
  position: -webkit-sticky; /* For Safari support */
  position: sticky;
  top: 90px; /* Sticks exactly to the top */
  z-index: 100; /* Ensures it stays above the product cards */
  background: #fff; /* Crucial: so cards don't show through the background */
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper {
    padding: 20px;
    flex-direction: row;
    top: 100px;
  }
}
.mdy-slabs .filter-wrapper:has(.mobile-filters-container.is-open) {
  position: sticky;
  top: 100px;
  left: 0;
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper:has(.mobile-filters-container.is-open) {
    position: -webkit-sticky; /* For Safari support */
    position: sticky;
    top: 0;
  }
}
.mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown {
  max-width: auto;
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown {
    max-width: 250px;
  }
}
.mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(1) {
  order: 1;
  flex: 0 0 calc(50% - 8px);
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(1) {
    order: 1;
    flex: auto;
  }
}
.mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(2) {
  order: 3;
  flex: 0 0 100%;
}
.mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(2) .searchable-input__input {
  border-top: 0;
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(2) .searchable-input__input {
    border-top: 1px solid #cccccc;
  }
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(2) {
    order: 2;
    flex: auto;
  }
}
.mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(3) {
  order: 2;
  flex: 0 0 calc(50% - 8px);
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper .mdy-slabs__filter-dropdown:nth-child(3) {
    order: 3;
    flex: auto;
  }
}
.mdy-slabs .filter-wrapper.is-pinned .clear-filters {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}
@media (min-width: 768px) {
  .mdy-slabs .filter-wrapper.is-pinned .clear-filters {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.mdy-slabs h1 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 32px;
  line-height: 110%;
  letter-spacing: -0.6px;
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .mdy-slabs h1 {
    font-size: 55px;
    margin-bottom: 35px;
  }
}
.mdy-slabs .js-new-arrivals-section {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .mdy-slabs .js-new-arrivals-section {
    margin-top: 40px;
  }
}
.mdy-slabs__grid {
  padding: 50px 15px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.mdy-slabs__grid .is-hidden-initial {
  display: none;
}
@media (min-width: 768px) {
  .mdy-slabs__grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    padding: 50px;
    margin-top: 40px;
  }
}
.mdy-slabs__grid .mdy-slab-thumb {
  display: none;
}
.mdy-slabs__grid .mdy-slab-thumb.show-slab {
  display: block;
}
.mdy-slabs__grid .mdy-slab-thumb img {
  width: 100%;
  height: 208px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .mdy-slabs__grid .mdy-slab-thumb img {
    height: 380px;
  }
}
.mdy-slabs__grid .mdy-slab-thumb h2 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 105%;
  letter-spacing: -0.31px;
  margin: 10px 0 5px 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .mdy-slabs__grid .mdy-slab-thumb h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
.mdy-slabs__grid .mdy-slab-thumb span {
  display: block;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: Italic;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: -0.51px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .mdy-slabs__grid .mdy-slab-thumb span {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.mdy-slabs__grid .mdy-slab-thumb button {
  position: relative;
  width: fit-content;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  margin-bottom: 4px;
}
.mdy-slabs__grid .mdy-slab-thumb button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: black;
}
.mdy-slabs__grid .load-more-slabs {
  margin-top: 20px;
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
}
.mdy-slabs__grid .load-more-slabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 62px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-brand-primary);
  background-color: transparent;
  border: 1px solid var(--color-brand-primary);
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
@media (min-width: 1024px) {
  .mdy-slabs__grid .load-more-slabs button {
    width: auto;
  }
}
.mdy-slabs__grid .load-more-slabs button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.seo-page {
  padding: 0 15px 40px;
}
@media (min-width: 1024px) {
  .seo-page {
    padding: 0 0 60px;
  }
}
.seo-page__projects {
  display: flex;
  flex-direction: column;
}
.seo-page__project {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .seo-page__project {
    flex-direction: row;
    min-height: 500px;
  }
}
@media (min-width: 1024px) {
  .seo-page__project--img-right {
    flex-direction: row-reverse;
  }
}
.seo-page__project-image {
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--color-bg-surface);
}
@media (min-width: 1024px) {
  .seo-page__project-image {
    width: 55%;
    aspect-ratio: auto;
  }
}
.seo-page__project-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seo-page__project-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 0;
}
@media (min-width: 1024px) {
  .seo-page__project-info {
    width: 45%;
    padding: 40px 60px;
  }
}
.seo-page__project-title {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
}
@media (min-width: 1024px) {
  .seo-page__project-title {
    font-size: 30px;
  }
}
.seo-page__project-tags {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
}
.seo-page__load-more {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.seo-page__clients {
  padding: 40px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .seo-page__clients {
    padding: 60px;
  }
}
.seo-page__clients-title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .seo-page__clients-title {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
.seo-page__clients-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  align-items: center;
}
.seo-page__client-logo img {
  height: 30px;
  width: auto;
  opacity: 0.6;
}
.seo-page__mdy {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .seo-page__mdy {
    flex-direction: row;
    min-height: 500px;
  }
}
.seo-page__mdy-image {
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--color-bg-surface);
}
@media (min-width: 1024px) {
  .seo-page__mdy-image {
    width: 50%;
    aspect-ratio: auto;
  }
}
.seo-page__mdy-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seo-page__mdy-content {
  display: flex;
  align-items: center;
  padding: 30px 15px;
}
@media (min-width: 1024px) {
  .seo-page__mdy-content {
    width: 50%;
    padding: 60px;
  }
}
.seo-page__mdy-title {
  font-family: var(--font-primary);
  font-size: 26px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
}
@media (min-width: 1024px) {
  .seo-page__mdy-title {
    font-size: 40px;
  }
}
.seo-page__discover {
  padding: 40px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .seo-page__discover {
    padding: 60px;
  }
}
.seo-page__discover-title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .seo-page__discover-title {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
.seo-page__discover-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  text-align: left;
}
@media (min-width: 1024px) {
  .seo-page__discover-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.seo-page__discover-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: var(--color-text-base);
}
.seo-page__discover-card-image {
  overflow: hidden;
  aspect-ratio: 640/400;
  background: var(--color-bg-surface);
}
.seo-page__discover-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.seo-page__discover-card-title {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
}
@media (min-width: 1024px) {
  .seo-page__discover-card-title {
    font-size: 30px;
  }
}
.seo-page__back {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}

.seo-realisations {
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.seo-realisations__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 0;
  border-bottom: none;
}
.seo-realisations__row:last-child {
  margin-bottom: 0;
}
.seo-realisations__row--image-first .seo-realisations__image, .seo-realisations__row--text-first .seo-realisations__image {
  order: 1;
}
.seo-realisations__row--image-first .seo-realisations__content, .seo-realisations__row--text-first .seo-realisations__content {
  order: 2;
}
@media (min-width: 1024px) {
  .seo-realisations__row {
    gap: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(157, 142, 97, 0.2);
  }
  .seo-realisations__row:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .seo-realisations__row--image-first {
    grid-template-columns: minmax(0, 60%) minmax(0, 40%);
  }
  .seo-realisations__row--image-first .seo-realisations__image {
    order: 1;
  }
  .seo-realisations__row--image-first .seo-realisations__content {
    order: 2;
  }
  .seo-realisations__row--text-first {
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
  }
  .seo-realisations__row--text-first .seo-realisations__image {
    order: 2;
  }
  .seo-realisations__row--text-first .seo-realisations__content {
    order: 1;
  }
}
.seo-realisations__image {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.seo-realisations__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.seo-realisations__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 1024px) {
  .seo-realisations__content {
    gap: 16px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
.seo-realisations__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.3px;
  color: #0c1437;
}
@media (min-width: 1024px) {
  .seo-realisations__title {
    font-size: 30px;
  }
}
.seo-realisations__tags {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  color: #9d8e61;
}
.seo-realisations__cta {
  display: flex;
  justify-content: center;
  padding: 40px 0 80px;
}
@media (min-width: 1024px) {
  .seo-realisations__cta {
    padding: 40px 0 100px;
  }
}
.seo-realisations__cta .btn {
  font-weight: 600;
}
.seo-realisations__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #0c1437;
  text-decoration: none;
  border-bottom: 1px solid #0c1437;
  padding-bottom: 4px;
  transition: opacity 0.2s ease;
  width: fit-content;
}
.seo-realisations__link svg {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.seo-realisations__link:hover {
  opacity: 0.7;
}
.seo-realisations__link:hover svg {
  transform: translateX(4px);
}

.mdy-legal .modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 0 15px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mdy-legal .modal-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.mdy-legal .modal-container.active {
  opacity: 1;
  visibility: visible;
}
.mdy-legal .modal-container.active .overlay {
  opacity: 1;
}
.mdy-legal .modal-container.active .modal-content {
  transform: translateY(0);
}
.mdy-legal .modal-container .modal-content {
  position: relative;
  background: white;
  padding: 10px;
  max-width: 1026px;
  width: 100%;
  z-index: 10000;
}
@media (min-width: 1024px) {
  .mdy-legal .modal-container .modal-content {
    padding: 30px;
  }
}
.mdy-legal .modal-container .modal-content .modal-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .mdy-legal .modal-container .modal-content .modal-header {
    margin-bottom: 13px;
    justify-content: center;
  }
}
.mdy-legal .modal-container .modal-content .modal-header h1 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.3px;
  margin-top: 38px;
}
@media (min-width: 768px) {
  .mdy-legal .modal-container .modal-content .modal-header h1 {
    font-size: 55px;
    margin-top: 0;
  }
}
.mdy-legal .modal-container .modal-content .modal-header span {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  cursor: pointer;
}
.mdy-legal .modal-container .modal-content .content {
  display: flex;
  width: 100%;
  margin-top: 25px;
}
@media (min-width: 1024px) {
  .mdy-legal .modal-container .modal-content .content {
    margin-top: 44px;
  }
}
.mdy-legal .modal-container .modal-content .content .left-side {
  display: none;
}
@media (min-width: 1024px) {
  .mdy-legal .modal-container .modal-content .content .left-side {
    display: block;
    min-width: 270px;
    max-width: 270px;
    width: 100%;
  }
}
.mdy-legal .modal-container .modal-content .content .left-side div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px;
}
.mdy-legal .modal-container .modal-content .content .left-side div span {
  position: relative;
  width: fit-content;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -2%;
  color: #555b73;
  cursor: pointer !important;
  transition: all 0.3s ease;
}
.mdy-legal .modal-container .modal-content .content .left-side div span.active {
  color: black;
}
.mdy-legal .modal-container .modal-content .content .left-side div span.active::after {
  width: 100%;
}
.mdy-legal .modal-container .modal-content .content .left-side div span:hover {
  color: black;
}
.mdy-legal .modal-container .modal-content .content .left-side div span:hover::after {
  width: 100%;
}
.mdy-legal .modal-container .modal-content .content .left-side div span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background-color: black;
  transition: all 0.3s ease;
}
.mdy-legal .modal-container .modal-content .content .right-side {
  width: 100%;
  height: calc(100vh - 300px);
  overflow-y: auto;
}
.mdy-legal .modal-container .modal-content .content .right-side h2 {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 25px;
  line-height: 110%;
  letter-spacing: -0.3px;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .mdy-legal .modal-container .modal-content .content .right-side h2 {
    font-size: 40px;
    margin-bottom: 9px;
  }
}
.mdy-legal .modal-container .modal-content .content .right-side p {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  color: #525151;
  padding-top: 9px;
  padding-bottom: 4px;
}
.mdy-legal .modal-container .modal-content .content .right-side p:has(a) {
  margin-top: 5px;
  margin-bottom: 40px;
}
.mdy-legal .modal-container .modal-content .content .right-side ol {
  list-style-type: decimal;
  margin-left: 20px;
}
.mdy-legal .modal-container .modal-content .content .right-side ol li {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  color: #525151;
}
.mdy-legal .modal-container .modal-content .content .right-side ul {
  margin-top: 8px;
  margin-left: 20px;
  list-style-type: disc;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
}
.mdy-legal .modal-container .modal-content .content .right-side ul li {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  color: #525151;
}
.mdy-legal .modal-container .modal-content .content .right-side a {
  position: relative;
  width: fit-content;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  letter-spacing: -0.19px;
  text-decoration: none;
  margin-bottom: 4px;
}
.mdy-legal .modal-container .modal-content .content .right-side a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: black;
}
.mdy-legal .modal-container .modal-content .content .wp-block-file {
  margin-top: 8px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.mdy-legal .modal-container .modal-content .content .wp-block-file a {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  text-decoration: none;
  color: #7a6a4f;
  border-bottom: 1px solid #7a6a4f;
  padding-bottom: 3px;
}
.mdy-legal .modal-container .modal-content .content .wp-block-file a::after {
  display: none;
}
.mdy-legal .modal-container .modal-content .content .wp-block-file .wp-block-file__button {
  display: none;
}

.link-modal-trigger {
  cursor: pointer;
}

.search-results {
  padding: 0 15px 40px;
}
@media (min-width: 1024px) {
  .search-results {
    padding: 0 60px 60px;
  }
}
.search-results__dropdown {
  max-width: 600px;
  margin: 0 auto 40px;
  border: 1px solid rgba(12, 20, 55, 0.1);
  background: var(--color-bg-main);
}
.search-results__category {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(12, 20, 55, 0.06);
}
.search-results__category:last-child {
  border-bottom: none;
}
.search-results__category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.search-results__category-label {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-secondary);
}
.search-results__count {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-secondary);
}
.search-results__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  text-decoration: none;
  color: var(--color-text-base);
  transition: background-color var(--transition-base);
}
.search-results__item:hover {
  background: rgba(12, 20, 55, 0.03);
}
.search-results__item-thumb {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  overflow: hidden;
  background: var(--color-bg-surface);
}
.search-results__item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-results__item-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.search-results__item-title {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
}
.search-results__item-subtitle {
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-light);
  color: var(--color-brand-secondary);
  font-style: italic;
}
.search-results__grid-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.search-results__sort {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.search-results__sort::before, .search-results__sort::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.search-results__sort::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.search-results__sort::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .search-results__sort:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .search-results__sort:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .search-results__sort::before, .search-results__sort::after {
    transition: none;
  }
}
.search-results__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 1024px) {
  .search-results__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.search-results__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  color: var(--color-text-base);
}
.search-results__card-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 400/500;
  background: var(--color-bg-surface);
}
.search-results__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.search-results__card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-extrabold);
  color: var(--color-text-inverse);
  background: var(--color-brand-primary);
  padding: 4px 10px;
}
.search-results__card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search-results__card-title {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
}
.search-results__card-category {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-secondary);
  font-style: italic;
}
.search-results__card-link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  position: relative;
  text-decoration: none;
}
.search-results__card-link::before, .search-results__card-link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.search-results__card-link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.search-results__card-link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .search-results__card-link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .search-results__card-link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .search-results__card-link::before, .search-results__card-link::after {
    transition: none;
  }
}

.mdy-conf-prestep {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: auto;
}
.mdy-conf-prestep__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.mdy-conf-prestep__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.mdy-conf-prestep__content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: white;
  max-width: 800px;
  padding: 2rem;
  margin: 0 auto;
}
.mdy-conf-prestep__title {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: white;
}
@media (min-width: 1024px) {
  .mdy-conf-prestep__title {
    font-size: 55px;
  }
}
.mdy-conf-prestep__text {
  font-family: var(--font-secondary);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 2rem;
  color: white;
  font-weight: normal;
  opacity: 0.75;
}
.mdy-conf-prestep .mdy-btn {
  margin-top: 1rem;
  border: 1px solid white;
  border-radius: 0;
}

.conf-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.config-hero-btn {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 35px;
  gap: 10px;
  width: 100%;
  height: 52px;
}
@media (min-width: 1024px) {
  .config-hero-btn {
    width: 172px;
  }
}
.config-hero-btn {
  /* White border */
  border: 1px solid #ffffff;
  color: white;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /* Nested text styles */
}
.config-hero-btn__text {
  width: 92px;
  height: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  /* White text */
  color: #ffffff;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.mdy-conf-step .title {
  font-family: var(--font-primary);
  font-weight: 500;
  font-style: Medium;
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -0.3px;
  text-align: center;
  color: #0c1437;
  padding-top: 25px;
}
@media (min-width: 768px) {
  .mdy-conf-step .title {
    padding-top: initial;
  }
}
@media (min-width: 768px) {
  .mdy-conf-step .filter-wrapper {
    flex-direction: row-reverse;
  }
}
.mdy-conf-step .filter-wrapper .clear-filters-configuration {
  left: 0;
}
.mdy-conf-step {
  text-align: center;
}
.mdy-conf-step .product-card {
  text-align: left;
}
.mdy-conf-step .configurator-load-more-wrapper {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .mdy-conf-step .configurator-load-more-wrapper {
    width: auto;
  }
}
.mdy-conf-step .configurator-load-more-wrapper button {
  width: 100%;
}
@media (min-width: 768px) {
  .mdy-conf-step .configurator-load-more-wrapper button {
    width: auto;
  }
}

.product-hero-mobile {
  display: block;
}
@media (min-width: 768px) {
  .product-hero-mobile {
    display: none;
  }
}

.mdy-conf-stones-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
  min-height: 200px;
}
@media (min-width: 1024px) {
  .mdy-conf-stones-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 28px;
    max-width: 1440px;
    padding: 0 20px;
  }
}

.conf-breadcrumb-container .breadcrumb {
  position: absolute;
  z-index: 10;
  left: 30px;
  top: 130px;
  margin: 0;
  padding: 0px;
}
.conf-breadcrumb-container .breadcrumb a {
  color: rgba(255, 255, 255, 0.6);
}
.conf-breadcrumb-container .breadcrumb .breadcrumb__separator,
.conf-breadcrumb-container .breadcrumb .breadcrumb__current {
  color: #ffffff;
}
@media (min-width: 1024px) {
  .conf-breadcrumb-container .breadcrumb {
    top: 140px;
    left: 30px;
  }
}

.mdy-conf-wrapper[hidden] {
  display: none !important;
}

.mdy-conf-wrapper:not([hidden]) {
  display: block;
}

.mdy-conf-stone-thumb,
.mdy-conf-shape,
.mdy-conf-finish {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mdy-conf-stone-thumb:hover,
.mdy-conf-shape:hover,
.mdy-conf-finish:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mdy-conf-shape__preview {
  width: 100px;
  height: 100px;
}
@media (min-width: 768px) {
  .mdy-conf-shape__preview {
    width: 200px;
    height: 200px;
  }
}

.mdy-conf-stones-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.mdy-conf-shapes,
.mdy-conf-finishes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.mdy-conf-shape,
.mdy-conf-finish {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background: #f9f9f9;
  border: 2px solid transparent;
  text-align: center;
}
.mdy-conf-shape img,
.mdy-conf-finish img {
  max-width: 100%;
  height: auto;
}
.mdy-conf-shape span,
.mdy-conf-finish span {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

.mdy-conf-stone-thumb {
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
}
.mdy-conf-stone-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.mdy-conf-stone-thumb img:nth-child(2) {
  display: none;
}
.mdy-conf-stone-thumb:hover img:nth-child(1) {
  display: none;
}
.mdy-conf-stone-thumb:hover img:nth-child(2) {
  display: block;
}
.mdy-conf-stone-thumb span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-family: var(--font-secondary);
  font-size: 14px;
  text-align: center;
}

.mdy-conf-progress {
  width: 100%;
  max-width: 98vw;
}
.mdy-conf-progress ol {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .mdy-conf-progress ol {
    flex-wrap: nowrap;
    overflow-x: hidden;
    cursor: grab;
    user-select: none;
  }
}
@media (max-width: calc(1024px - 1px)) {
  .mdy-conf-progress ol {
    overflow: auto;
  }
}
.mdy-conf-progress ol li {
  flex: 1;
  position: relative;
  min-width: 234px;
  height: 76px;
  background-color: #f2efe5;
  color: rgba(171, 149, 87, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  padding-left: 24px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1224px) {
  .mdy-conf-progress ol li .product-grid__cards {
    justify-content: flex-start; /* Switch to start when items likely overflow */
  }
}
.mdy-conf-progress ol li.active {
  cursor: grabbing;
}
.mdy-conf-progress ol li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  border-left: 34px solid #f2efe5;
  transform: translateX(100%);
  z-index: 3;
}
.mdy-conf-progress ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  border-left: 34px solid white;
  z-index: 1;
}
.mdy-conf-progress ol li:first-child {
  margin-left: 0;
}
.mdy-conf-progress ol li:first-child::before {
  display: none;
}
.mdy-conf-progress ol li.is-active {
  background-color: #fcfbfa;
}
.mdy-conf-progress ol li.is-active::after {
  border-left: 34px solid #fcfbfa;
}
.mdy-conf-progress ol li .step-title-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.mdy-conf-progress ol li .step-title-wrapper svg {
  display: none;
}
.mdy-conf-progress ol li .step-value {
  color: #ab9557;
  margin-top: 4px;
  font-family: Inter;
  font-weight: 300;
  font-style: italic;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: -2%;
}
.mdy-conf-progress ol li.is-completed {
  cursor: pointer;
}
.mdy-conf-progress ol li.is-completed .step-title-wrapper {
  font-weight: bold;
}
.mdy-conf-progress ol li.is-completed .step-title-wrapper svg {
  display: block;
}

.mdy-conf-steps {
  margin-top: 35px;
  margin-bottom: 60px;
}

.mdy-conf-thank-you {
  margin: 80px auto;
  text-align: center;
  font-family: var(--font-primary);
}
.mdy-conf-thank-you__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.mdy-conf-thank-you__logo {
  max-width: 150px;
  height: auto;
  margin-bottom: 16px;
}
.mdy-conf-thank-you h2 {
  font-family: var(--font-primary);
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.6px;
  color: #9d8e61;
  margin: 0 0 16px 0;
}
@media (min-width: 1024px) {
  .mdy-conf-thank-you h2 {
    font-size: 55px;
  }
}
.mdy-conf-thank-you p {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -0.51px;
  text-align: center;
  color: #9d8e61;
  margin: 0 0 28px 0;
}
@media (min-width: 1024px) {
  .mdy-conf-thank-you p {
    font-size: 28px;
    line-height: 140%;
  }
}
.mdy-conf-thank-you__link {
  width: 100%;
  display: inline-block;
  padding: 18px 40px;
  background-color: transparent;
  border: 1px solid #9d8e61;
  color: #9d8e61;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (min-width: 1024px) {
  .mdy-conf-thank-you__link {
    width: 240px;
    font-size: 15px;
  }
}
.mdy-conf-thank-you__link:hover {
  background-color: #9d8e61;
  color: #fff;
}

.configurateur-hero {
  position: relative;
  min-height: 400px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .configurateur-hero {
    min-height: 500px;
  }
}
.configurateur-hero__overlay {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.configurateur-hero__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(12, 20, 55, 0.5);
  z-index: -1;
}
.configurateur-hero__title {
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-inverse);
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .configurateur-hero__title {
    font-size: 55px;
  }
}
.configurateur-hero__subtitle {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--color-text-inverse);
  line-height: 1.5;
  max-width: 500px;
}

.configurateur {
  padding: 20px 15px 40px;
}
@media (min-width: 1024px) {
  .configurateur {
    padding: 30px 60px 60px;
  }
}
.configurateur__stepper {
  display: flex;
  overflow-x: auto;
  gap: 0;
  margin-bottom: 30px;
  -webkit-overflow-scrolling: touch;
}
.configurateur__stepper::-webkit-scrollbar {
  display: none;
}
.configurateur__step {
  flex-shrink: 0;
  padding: 12px 20px;
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: rgba(12, 20, 55, 0.4);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color var(--transition-base), border-color var(--transition-base);
}
.configurateur__step--active {
  color: var(--color-text-base);
  border-bottom-color: var(--color-brand-secondary);
}
.configurateur__title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .configurateur__title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.configurateur__filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}
.configurateur__filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  background: transparent;
  border: 1px solid rgba(12, 20, 55, 0.2);
  padding: 10px 16px;
  cursor: pointer;
  transition: border-color var(--transition-base);
}
.configurateur__filter:hover {
  border-color: var(--color-brand-primary);
}
.configurateur__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (min-width: 1024px) {
  .configurateur__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.configurateur__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-decoration: none;
  color: var(--color-text-base);
}
.configurateur__card-image {
  overflow: hidden;
  aspect-ratio: 400/300;
  background: var(--color-bg-surface);
}
.configurateur__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.configurateur__card-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.configurateur__card-name {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .configurateur__card-name {
    font-size: 20px;
  }
}
.configurateur__card-category {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-secondary);
  font-style: italic;
}
.configurateur__card-link {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  position: relative;
  text-decoration: none;
}
.configurateur__card-link::before, .configurateur__card-link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.configurateur__card-link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.configurateur__card-link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .configurateur__card-link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .configurateur__card-link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .configurateur__card-link::before, .configurateur__card-link::after {
    transition: none;
  }
}
.configurateur__load-more {
  display: flex;
  justify-content: center;
  padding: 40px 0 0;
}

.stone-info-actions {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .stone-info-actions {
    flex-direction: row;
    align-items: center;
  }
}

.mdy-conf-step--forme {
  max-width: 1030px;
  margin: 0 auto;
}
.mdy-conf-step--forme h2 {
  margin-bottom: 12px;
}
.mdy-conf-step--forme p {
  margin-bottom: 8px;
}
.mdy-conf-step--forme .mdy-link {
  display: inline-block;
  margin-bottom: 35px;
  position: relative;
  text-decoration: none;
}
.mdy-conf-step--forme .mdy-link::before, .mdy-conf-step--forme .mdy-link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-conf-step--forme .mdy-link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-conf-step--forme .mdy-link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-conf-step--forme .mdy-link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-conf-step--forme .mdy-link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-conf-step--forme .mdy-link::before, .mdy-conf-step--forme .mdy-link::after {
    transition: none;
  }
}

.mdy-conf-shapes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .mdy-conf-shapes {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
}

.mdy-conf-shape {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: transform 0.2s ease;
  background-color: #f0eee6;
}
.mdy-conf-shape:hover {
  transform: translateY(-4px);
}
.mdy-conf-shape__preview {
  width: 100%;
  aspect-ratio: 1;
  max-width: 200px;
  transition: outline 0.2s ease;
}
.mdy-conf-shape__name {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  text-align: center;
}

.mdy-conf-step--finition {
  max-width: 1030px;
  margin: 0 auto;
}
.mdy-conf-step--finition h2 {
  margin-bottom: 35px;
}

.mdy-conf-finishes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .mdy-conf-finishes {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}

.mdy-conf-finish {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: transform 0.2s ease;
  background-color: #f0eee6;
  padding: 20px;
}
.mdy-conf-finish:hover {
  transform: translateY(-4px);
}
.mdy-conf-finish__image {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: outline 0.2s ease;
}
.mdy-conf-finish__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mdy-conf-finish__name {
  font-family: var(--font-primary);
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--color-text-base);
  text-align: center;
}

.mdy-conf-finish-none {
  margin-top: 35px;
  text-align: center;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: -0.19px;
  cursor: pointer;
}
.mdy-conf-finish-none span {
  position: relative;
  text-decoration: none;
}
.mdy-conf-finish-none span::before, .mdy-conf-finish-none span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-conf-finish-none span::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-conf-finish-none span::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-conf-finish-none span:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-conf-finish-none span:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-conf-finish-none span::before, .mdy-conf-finish-none span::after {
    transition: none;
  }
}

.mdy-btn-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 1px solid #d1d1d1;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.mdy-btn-copy svg {
  width: 20px;
  height: 20px;
  color: var(--color-text-base);
}
.mdy-btn-copy:hover {
  background: #f5f5f5;
  border-color: var(--color-brand-primary);
}
.mdy-btn-copy.copied {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}
.mdy-btn-copy.copied svg {
  color: white;
}

.mdy-link-back {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-muted);
  margin-bottom: 5px;
}
.mdy-link-back span {
  position: relative;
  text-decoration: none;
}
.mdy-link-back span::before, .mdy-link-back span::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.mdy-link-back span::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.mdy-link-back span::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .mdy-link-back span:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .mdy-link-back span:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mdy-link-back span::before, .mdy-link-back span::after {
    transition: none;
  }
}

.mdy-conf-steps .contact-step-title {
  font-family: var(--font-primary);
  font-weight: 500;
  font-style: Medium;
  font-size: 40px;
  line-height: 110%;
  letter-spacing: -0.6px;
  text-align: center;
  width: 100%;
  padding-bottom: 35px;
}
.mdy-conf-steps .contact-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (min-width: 768px) {
  .mdy-conf-steps .contact-form-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 {
  margin-top: 30px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .wpcf7-response-output {
  display: none !important;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons {
  margin-bottom: 30px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons input[type=radio] {
  accent-color: black;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons p {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons p span .wpcf7-radio {
  display: flex;
  align-items: center;
  gap: 42px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons p span .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons p span .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons p span .wpcf7-radio .wpcf7-list-item label span {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .radio-buttons .wpcf7-not-valid {
  border-bottom: none !important;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields {
  width: 100%;
  margin-bottom: 42px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 42px;
}
@media (min-width: 1024px) {
  .mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields {
    flex-direction: row;
    align-items: center;
    margin-bottom: 53px;
    gap: 20px;
  }
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div {
  width: 100%;
  position: relative;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div br {
  display: none;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div .field-label {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-40%);
  font-size: 12px;
  color: rgba(12, 20, 55, 0.6509803922);
  font-family: var(--font-secondary);
  font-weight: 300;
  pointer-events: none;
  transition: all 0.3s ease;
  opacity: 0;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div:focus-within .field-label {
  top: -8px;
  font-size: 12px;
  opacity: 1;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div p {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div p span {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div p span input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 8px 0 4px 0;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
  transition: all 0.3s ease;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div p span input::placeholder {
  color: rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-fields div p span input:focus {
  border-bottom: 1px solid rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field {
    margin-bottom: 53px;
  }
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field .description {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -4%;
  color: rgba(157, 142, 97, 0.6);
  padding-top: 4px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div {
  position: relative;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div br {
  display: none;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div .field-label-text {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: rgba(157, 142, 97, 0.6);
  font-family: var(--font-secondary);
  font-weight: 300;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div .field-label {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: rgba(12, 20, 55, 0.6509803922);
  font-family: var(--font-secondary);
  font-weight: 300;
  pointer-events: none;
  transition: all 0.3s ease;
  opacity: 0;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div:focus-within .field-label {
  top: -8px;
  font-size: 12px;
  opacity: 1;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div p {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div p span {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div p span input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 8px 0 4px 0;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
  transition: all 0.3s ease;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div p span input::placeholder {
  color: rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-field div p span input:focus {
  border-bottom: 1px solid rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .last-text-field {
  margin-bottom: 30px !important;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-area {
  width: 100%;
  margin-bottom: 20px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-area p {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-area p span {
  width: 100%;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-area p span textarea {
  height: 120px;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding: 8px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
  transition: all 0.3s ease;
  resize: none;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-area p span textarea::placeholder {
  color: rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .text-area p span textarea:focus {
  border: 1px solid rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader {
  position: relative;
  width: 100%;
  border: 2px dashed rgba(157, 142, 97, 0.3137254902);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease;
  padding: 19px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader .uploader-content {
  cursor: pointer;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader .uploader-content .upload-icon {
  display: inline-block;
  width: 22.5px;
  height: 22.5px;
  background-image: url("../images/download-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader .uploader-content .main-text {
  font-size: 14px;
  font-family: var(--font-secondary);
  color: #0c1437;
  font-weight: var(--font-weight-regular);
  line-height: 110%;
  margin-bottom: 8px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader .uploader-content .main-text .browse {
  color: #9d8e61;
  text-decoration: underline;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader .uploader-content .sub-text {
  font-size: 13px;
  color: rgba(12, 20, 55, 0.5019607843);
  line-height: 140%;
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-regular);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-file-uploader.drag-over {
  background-color: #ebe8df;
  border-style: solid;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name {
  display: none;
  width: fit-content;
  background: rgba(157, 142, 97, 0.0509803922);
  padding: 14.5px;
  margin-top: 12px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name .file-item {
  font-size: 14px;
  line-height: 110%;
  font-weight: 400;
  font-family: var(--font-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name .file-item img {
  width: 24px;
  height: 24px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name .file-text {
  color: #9d8e61;
  margin-left: 5px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name .file-size {
  margin-left: 5px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name .remove-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-weight: bold;
  color: #0c1437;
  font-size: 20px;
  line-height: 1;
  margin-left: 10px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .file-name .remove-btn img {
  width: 10px;
  height: 10px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox {
  position: relative;
  width: 100%;
  margin: 30px 0;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  border: none;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p .wpcf7-form-control-wrap,
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p .wpcf7-list-item {
  display: inline-flex;
  margin: 0;
  border: none;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p label input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #9d8e61;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
  margin: 0;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p label input[type=checkbox]::before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: background 0.2s ease;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p label input[type=checkbox]:checked {
  background-color: #ffffff;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p label input[type=checkbox]:checked::before {
  background: rgba(12, 20, 55, 0.1019607843);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p label .wpcf7-list-item-label {
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  font-family: var(--font-secondary);
  color: rgba(12, 20, 55, 0.8);
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox p a {
  text-decoration: underline;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
  font-family: var(--font-secondary);
  color: #9d8e61;
  margin-left: 2px;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox .wpcf7-not-valid-tip {
  width: 162px;
  position: absolute;
  top: 20px;
  left: 0;
  border: none;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-checkbox .wpcf7-not-valid {
  border-bottom: none !important;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-submit-button p input {
  margin-top: 30px;
  width: 100%;
  height: 48px;
  background-color: transparent;
  outline: none;
  border: none;
  border: 1px solid #868686;
  padding: 16px;
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  font-family: var(--font-secondary);
  color: #868686;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .form-submit-button p input:hover {
  color: white;
  background-color: #868686;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .wpcf7-not-valid {
  border-bottom: 1px solid #fe4d4d !important;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .wpcf7-not-valid-tip {
  color: #fe4d4d;
}
.mdy-conf-steps .contact-form-wrapper .wpcf7 .wpcf7-response-output {
  margin: 0;
  margin: 20px 0;
  padding: 10px;
  border: none;
  background: #9d8e61;
  color: white;
}
.mdy-conf-steps .contact-form-wrapper img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .mdy-conf-steps .contact-form-wrapper img {
    position: sticky;
    top: 150px;
    height: 500px;
  }
}
.mdy-conf-steps .tabs {
  display: flex;
  margin-bottom: 30px;
  width: 100%;
}
.mdy-conf-steps .tabs .tab-button {
  flex: 1;
  padding: 10px;
  border-bottom: 1px solid rgba(157, 142, 97, 0.3019607843);
  font-family: var(--font-primary);
  font-family: Cormorant Garamond;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: left !important;
  color: #9d8e61;
}
.mdy-conf-steps .tabs .tab-button.active {
  border-color: #9d8e61;
}
.mdy-conf-steps .tab-content {
  position: absolute;
  left: -9999px;
}
.mdy-conf-steps .tab-content.active {
  position: relative;
  left: 0;
}
.mdy-conf-steps .text-field div:has(.wpcf7-not-valid-tip) .field-label-text {
  display: none !important;
}
.mdy-conf-steps .text-fields div:has(.wpcf7-not-valid-tip) .field-label {
  color: rgba(254, 77, 77, 0.6) !important;
}
.mdy-conf-steps .text-field div:has(.wpcf7-not-valid-tip) .field-label {
  color: rgba(254, 77, 77, 0.6) !important;
}
.mdy-conf-steps {
  /* Optional: Active button styling */
}
.mdy-conf-steps .tab-button.active {
  border-bottom: 2px solid black;
  font-weight: bold;
}

.conf-image-container {
  overflow: initial !important;
}

.instagram-page-header {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.instagram-page-header__container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.instagram-page-header__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #0c1437;
  text-align: center;
  max-width: 692px;
  margin: 0px 15px;
}
@media (min-width: 1024px) {
  .instagram-page-header__title {
    font-size: 55px;
    margin: 0px;
  }
}
.instagram-page-header__intro {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.51px;
  color: #0c1437;
  text-align: center;
  max-width: 700px;
  margin: 0;
}

.instagram-page-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  gap: 40px;
}
@media (min-width: 1024px) {
  .instagram-page-grid {
    gap: 5px;
  }
}
.instagram-page-grid__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  width: 100%;
}
@media (min-width: 1024px) {
  .instagram-page-grid__row {
    gap: 20px;
  }
}

.instagram-page-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  gap: 10px;
  width: 100%;
  background: #f9f9f9;
  margin: 0px 11px;
}
@media (min-width: 768px) {
  .instagram-page-card {
    margin: 0px;
    width: calc(33.333% - 14px);
    max-width: 326px;
  }
}
.instagram-page-card__title {
  font-weight: 500;
  margin: 0;
}
.instagram-page-card__icon {
  width: 40px;
  height: 40px;
}
.instagram-page-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.instagram-page-card__text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: -0.51px;
  color: #0c1437;
  max-width: 194px;
  margin: 0;
}

.manifesto {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  min-height: 300px;
  padding: 100px 15px;
  padding-top: 0px;
}
.manifesto__container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manifesto__content {
  width: 100%;
  max-width: 600px;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  color: #0c1437;
}
@media (min-width: 1024px) {
  .manifesto__content {
    text-align: center;
  }
}
.manifesto__content p {
  margin: 0;
}
.manifesto__content p:not(:last-child) {
  margin-bottom: 1em;
}
.manifesto__content strong,
.manifesto__content b {
  font-weight: 500;
}

.manifesto--mobile {
  padding-top: 105px;
  padding-bottom: 140px;
  display: block;
}
@media (min-width: 1024px) {
  .manifesto--mobile {
    display: none;
  }
}
.manifesto--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .manifesto--desktop {
    display: block;
  }
}

.instagram-page-grid__row--top .instagram-page-card {
  background: white;
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-size: 57px;
  line-height: 110%;
  text-align: center;
  letter-spacing: -0.426699px;
  background: linear-gradient(261.72deg, #6951c3 -171.75%, #aa33a7 -114.83%, #ca2f95 -60.69%, #f56934 18.44%, #febe5d 101.74%), linear-gradient(262.52deg, #6951c3 7.13%, #aa33a7 61.7%, #ca2f95 113.6%, #f56934 189.45%, #febe5d 269.3%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  flex: none;
  flex-grow: 0;
  gap: 0px;
}

.instagram-page-grid__row--top .instagram-page-card .instagram-page-card__text {
  font-size: 20px;
}

.instagram-page-grid__row--top .instagram-page-card .instagram-page-card__icon {
  display: none;
}

.product-archive__filters {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 40px;
}

.product-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
  color: inherit;
}
.product-card__image {
  width: 100%;
  aspect-ratio: 448/535;
  overflow: hidden;
  max-height: 467px;
}
.product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.product-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-card__name {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 105%;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  margin: 0;
}
@media (min-width: 768px) {
  .product-card__name {
    font-size: 24px;
  }
}
.product-card__type {
  font-family: var(--font-secondary);
  font-size: var(--font-size-xs);
  margin: 0;
  font-weight: 300;
  font-style: italic;
  color: var(--color-brand-primary);
}
@media (min-width: 768px) {
  .product-card__type {
    font-size: var(--font-size-base);
  }
}
.product-card__link {
  font-family: var(--font-secondary);
  font-size: var(--font-size-xs);
  color: var(--color-brand-primary);
}

.no-results-filter {
  display: none;
  text-align: center;
  padding-bottom: 70px;
  max-width: 369px;
  margin: 0 auto;
  padding-top: 50px;
}
.no-results-filter h3 {
  font-family: var(--font-primary);
  font-size: 30px;
  font-weight: var(--font-weight-light);
  color: #9d8e61;
  margin-bottom: 16px;
  line-height: 1.2;
}
.no-results-filter p {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: var(--font-weight-light);
  color: #9d8e61;
  margin-bottom: 16px;
  line-height: 1.5;
}
.no-results-filter button {
  border-color: #9d8e61;
  color: #9d8e61;
  padding: 18px 40px;
  font-size: 13px;
}

.partners {
  padding: 60px 20px;
  background-color: #f8f8f8;
  text-align: center;
}
@media (min-width: 1024px) {
  .partners {
    padding: 80px 40px;
  }
}
.partners__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 30px;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .partners__title {
    font-size: 40px;
  }
}
.partners__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  max-width: 1016px;
  margin: 0 auto;
  align-items: center;
}
@media (min-width: 768px) {
  .partners__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }
}
@media (min-width: 1024px) {
  .partners__grid {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 48px;
    row-gap: 0;
  }
}
.partners__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners__item img {
  width: 110px;
  height: 110px;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .partners__item img {
    width: 130px;
    height: 130px;
  }
}

.a-decouvrir {
  padding: 60px 20px;
  text-align: center;
  background-color: var(--color-bg-muted);
}
@media (min-width: 1024px) {
  .a-decouvrir {
    padding: 80px 40px;
  }
}
.a-decouvrir__title {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  margin: 0 0 35px;
  color: var(--color-text-base);
}
@media (min-width: 1024px) {
  .a-decouvrir__title {
    font-size: 40px;
    margin: 0 0 35px;
  }
}
.a-decouvrir__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  margin: 0 auto 35px;
  max-width: var(--container-max);
}
@media (min-width: 1024px) {
  .a-decouvrir__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin: 0 auto 35px;
  }
}
.a-decouvrir__card {
  display: block;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.a-decouvrir__card:hover .a-decouvrir__image img {
  transform: scale(1.05);
}
.a-decouvrir__image {
  position: relative;
  width: 100%;
  aspect-ratio: 686/535;
  overflow: hidden;
  background-color: #f5f5f5;
}
.a-decouvrir__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.a-decouvrir__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 30px 30px;
  background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 1024px) {
  .a-decouvrir__overlay {
    padding: 65px 40px 30px;
  }
}
.a-decouvrir__card-title {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
  margin: 0;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 1024px) {
  .a-decouvrir__card-title {
    font-size: 28px;
  }
}
.a-decouvrir__cta {
  display: flex;
  justify-content: center;
}
.a-decouvrir__cta .btn {
  font-weight: 600;
}

.a-decouvrir-background {
  background-color: var(--color-bg-muted);
}

.hover-slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.hover-slider__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  aspect-ratio: auto;
}
.hover-slider__image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hover-slider__image-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease, filter 1.2s ease;
}
.hover-slider__image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hover-slider__image-item:only-child {
  opacity: 1;
}
.hover-slider__nav {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 20;
}
.hover-slider__nav .nav-bar {
  display: block;
  width: 40px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: all 0.2s ease-out;
}
.hover-slider__nav .nav-bar.is-active {
  background-color: #ffffff;
  width: 120px;
}

.image-switcher {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-switcher__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-switcher__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.image-switcher__item.is-active {
  opacity: 1;
  visibility: visible;
}
.image-switcher__item:only-child {
  opacity: 1;
  visibility: visible;
}
.image-switcher__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image-switcher__trigger {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 20px);
  z-index: 10;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.image-switcher__trigger.is-animating {
  animation: trigger-bounce 0.5s ease;
}
@keyframes trigger-bounce {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.15);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
.image-switcher__trigger.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) scale(0.5);
}
.image-switcher__trigger .lightbulb-icon-on {
  display: none;
}
.image-switcher__trigger.is-on .lightbulb-icon {
  display: none;
}
.image-switcher__trigger.is-on .lightbulb-icon-on {
  display: block;
}

.stone-related-projects {
  padding: 60px 15px;
  background-color: var(--color-bg-muted);
}
@media (min-width: 1024px) {
  .stone-related-projects {
    padding: 80px 30px;
  }
}
.stone-related-projects__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .stone-related-projects__title {
    font-size: 36px;
    margin-bottom: 60px;
  }
}
.stone-related-projects__grid {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px 40px;
}
@media (min-width: 1024px) {
  .stone-related-projects__grid {
    padding: 0 10px 60px;
  }
}
.stone-related-projects__cta {
  text-align: center;
}

.project-display {
  max-width: 1440px;
  margin: 0 auto;
  flex-direction: column-reverse;
}
.project-display--with-spacing {
  margin-top: 24px;
  padding: 0;
}
.project-display .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
.project-display__content {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .project-display__content {
    flex-direction: row;
    gap: 40px;
  }
}
.project-display__main-image {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: white;
}
@media (min-width: 1024px) {
  .project-display__main-image {
    width: 50%;
    aspect-ratio: 720/783;
  }
}
.project-display__main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: white;
}
.project-display__side-panel {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .project-display__side-panel {
    width: 40%;
    flex-direction: column;
  }
}
.project-display__secondary-image {
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: white;
}
@media (min-width: 1024px) {
  .project-display__secondary-image {
    aspect-ratio: 520/400;
  }
}
.project-display__secondary-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: white;
}
.project-display__details {
  display: flex;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .project-display__details {
    display: flex;
    flex-direction: column;
  }
}
.project-display__name {
  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
  margin: 0;
}
@media (min-width: 1024px) {
  .project-display__name {
    font-size: 30px;
  }
}
.project-display__tags {
  font-family: var(--font-secondary);
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  color: #9d8e61;
  margin-top: 10px;
}
.project-display__link {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-base);
  position: relative;
  text-decoration: none;
}
.project-display__link::before, .project-display__link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.project-display__link::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.project-display__link::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .project-display__link:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .project-display__link:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-display__link::before, .project-display__link::after {
    transition: none;
  }
}

.realisation-content {
  padding: 70px 0;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .realisation-content {
    padding-top: 140px;
    padding-bottom: 70px;
  }
}
.realisation-content__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .realisation-content__wrapper {
    padding: 0 40px;
  }
}
.realisation-content__text {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  color: var(--color-text-base);
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 1024px) {
  .realisation-content__text {
    font-size: 16px;
  }
}

.realisation-gallery {
  padding: 70px 0;
}
.realisation-gallery__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .realisation-gallery__wrapper {
    padding: 0 40px;
    gap: 40px;
  }
}
.realisation-gallery__row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .realisation-gallery__row {
    flex-direction: row;
    gap: 40px;
  }
}
.realisation-gallery__item {
  background: var(--color-bg-surface);
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .realisation-gallery__item {
    margin-bottom: 0;
  }
}
.realisation-gallery__item p {
  margin-top: 2px;
  font-style: italic;
  font-size: 0.9rem;
}
.realisation-gallery__item img,
.realisation-gallery__item video {
  width: 100%;
  height: 100%;
  max-height: 760px;
  object-fit: cover;
  display: block;
}
.realisation-gallery__item--full {
  aspect-ratio: 1320/760;
  max-height: 760px;
}
.realisation-gallery__item--small {
  aspect-ratio: 1/1;
  max-height: 760px;
  height: 511px;
}
@media (min-width: 1024px) {
  .realisation-gallery__item--small {
    flex: 1;
    aspect-ratio: 420/760;
    height: auto;
  }
}
.realisation-gallery__item--large {
  aspect-ratio: 1/1;
  max-height: 760px;
  height: 283px;
}
@media (min-width: 1024px) {
  .realisation-gallery__item--large {
    flex: 2;
    aspect-ratio: 860/760;
    height: auto;
  }
}
.realisation-gallery__item--small {
  position: relative;
}
.realisation-gallery__item--small .instagram-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: #000;
  cursor: pointer;
}
.realisation-gallery__item--small .realisation-gallery__instagram-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 5;
}
.realisation-gallery__item--small .realisation-gallery__instagram-play img {
  display: block;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}
.realisation-gallery__item--small .realisation-gallery__instagram-mute {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  z-index: 10;
}
.realisation-gallery__item--small .realisation-gallery__instagram-mute:hover {
  background: rgba(0, 0, 0, 0.8);
}
.realisation-gallery__item--small .realisation-gallery__instagram-mute img {
  display: block;
}
.realisation-gallery__item--small .realisation-gallery__instagram-mute .icon-unmuted {
  display: none;
}
.realisation-gallery__item--small .realisation-gallery__instagram-mute.unmuted .icon-muted {
  display: none;
}
.realisation-gallery__item--small .realisation-gallery__instagram-mute.unmuted .icon-unmuted {
  display: block;
}
.realisation-gallery__item--small .realisation-gallery__instagram-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: white;
  margin-left: 51px;
  margin-right: 51px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.realisation-gallery__item--small .realisation-gallery__instagram-text {
  font-family: var(--font-secondary);
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  background: linear-gradient(258.47deg, #6951c3 34.33%, #aa33a7 47.35%, #ca2f95 59.74%, #f56934 77.85%, #febe5d 96.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}
.realisation-gallery__item--small .realisation-gallery__instagram-link {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
  background: linear-gradient(258.47deg, #6951c3 34.33%, #aa33a7 47.35%, #ca2f95 59.74%, #f56934 77.85%, #febe5d 96.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: opacity 0.3s ease;
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 6px;
}
.realisation-gallery__item--small .realisation-gallery__instagram-link span {
  position: relative;
  text-decoration: none;
}
.realisation-gallery__item--small .realisation-gallery__instagram-link span::before, .realisation-gallery__item--small .realisation-gallery__instagram-link span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.realisation-gallery__item--small .realisation-gallery__instagram-link span::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.realisation-gallery__item--small .realisation-gallery__instagram-link span::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .realisation-gallery__item--small .realisation-gallery__instagram-link span:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .realisation-gallery__item--small .realisation-gallery__instagram-link span:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .realisation-gallery__item--small .realisation-gallery__instagram-link span::before, .realisation-gallery__item--small .realisation-gallery__instagram-link span::after {
    transition: none;
  }
}
.realisation-gallery__item--small .realisation-gallery__instagram-link .instagram-icon {
  display: block;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .realisation-gallery__item--small .realisation-gallery__instagram-link:hover span::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .realisation-gallery__item--small .realisation-gallery__instagram-link:hover span::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
.realisation-gallery__stone-cta {
  display: flex;
  justify-content: center;
  padding-top: 48px;
}
@media (min-width: 1024px) {
  .realisation-gallery__stone-cta {
    padding-top: 64px;
  }
}
.realisation-gallery__instagram-image {
  flex: 2;
}
.realisation-gallery__instagram-image img {
  width: 100%;
  height: 100%;
  max-height: 760px;
  object-fit: cover;
  display: block;
}
@media (min-width: 1024px) {
  .realisation-gallery__instagram-image {
    aspect-ratio: 860/760;
  }
}

.related-realisations {
  padding: 80px 0;
  background-color: #f9f9f9;
}
.related-realisations__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .related-realisations__wrapper {
    padding: 0 40px;
  }
}
.related-realisations__title {
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.1;
  text-align: center;
  margin: 0 0 40px;
}
@media (min-width: 1024px) {
  .related-realisations__title {
    font-size: 40px;
    margin: 0 0 60px;
  }
}
.related-realisations__grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1024px) {
  .related-realisations__grid {
    flex-direction: row;
    gap: 40px;
    align-items: stretch;
  }
}
.related-realisations__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .related-realisations__item--large {
    flex: 3;
  }
}
@media (min-width: 1024px) {
  .related-realisations__item--small {
    flex: 2;
  }
}
.related-realisations__image-container {
  overflow: hidden;
  background: var(--color-bg-surface);
  flex: 1;
}
@media (min-width: 1024px) {
  .related-realisations__image-container {
    height: 624px;
  }
}
.related-realisations__image-container .hover-slider,
.related-realisations__image-container .image-switcher {
  height: 100%;
  width: 100%;
}
.related-realisations__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-realisations__info {
  display: block;
  text-decoration: none;
  color: var(--color-text-base);
  padding: 10px 0;
}
.related-realisations__name {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-base);
  line-height: 1.15;
  margin: 0;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .related-realisations__name {
    font-size: 30px;
  }
}
.related-realisations__info:hover .related-realisations__name {
  color: var(--color-brand-primary);
}

.single-relisation-row {
  padding: 0;
}

.mdy-404 {
  width: 100%;
}
.mdy-404 .page_not_found_hero {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  padding-bottom: 60px;
}
.mdy-404 .page_not_found_hero .image {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 60px 50px 0px 50px;
}
@media (min-width: 1024px) {
  .mdy-404 .page_not_found_hero .image {
    padding: 60px 80px 0px 80px;
  }
}
.mdy-404 .page_not_found_hero .image div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdy-404 .page_not_found_hero .content {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #9d8e61;
  padding: 0 15px;
}
.mdy-404 .page_not_found_hero .content h3 {
  font-weight: var(--font-weight-medium);
  line-height: 110%;
  letter-spacing: -0.3px;
  text-align: center;
  font-size: 22px;
}
@media (min-width: 1024px) {
  .mdy-404 .page_not_found_hero .content h3 {
    font-size: var(--font-size-xl);
  }
}
.mdy-404 .page_not_found_hero .content p {
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-xs);
  line-height: 140%;
  text-align: center;
}
@media (min-width: 1024px) {
  .mdy-404 .page_not_found_hero .content p {
    font-size: var(--font-size-sm);
  }
}
.mdy-404 .page_not_found_hero .content .mdy-btn-404 {
  display: block;
  text-decoration: none;
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xs);
  padding: 18px 40px;
  border: 1px solid #9d8e61;
  transition: 0.3s ease;
}
.mdy-404 .page_not_found_hero .content .mdy-btn-404:hover {
  background-color: #9d8e61;
  color: white;
}
.mdy-404 .mdy-404__projects {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 15px 41px 15px;
}
@media (min-width: 1280px) {
  .mdy-404 .mdy-404__projects {
    padding: 0 60px 41px 60px;
  }
}
.mdy-404 .mdy-404__projects h3 {
  text-align: center;
  margin-bottom: 35px;
  font-weight: var(--font-weight-medium);
  line-height: 110%;
  letter-spacing: -0.6px;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .mdy-404 .mdy-404__projects h3 {
    font-size: var(--font-size-2xl);
  }
}
.mdy-404 .mdy-404__projects .mdy-404__project {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 30px;
}
@media (min-width: 768px) {
  .mdy-404 .mdy-404__projects .mdy-404__project {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
@media (min-width: 1280px) {
  .mdy-404 .mdy-404__projects .mdy-404__project {
    grid-template-columns: 0.6fr 1.4fr;
    gap: 40px;
  }
}
.mdy-404 .mdy-404__projects .mdy-404__project article {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.mdy-404 .mdy-404__projects .mdy-404__project article img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .mdy-404 .mdy-404__projects .mdy-404__project article img {
    height: 545px;
  }
}
.mdy-404 .mdy-404__projects .mdy-404__project article h3 {
  text-align: start;
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  line-height: 110%;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .mdy-404 .mdy-404__projects .mdy-404__project article h3 {
    font-size: var(--font-size-xl);
    letter-spacing: -0.3px;
  }
}
.mdy-404 .mdy-404__projects .mdy-404__project article p {
  color: #9d8e61;
  font-size: 12px;
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-regular);
  line-height: 140%;
  letter-spacing: 0.51px;
}
@media (min-width: 768px) {
  .mdy-404 .mdy-404__projects .mdy-404__project article p {
    font-size: var(--font-size-xs);
    line-height: 120%;
    letter-spacing: 0px;
  }
}

.knowhow-hero {
  position: relative;
  height: 400px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .knowhow-hero {
    height: 600px;
  }
}
.knowhow-hero__bg {
  position: absolute;
  inset: 0;
}
.knowhow-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.knowhow-hero__breadcrumb {
  position: absolute;
  top: 120px;
  left: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1024px) {
  .knowhow-hero__breadcrumb {
    left: 60px;
    top: 124px;
  }
}
.knowhow-hero__crumb {
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-inverse);
  position: relative;
  text-decoration: none;
}
.knowhow-hero__crumb::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
@media (hover: hover) and (pointer: fine) {
  .knowhow-hero__crumb:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .knowhow-hero__crumb::before {
    transition: none;
  }
}
.knowhow-hero__sep {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: var(--color-text-inverse);
  opacity: 0.6;
}

.d-none {
  display: none;
}

.d-mobile-block {
  display: block;
}

@media (min-width: 1024px) {
  .d-desktop-none {
    display: none !important;
  }
  .d-desktop-block {
    display: block !important;
  }
}
.knowhow-hero-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 428px;
}
@media (min-width: 1024px) {
  .knowhow-hero-wrapper {
    height: 600px;
  }
}
.knowhow-hero-wrapper .knowhow-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.knowhow-hero-wrapper .knowhow-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.knowhow-hero-wrapper .knowhow-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: scale(1);
}
@media (min-width: 1024px) {
  .knowhow-hero-wrapper .knowhow-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(2);
    transform-origin: bottom;
  }
}
.knowhow-hero-wrapper .breadcrumb {
  position: absolute;
  z-index: 10;
  left: 30px;
  top: 124px;
  margin: 0;
  padding: 0px;
}
.knowhow-hero-wrapper .breadcrumb a {
  color: rgba(255, 255, 255, 0.6);
}
.knowhow-hero-wrapper .breadcrumb .breadcrumb__separator,
.knowhow-hero-wrapper .breadcrumb .breadcrumb__current {
  color: #ffffff;
}
@media (min-width: 1024px) {
  .knowhow-hero-wrapper .breadcrumb {
    top: 130px;
    left: 30px;
  }
}
.knowhow-hero-wrapper .knowhow-hero-container {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.knowhow-hero-wrapper .knowhow-hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0 15px 40px;
}
@media (min-width: 1024px) {
  .knowhow-hero-wrapper .knowhow-hero-content {
    padding: 0 0 40px;
  }
}
.knowhow-hero-wrapper .knowhow-hero-title {
  font-family: var(--font-primary);
  font-size: 32px;
  color: #ffffff;
  margin: 0;
  line-height: 1.1;
  text-align: center;
  max-width: 900px;
  width: 100%;
}
@media (min-width: 1024px) {
  .knowhow-hero-wrapper .knowhow-hero-title {
    font-size: 55px;
  }
}

.knowhow-intro {
  padding: 80px 15px;
  text-align: left;
  padding-top: 30px;
}
.knowhow-intro-title {
  font-family: var(--font-primary);
  font-size: 32px;
  margin-bottom: 16px;
  color: var(--color-text-base);
}
.knowhow-intro-text {
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .knowhow-intro {
    padding: 30px 15px;
    text-align: center;
  }
}

.knowhow-rows {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-bottom: 80px;
}
@media (min-width: 1024px) {
  .knowhow-rows {
    padding: 0px;
    gap: 60px;
  }
}

.knowhow-row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1024px) {
  .knowhow-row {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
  .knowhow-row:nth-child(even) {
    flex-direction: row-reverse;
  }
  .knowhow-row:nth-child(even) .knowhow-row__content-col {
    margin-left: 0;
    margin-right: -8.5%;
  }
}
.knowhow-row__main-col {
  flex: 0 0 100%;
  aspect-ratio: 743/834;
}
@media (min-width: 1024px) {
  .knowhow-row__main-col {
    flex: 0 0 51.6%;
    max-width: 743px;
  }
}
.knowhow-row__main-col img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .knowhow-row__main-col img {
    height: 100%;
  }
}
.knowhow-row__content-col {
  width: 100%;
  z-index: 2;
  padding: 0px 15px;
}
@media (min-width: 1024px) {
  .knowhow-row__content-col {
    flex: 0 0 45.8%;
    max-width: 660px;
    margin-left: -8.5%;
    padding: 0px;
    padding-top: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.knowhow-row__text-wrapper {
  background: #f9f9f9;
  width: 100%;
  aspect-ratio: 660/420;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10%;
  margin-top: -125px;
}
@media (min-width: 1024px) {
  .knowhow-row__text-wrapper {
    margin-top: -30px;
  }
}
.knowhow-row__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
  line-height: 1.1;
  color: #0c1437;
  margin: 0;
}
.knowhow-row__subtitle {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: #9d8e61;
  margin-top: 8px;
}
.knowhow-row__description {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #0c1437;
  margin-top: 28px;
  max-width: 516px;
}
.knowhow-row__desc-image {
  width: 100%;
  aspect-ratio: 488/262;
  z-index: 20;
  margin-top: -20px;
  padding: 0px 12px;
}
@media (min-width: 1024px) {
  .knowhow-row__desc-image {
    padding: 0px;
    width: 74%;
    max-width: 488px;
    margin-top: -30px;
  }
}
.knowhow-row__desc-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.related-content {
  background: #f7f7f7;
  padding: 60px 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .related-content {
    padding: 80px 0;
  }
}
.related-content__container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}
.related-content__title {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(32px, 3vw, 40px);
  font-weight: 500;
  color: #0c1437;
  text-align: left;
  max-width: 100%;
  line-height: 1.1;
  letter-spacing: -0.3px;
  padding: 0 20px;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .related-content__title {
    text-align: center;
    font-size: 40px;
  }
}
.related-content__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 1024px) {
  .related-content__grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 60px;
  }
}
.related-content__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.related-content__card:hover .related-content__image img {
  transform: scale(1.04);
}
.related-content__image {
  width: 100%;
  aspect-ratio: 640/380;
  overflow: hidden;
  background: #e0e0e0;
}
.related-content__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.related-content__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.related-content__card-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 500;
  color: #0c1437;
  line-height: 1.1;
  letter-spacing: -0.3px;
  margin: 0;
}
@media (min-width: 1024px) {
  .related-content__card-title {
    font-size: 30px;
  }
}
.related-content__btn {
  display: inline-flex;
  border-bottom: 1px solid #0c1437;
}
.related-content__btn span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #0c1437;
  letter-spacing: -0.19px;
}

.mdy-conf-finalize-btn {
  margin-top: 40px;
  background-color: #9d8e61;
  padding: 18px 40px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.mdy-conf-finalize-btn:hover {
  background-color: #8a7d56;
}

.featured-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .featured-row {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .featured-row:nth-child(even) {
    flex-direction: row-reverse;
  }
  .featured-row:nth-child(even) .featured-row__content-col {
    margin-left: 0;
    margin-right: -8.5%;
  }
}
.featured-row__media-col {
  width: 100%;
  aspect-ratio: 743/600;
}
@media (min-width: 1024px) {
  .featured-row__media-col {
    flex: 0 0 51.6%;
    max-width: 743px;
  }
}
.featured-row__media-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-row__content-col {
  width: 100%;
  z-index: 2;
}
@media (min-width: 1024px) {
  .featured-row__content-col {
    flex: 0 0 45.8%;
    max-width: 660px;
    margin-left: -8.5%;
  }
}
.featured-row__text-wrapper {
  background: #f9f9f9;
  padding: 30px 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 15px;
  margin-top: -58px;
}
@media (min-width: 1024px) {
  .featured-row__text-wrapper {
    width: 100%;
    aspect-ratio: 660/420;
    padding: 60px 28px;
    padding: 10px;
    margin: 0px;
  }
}
.featured-row__inner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 14px;
}
@media (min-width: 1024px) {
  .featured-row__inner-content {
    gap: 28px;
    width: 100%;
    max-width: 516px;
    margin: 0 auto;
  }
}
.featured-row__inner-content .social__link--instagram {
  margin-top: 4px;
}
.featured-row__inner-content .social__link--instagram .social__tag-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: linear-gradient(258.47deg, #6951c3 34.33%, #aa33a7 47.35%, #ca2f95 59.74%, #f56934 77.85%, #febe5d 96.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  border-bottom: 2px solid;
  border-image-source: linear-gradient(258.47deg, #6951c3 34.33%, #aa33a7 47.35%, #ca2f95 59.74%, #f56934 77.85%, #febe5d 96.9%);
  border-image-slice: 1;
  padding-bottom: 1px;
}
.featured-row__icon-ig {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.featured-row__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.3px;
  color: #0c1437;
  margin: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .featured-row__title {
    font-size: 40px;
  }
}
.featured-row__description {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  color: #0c1437;
  text-align: left;
}
.featured-row__description ul {
  list-style-type: disc;
  padding-left: 18px;
  margin: 0px;
}
.featured-row__description ul li {
  margin-bottom: 8px;
  padding-left: 5px;
}
.featured-row__description ul li::marker {
  color: #0c591d;
}
.featured-row__description ol {
  list-style-type: decimal;
  padding-left: 20px;
  margin-top: 15px;
}

.header__search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 570px;
  max-height: 668px;
  overflow-y: scroll;
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  display: none;
  flex-direction: column;
  z-index: 300;
  margin-top: 1px;
  overscroll-behavior: contain;
}
.header__search-results.is-visible {
  display: flex;
}
.header__search-results::-webkit-scrollbar {
  width: 8px;
  -webkit-appearance: none;
}
.header__search-results::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-left: 1px solid #e7e8eb;
}
.header__search-results::-webkit-scrollbar-thumb {
  background: #0c1437;
  border-radius: 4px;
  border: 2px solid #f5f5f5;
}
.header__search-results::-webkit-scrollbar-thumb:hover {
  background: rgb(21.1343283582, 35.223880597, 96.8656716418);
}
.header__search-results {
  scrollbar-width: thin;
  scrollbar-color: #0c1437 #f5f5f5;
  scrollbar-gutter: stable;
}

.header__results-section-header {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  padding: 0 26px;
  width: 100%;
}
.header__results-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 0 0;
  gap: 12px;
  width: 100%;
}
.header__results + .header__results {
  border-top: 1px solid #e7e8eb;
  margin-top: 10px;
}
.header__results-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.31px;
  color: rgba(12, 20, 55, 0.6);
}
.header__results-count {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.31px;
  color: #0c1437;
}
.header__results-list {
  width: 100%;
  border-bottom: 0.5px solid #e7e8eb;
  background: #ffffff;
}
.header__results-item {
  width: 100%;
  transition: background 0.3s ease;
}
.header__results-item:hover {
  background: rgba(157, 142, 97, 0.2);
}
.header__results-item:hover .header__results-heading {
  text-decoration: underline;
}
.header__results-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 26px;
  gap: 14px;
  text-decoration: none;
  width: 100%;
}
.header__results-image {
  width: 44px;
  height: 44px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.header__results-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
}
.header__results-heading {
  font-family: var(--font-secondary, "Inter");
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.31px;
  color: #0c1437;
}
.header__results-subtitle {
  font-family: var(--font-secondary, "Inter");
  font-style: italic;
  font-weight: 200;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.31px;
  color: #0c1437;
}
.header__results-none {
  padding: 12px 34px;
  font-family: var(--font-secondary, "Inter");
  font-size: 13px;
  color: #9d8e61;
}

.header__results-image {
  width: 44px;
  height: 44px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  border-radius: 2px;
}

.legal-popup {
  display: none !important;
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(12, 20, 55, 0.4);
  align-items: center;
  justify-content: center;
  padding: 30px;
  overscroll-behavior: contain;
}
.legal-popup.is-open {
  display: flex !important;
}
.legal-popup > :first-child {
  align-items: end;
}
.legal-popup__container {
  position: relative;
  width: 1026px;
  height: 650px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 30px;
  gap: 24px;
  box-sizing: border-box;
  overscroll-behavior: contain;
}
.legal-popup__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  max-width: 680px;
}
.legal-popup__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 55px;
  line-height: 100%;
  letter-spacing: -0.6px;
  color: #0c1437;
  margin: 0;
  padding-right: 20px;
}
.legal-popup__close {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: -0.19px;
  color: #0c1437;
  background: none;
  border: none;
  cursor: pointer;
  padding-bottom: 10px;
  position: relative;
  text-decoration: none;
}
.legal-popup__close::before, .legal-popup__close::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
}
.legal-popup__close::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.legal-popup__close::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}
@media (hover: hover) and (pointer: fine) {
  .legal-popup__close:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }
  .legal-popup__close:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .legal-popup__close::before, .legal-popup__close::after {
    transition: none;
  }
}
.legal-popup__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  flex: 1;
  overflow: hidden;
  width: 100%;
  justify-content: space-between;
}
.legal-popup__sidebar {
  width: 220px;
  flex-shrink: 0;
}
.legal-popup__nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.legal-popup__nav a {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: rgba(12, 20, 55, 0.7);
  font-weight: 300;
  padding: 6px 0;
  transition: color 0.2s;
}
.legal-popup__nav a.active {
  color: #000000;
  font-weight: 500;
  border-bottom: 1px solid #0c1437;
}
.legal-popup__content {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
  padding-right: 20px;
  max-width: 680px;
  will-change: scroll-position;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.legal-popup__content .legal-popup__injected-content h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
  color: #0c1437;
  margin: 0 0 18px 0;
  scroll-margin-top: 20px;
}
.legal-popup__content .legal-popup__injected-content p {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.51px;
  color: #525151;
  margin-bottom: 20px;
}
.legal-popup__content .legal-popup__injected-content li {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #525151;
}
.legal-popup__content::-webkit-scrollbar {
  width: 4px;
}
.legal-popup__content::-webkit-scrollbar-track {
  background: transparent;
}
.legal-popup__content::-webkit-scrollbar-thumb {
  background: #0c1437;
}
@media (max-width: 768px) {
  .legal-popup {
    padding: 15px;
  }
  .legal-popup__container {
    width: 100%;
    height: 756px;
    max-height: 90vh;
    padding: 10px;
    gap: 15px;
  }
  .legal-popup__header {
    padding: 28px 0px 5px 0px;
    position: relative;
  }
  .legal-popup__title {
    font-size: 32px;
    max-width: 234px;
  }
  .legal-popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
  }
  .legal-popup__body {
    flex-direction: column;
    gap: 0;
  }
  .legal-popup__sidebar {
    display: none;
  }
  .legal-popup__content {
    padding-right: 5px;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .legal-popup__content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .legal-popup__content .legal-popup__injected-content h2 {
    font-size: 25px;
    line-height: 105%;
    margin-bottom: 14px;
  }
  .legal-popup__content .legal-popup__injected-content p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.legal-popup__injected-content ol {
  list-style-type: decimal !important;
  margin-left: 30px !important;
  margin-bottom: 20px;
}
.legal-popup__injected-content ol li {
  padding-left: 10px;
  margin-bottom: 8px;
  display: list-item !important;
}
.legal-popup__injected-content ul {
  list-style-type: disc !important;
  margin-left: 30px !important;
  margin-bottom: 20px;
}
.legal-popup__injected-content ul li {
  padding-left: 10px;
  margin-bottom: 8px;
  display: list-item !important;
}
.legal-popup__injected-content ol ol,
.legal-popup__injected-content ul ul,
.legal-popup__injected-content ul ol,
.legal-popup__injected-content ol ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

body.modal-open {
  overflow: hidden;
}

.legal-popup {
  z-index: 99999999 !important;
  overscroll-behavior: none;
}

.pdf-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 8px;
  width: fit-content;
  height: 24px;
  text-decoration: none;
  margin: 15px 0;
}
.pdf-link__icon {
  width: 24px;
  height: 24px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdf-link__icon svg {
  width: 18px;
  height: auto;
  fill: #9d8e61;
}
.pdf-link__text-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 0 4px;
  gap: 10px;
  height: 24px;
  border-bottom: 1px solid #9d8e61;
  flex: none;
}
.pdf-link__name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #9d8e61;
  white-space: nowrap;
}

.legal-popup__injected-content .wp-block-button__link.wp-element-button {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 75px;
  height: 15px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: -0.189986px;
  text-decoration-line: underline;
  color: #0c1437;
}
.legal-popup__injected-content .wp-block-button__link.wp-element-button:hover, .legal-popup__injected-content .wp-block-button__link.wp-element-button:focus, .legal-popup__injected-content .wp-block-button__link.wp-element-button:active {
  background-color: transparent !important;
  color: #0c1437;
  opacity: 0.8;
}
.legal-popup__injected-content .wp-block-button__link.wp-element-button {
  flex: none;
  order: 1;
  flex-grow: 0;
}
.legal-popup__injected-content .wp-block-file__button {
  display: none !important;
}

.tranche-reel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px 0;
  gap: 25px;
  background: #f7f7f7;
  width: 100%;
  overflow: hidden;
  padding-left: 15px;
}
@media (min-width: 1024px) {
  .tranche-reel {
    padding-left: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    height: 604px;
    padding: 60px 0 60px 60px;
    gap: 0;
  }
}
.tranche-reel__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
@media (min-width: 1024px) {
  .tranche-reel__header {
    width: 468px;
    align-items: flex-start;
    height: 484px;
    flex-shrink: 0;
  }
}
.tranche-reel__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 25px;
  line-height: 105%;
  text-align: center;
  letter-spacing: -0.3px;
  color: #0c1437;
  margin: 0;
}
@media (min-width: 1024px) {
  .tranche-reel__title {
    font-size: 40px;
    text-align: left;
    order: 1;
  }
}
.tranche-reel__counter {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 110%;
  text-align: center;
  letter-spacing: -0.31px;
  color: #9d8e61;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  .tranche-reel__counter {
    text-align: left;
    margin-top: 18px;
    order: 2;
  }
}
.tranche-reel__right {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.tranche-reel__right::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .tranche-reel__right {
    width: calc(100% - 468px);
    height: 484px;
  }
}
.tranche-reel__track {
  display: flex;
  padding: 0 15px;
  gap: 6px;
}
@media (min-width: 1024px) {
  .tranche-reel__track {
    padding: 0;
    gap: 28px;
  }
}
.tranche-reel__item {
  flex-shrink: 0;
  width: 345px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1024px) {
  .tranche-reel__item {
    width: 646px;
    height: 484px;
  }
}
.tranche-reel__item .mdy-slab-popup-trigger {
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  width: 100%;
}
.tranche-reel__image-container {
  width: 100%;
  height: 208px;
  overflow: hidden;
  background: #e0e0e0;
}
@media (min-width: 1024px) {
  .tranche-reel__image-container {
    height: 380px;
    margin-bottom: 14px;
  }
}
.tranche-reel__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tranche-reel__info {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: 1024px) {
  .tranche-reel__info {
    padding-top: 0px;
    gap: 12px;
    height: 90px;
  }
}
.tranche-reel__item-title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 105%;
  color: #0c1437;
  margin: 0;
}
@media (min-width: 1024px) {
  .tranche-reel__item-title {
    font-size: 22px;
  }
}
.tranche-reel__item-count {
  font-family: "Inter", sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 13px;
  line-height: 140%;
  color: #0c1437;
}
.tranche-reel__arrows {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  height: 50px;
}
@media (min-width: 1024px) {
  .tranche-reel__arrows {
    width: 468px;
    justify-content: flex-start;
    margin-top: -50px;
    padding-left: 0;
  }
}
.tranche-reel__arrow {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(12, 20, 55, 0.5);
  background: transparent;
  color: rgba(12, 20, 55, 0.5);
}
@media (min-width: 1024px) {
  .tranche-reel__arrow {
    width: 50px;
    height: 50px;
  }
}

.tranche-reel__right {
  padding-left: 15px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
@media (min-width: 1024px) {
  .tranche-reel__right {
    padding-left: 0px;
  }
}

.tranche-reel__item {
  scroll-snap-align: start;
}

.tranche-reel__item-link {
  width: max-content;
  border-bottom: 1px solid #0c1437;
}

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