/* Shared LAUTARY mega navigation v2 */
.lautary-page-is-loading{
  overflow: hidden;
}

.lautary-page-loader{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  gap: 18px;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 36%, rgba(200,168,75,.14), transparent 32%),
    radial-gradient(circle at 22% 18%, rgba(250,246,240,.08), transparent 28%),
    linear-gradient(180deg, #0d0c0b, #16120f 56%, #0d0c0b);
  color: rgba(250,246,240,.88);
  opacity: 1;
  visibility: visible;
  transition: opacity .42s ease, visibility .42s ease;
}

.lautary-page-loader.is-hiding{
  opacity: 0;
  visibility: hidden;
}

.loader-mark{
  position: relative;
  width: 156px;
  height: 156px;
  display: grid;
  place-items: center;
}

.loader-ring{
  position: absolute;
  inset: 0;
  border: 1px solid rgba(250,246,240,.12);
  border-top-color: rgba(200,168,75,.96);
  border-right-color: rgba(200,168,75,.36);
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(200,168,75,.08) inset,
    0 22px 70px rgba(0,0,0,.32);
  animation: lautaryLoaderSpin 1.05s linear infinite;
}

.loader-ring::after{
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(250,246,240,.08);
  border-bottom-color: rgba(200,168,75,.42);
  border-radius: 50%;
}

.loader-brand{
  position: relative;
  z-index: 1;
  color: var(--la-brass, #c8a84b);
  font-family: var(--heading-font, Georgia, serif);
  font-size: 20px;
  letter-spacing: .18em;
  line-height: 1;
}

.loader-copy{
  margin-top: -48px;
  color: rgba(250,246,240,.62);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

@keyframes lautaryLoaderSpin{
  to{ transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce){
  .loader-ring{
    animation: none;
  }
}

.lautary-media-aware .scene .bg.media,
.lautary-media-aware .scene .hero-bg,
.lautary-media-aware .scene .media-hero{
  opacity: .82;
  transform: scale(1.055);
  filter: blur(7px) saturate(.84) contrast(.96);
  transition:
    opacity .9s ease,
    transform 1.35s cubic-bezier(.2,.72,.18,1),
    filter .9s ease;
  will-change: opacity, transform, filter;
}

.lautary-media-aware .scene .bg.media.is-media-ready,
.lautary-media-aware .scene .hero-bg.is-media-ready,
.lautary-media-aware .scene .media-hero.is-media-ready{
  opacity: 1;
  filter: blur(0) saturate(1) contrast(1);
}

.lautary-media-aware .scene.is-scene-active .bg.media.is-media-ready,
.lautary-media-aware .scene.is-scene-active .hero-bg.is-media-ready,
.lautary-media-aware .scene.is-scene-active .media-hero.is-media-ready{
  transform: scale(1.022);
}

.lautary-reveal-ready .scene{
  --la-reveal-y: 18px;
}

.lautary-reveal-ready .scene > .content,
.lautary-reveal-ready .scene > .container,
.lautary-reveal-ready .scene > .container-fluid{
  opacity: 0;
  transform: translateY(var(--la-reveal-y));
  filter: blur(8px);
  transition:
    opacity .74s ease,
    transform .74s ease,
    filter .74s ease;
  will-change: opacity, transform, filter;
}

.lautary-reveal-ready .scene.is-scene-active > .content,
.lautary-reveal-ready .scene.is-scene-active > .container,
.lautary-reveal-ready .scene.is-scene-active > .container-fluid{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.lautary-reveal-ready .scene .experience-icon,
.lautary-reveal-ready .scene .hero-kicker i,
.lautary-reveal-ready .scene .hero-stat i,
.lautary-reveal-ready .scene .feature-point i,
.lautary-reveal-ready .scene .control-card i{
  transition:
    color .32s ease,
    border-color .32s ease,
    background .32s ease,
    transform .54s ease;
}

.lautary-reveal-ready .scene.is-scene-active .experience-icon,
.lautary-reveal-ready .scene.is-scene-active .hero-kicker i,
.lautary-reveal-ready .scene.is-scene-active .hero-stat i,
.lautary-reveal-ready .scene.is-scene-active .feature-point i,
.lautary-reveal-ready .scene.is-scene-active .control-card i{
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce){
  .lautary-reveal-ready .scene > .content,
  .lautary-reveal-ready .scene > .container,
  .lautary-reveal-ready .scene > .container-fluid,
  .lautary-media-aware .scene .bg.media,
  .lautary-media-aware .scene .hero-bg,
  .lautary-media-aware .scene .media-hero,
  .lautary-reveal-ready .scene .experience-icon,
  .lautary-reveal-ready .scene .hero-kicker i,
  .lautary-reveal-ready .scene .hero-stat i,
  .lautary-reveal-ready .scene .feature-point i,
  .lautary-reveal-ready .scene .control-card i{
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

body .rt-progress .dot{
  border: 1px solid rgba(250,246,240,.70);
  background: rgba(13,12,11,.42);
  box-shadow:
    inset 0 0 0 1px rgba(13,12,11,.28),
    0 0 0 1px rgba(250,246,240,.20),
    0 8px 22px rgba(0,0,0,.24);
  opacity: .86;
}

body .rt-progress .dot.active,
body .rt-progress .dot[aria-current="true"]{
  border-color: rgba(200,168,75,.94);
  background: var(--la-brass, #c8a84b);
  box-shadow:
    0 0 0 5px rgba(200,168,75,.18),
    0 8px 24px rgba(0,0,0,.22);
  opacity: 1;
}

.rt-progress .dot:focus-visible,
.scroll-arrow:focus-visible{
  outline: 0;
  border-color: rgba(200,168,75,.72);
  box-shadow:
    0 0 0 3px rgba(200,168,75,.18),
    0 0 32px rgba(200,168,75,.18);
}

.rt-progress .dot[aria-current="true"]{
  border-color: rgba(200,168,75,.84);
}

.lautary-nav{
  position: fixed;
  top: 14px;
  left: 0;
  right: 0;
  z-index: 120;
  padding: 0 clamp(12px, 2.8vw, 30px);
  pointer-events: none;
}
.lautary-toggler-icon{
    color: #fff;
}


.lautary-nav .container-fluid{
  position: relative;
  max-width: 1240px;
  min-height: 62px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(250,246,240,.14);
  background:
    radial-gradient(circle at 90% 20%, rgba(250,246,240,.12), transparent 34%),
    rgba(13,12,11,.56);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
  pointer-events: auto;
}

.lautary-brand{
  margin-left: 18px;
  margin-right: 28px;
  color: var(--la-cream);
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
}

.lautary-brand:hover,
.lautary-brand:focus{
  color: #ffffff;
}

body .lautary-nav .container-fluid > .lautary-brand,
body .lautary-nav .container-fluid > .lautary-brand:hover,
body .lautary-nav .container-fluid > .lautary-brand:focus{
  color: var(--la-brass, #c8a84b);
}

.lautary-main-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  margin-left: auto;
}

.lautary-main-links .nav-link,
.mega-trigger{
  border: 0;
  border-radius: 0;
  padding: 9px 0;
  background: transparent;
  color: rgba(250,246,240,.78);
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: color .18s ease, opacity .18s ease;
}

.lautary-main-links .nav-link:hover,
.lautary-main-links .nav-link:focus,
.lautary-main-links .nav-link.active,
.mega-trigger.is-active{
  color: var(--la-brass);
  background: transparent;
  box-shadow: none;
}

body .lautary-nav .lautary-main-links .nav-link,
body .lautary-nav .lautary-main-links .mega-trigger,
body .lautary-nav .lautary-main-links .nav-link.active:not(.is-active),
body .lautary-nav .lautary-main-links .mega-trigger.active:not(.is-active){
  color: rgba(250,246,240,.82);
  background: transparent;
  box-shadow: none;
}

body .lautary-nav .lautary-main-links .nav-link:hover,
body .lautary-nav .lautary-main-links .nav-link:focus,
body .lautary-nav .lautary-main-links .mega-trigger:hover,
body .lautary-nav .lautary-main-links .mega-trigger:focus,
body .lautary-nav .lautary-main-links .mega-trigger.is-active{
  color: var(--la-brass, #c8a84b);
  background: transparent;
  box-shadow: none;
}

body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"],
body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"].active,
body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"]:hover,
body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"]:focus,
body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"].is-active{
  border: 1px solid rgba(200,168,75,.58);
  border-radius: 999px;
  padding: 10px 16px;
  color: #17120c;
  background:
    linear-gradient(180deg, rgba(247,223,148,.96), rgba(200,168,75,.95));
  box-shadow:
    0 12px 34px rgba(200,168,75,.26),
    0 0 0 1px rgba(250,246,240,.10) inset;
}

body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"]:hover,
body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"]:focus,
body .lautary-nav .lautary-main-links .mega-trigger[data-mega-section="products"].is-active{
  border-color: rgba(247,223,148,.78);
  box-shadow:
    0 16px 42px rgba(200,168,75,.34),
    0 0 0 1px rgba(250,246,240,.18) inset;
}

.lautary-login-wrap{
  margin-left: 32px;
  padding-left: 28px;
  border-left: 1px solid rgba(250,246,240,.16);
}

.login-trigger{
  border: 1px solid rgba(250,246,240,.18);
  border-radius: 999px;
  padding: 9px 15px;
  background: rgba(250,246,240,.06);
  color: rgba(250,246,240,.90);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.login-trigger:hover,
.login-trigger:focus,
.login-trigger.is-active{
  color: var(--la-brass);
  border-color: rgba(200,168,75,.46);
  background: rgba(250,246,240,.09);
  box-shadow: none;
}

.lautary-toggler{
  width: 42px;
  height: 42px;
  margin-left: auto;
  padding: 0;
  border: 1px solid rgba(250,246,240,.18);
  border-radius: 50%;
  background: rgba(250,246,240,.05);
  box-shadow: none;
  display: none;
}

.toggler-line{
  display: block;
  width: 17px;
  height: 1px;
  margin: 0 auto 4px;
  background: rgba(250,246,240,.88);
}

.toggler-line:last-child{
  margin-bottom: 0;
}

.mega-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: clamp(12px, 2.8vw, 30px);
  right: clamp(12px, 2.8vw, 30px);
  max-width: 1240px;
  margin: 0 auto;
  border: 1px solid rgba(200,168,75,.18);
  border-radius: 30px;
  background:
    radial-gradient(circle at 90% 12%, rgba(200,168,75,.10), transparent 34%),
    linear-gradient(180deg, rgba(250,246,240,.57), rgba(240,234,224,.65));
   backdrop-filter: blur(10px);
  box-shadow: 0 28px 90px rgba(13,12,11,.28);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  visibility: hidden;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.lautary-nav.is-open .mega-menu{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
}

.mega-menu-inner{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 18px;
}

.mega-col{
  min-height: 100%;
  border-radius: 22px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.50), rgba(255,255,255,.36));
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 10px 30px rgba(13,12,11,.06);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease;
}

.mega-col.is-muted{
  opacity: .88;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.30));
  border-color: rgba(255,255,255,.15);
  box-shadow: none;
}

.mega-col.is-focused{
  background:
    radial-gradient(circle at 80% 0%, rgba(200,168,75,.12), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.56));
  border-color: rgba(200,168,75,.26);
  box-shadow: 0 16px 42px rgba(13,12,11,.12);
  transform: translateY(-1px);
}

.mega-heading{
  margin-bottom: 12px;
  color: rgba(111,79,55,.78);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mega-col a{
  display: block;
  border-radius: 16px;
  padding: 12px;
  color: var(--text-dark);
  transition: background .18s ease, transform .18s ease;
}

.mega-col a:hover,
.mega-col a:focus,
.mega-col a[aria-current="page"]{
  background: rgba(200,168,75,.12);
  transform: translateY(-1px);
}

.mega-col strong{
  display: block;
  margin-bottom: 4px;
  font-family: var(--heading-font);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--text-dark);
}

.mega-col span{
  display: block;
  color: rgba(32,24,20,.62);
  font-size: 12px;
  line-height: 1.46;
}

.mega-col.is-muted .mega-heading{
  color: rgba(111,79,55,.66);
}

.mega-col.is-muted strong{
  color: rgba(32,24,20,.88);
}

.mega-col.is-muted span{
  color: rgba(32,24,20,.56);
}

.mega-col.is-muted a:hover,
.mega-col.is-muted a:focus{
  background: rgba(200,168,75,.10);
}

.login-col{
  border: 1px solid rgba(200,168,75,.16);
}

@media (max-width: 991.98px){
  .lautary-nav{
    top: 10px;
    padding-inline: 12px;
  }

  .lautary-nav .container-fluid{
    border-radius: 28px;
    flex-wrap: wrap;
  }

  .lautary-brand{
    margin-left: 8px;
    margin-right: 0;
    font-size: 19px;
  }

  .lautary-toggler{
    display: inline-grid;
    place-items: center;
  }

  .lautary-main-links{
    display: none;
    flex-basis: 100%;
    order: 4;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(250,246,240,.10);
    gap: 4px;
  }

  .lautary-login-wrap{
    display: none;
    width: 100%;
    order: 5;
    margin-left: 0;
    margin-top: 8px;
    padding-left: 0;
    border-left: 0;
  }

  .lautary-nav.mobile-expanded .lautary-main-links,
  .lautary-nav.mobile-expanded .lautary-login-wrap{
    display: flex;
    align-items: stretch;
  }

  .lautary-nav.mobile-expanded .lautary-main-links{
    flex-direction: column;
  }

  .lautary-nav.mobile-expanded .lautary-login-wrap{
    justify-content: stretch;
  }

  .lautary-main-links .nav-link,
  .login-trigger{
    width: 100%;
    text-align: left;
    padding: 11px 12px;
  }

  .login-trigger{
    border-radius: 16px;
  }

  .mega-menu{
    top: calc(100% + 8px);
    left: 12px;
    right: 12px;
    max-height: calc(100vh - 108px);
    overflow: auto;
    border-radius: 24px;
  }

  .mega-menu-inner{
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .mega-col{
    padding: 14px;
  }

  .mega-col.is-muted{
    opacity: 1;
  }
}