/** Shopify CDN: Minification failed

Line 152:0 Unexpected "}"
Line 465:0 Expected "}" to go with "{"

**/
/* ==========================================================================
   SCENTADDA SPLASH OVERLAY
   ========================================================================= */

html.sa-hide-splash #SplashOverlay{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

:root {
  --sa-splash-bg: #f6f2ea;
  --sa-splash-overlay: rgba(18, 18, 18, 0.42);

  --sa-color-white: #ffffff;
  --sa-color-black: #111111;
  --sa-color-gold: #c8a96a;

  --sa-radius-pill: 999px;

  --sa-transition-fast: .30s ease;
  --sa-transition-normal: .60s cubic-bezier(.22,.61,.36,1);

  --sa-z-overlay: 999999;
}





/* ==========================================================================
   LOCK BODY
   ========================================================================= */

body.sa-splash-active{
  overflow:hidden;
  touch-action:none;
}

/* ==========================================================================
   MAIN WRAPPER
   ========================================================================= */

.sa-splash{
  position:fixed;
  inset:0;
  z-index:var(--sa-z-overlay);

  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  height:100dvh;

  background:var(--sa-splash-bg);

  overflow:hidden;

  opacity:1;
  visibility:visible;

}
.sa-splash__brand{
    position:absolute;
    top:12px;
    right:40px;
    z-index:50;

    color:#111;
    font-size:30px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

/* Hide State */

.sa-splash--hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}



/* ==========================================================================
   BACKGROUND
   ========================================================================= */

.sa-splash__background{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.sa-splash__image,
.sa-splash__video{

  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;
 
}
/* Desktop */
.sa-splash__image--desktop{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    position:relative;
    top:55px;
}

/* Mobile hidden */
.sa-splash__image--mobile{
    display:none;
    width:100%;
    height:100%;
    object-fit:cover;
     position:relative;
    top:55px;

}



/* Mobile */
@media screen and (max-width:749px){

    .sa-splash__image--desktop{
        display:none;
    }

    .sa-splash__image--mobile{
        display:block;
    }
    
}

}

.sa-splash__overlay{
  position:absolute;
  inset:0;

  background:var(--sa-splash-overlay);

  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

/* ==========================================================================
   CONTENT
   ========================================================================= */

.sa-splash__container{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1200px;

  padding-inline:2rem;
}

.sa-splash__content{

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;

  color:var(--sa-color-white);
}

/* ==========================================================================
   LOGO
   ========================================================================= */

.sa-splash__logo{

  display:block;

  width:180px;
  max-width:70vw;

  margin-bottom:2rem;

  animation:
    saFadeUp .8s ease both;
}

/* ==========================================================================
   HEADING
   ========================================================================= */

.sa-splash__heading{

  margin:0;

  font-size:clamp(2.3rem,6vw,4.8rem);

  line-height:1.1;

  letter-spacing:.08em;

  font-weight:300;

  text-transform:uppercase;

  animation:
    saFadeUp .8s ease .15s both;
}

/* ==========================================================================
   SUB HEADING
   ========================================================================= */

.sa-splash__subheading{

  max-width:620px;

  margin-top:1.5rem;
  margin-bottom:3rem;

  font-size:1.05rem;

  line-height:1.8;

  color:rgba(255,255,255,.88);

  animation:
    saFadeUp .8s ease .3s both;
}

.sa-splash__subheading p{
  margin:0;
}

/* ==========================================================================
   BUTTON
   ========================================================================= */

.sa-splash__button{

  cursor:pointer;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:220px;

  padding:18px 38px;

  border:none;
  outline:none;

  border-radius:var(--sa-radius-pill);

  background:rgba(255,255,255,.12);

  color:var(--sa-color-black);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  border:1px solid rgba(255,255,255,.25);

  font-size:.95rem;

  font-weight:600;

  letter-spacing:.12em;

  text-transform:uppercase;

  transition:
    transform var(--sa-transition-fast),
    background var(--sa-transition-fast),
    border-color var(--sa-transition-fast),
    color var(--sa-transition-fast);
}

.sa-splash__button:hover{

  transform:translateY(-3px);

  background:var(--sa-color-white);

  color:var(--sa-color-black);

  border-color:var(--sa-color-white);
}

.sa-splash__button:active{
  transform:scale(.98);
}

.sa-splash__button:focus-visible{

  outline:2px solid var(--sa-color-gold);

  outline-offset:5px;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================= */

@keyframes saFadeUp{

  from{

    opacity:0;

    transform:
      translateY(35px);

  }

  to{

    opacity:1;

    transform:
      translateY(0);

  }

}

@keyframes saBackgroundZoom{

  from{

    transform:scale(1);

  }

  to{

    transform:scale(1.08);

  }

}

/* ==========================================================================
   TABLET
   ========================================================================= */

@media (max-width:990px){

  .sa-splash__logo{
    width:150px;
  }

  .sa-splash__subheading{

    max-width:520px;

    font-size:1rem;

  }

}

/* ==========================================================================
   MOBILE
   ========================================================================= */

@media (max-width:749px){

  .sa-splash{

    padding:2rem 1.5rem;

  }

  .sa-splash__logo{

    width:120px;

    margin-bottom:1.5rem;

  }

  .sa-splash__heading{

    font-size:2.2rem;

  }

  .sa-splash__subheading{

    font-size:.92rem;

    line-height:1.7;

    margin-bottom:2.5rem;

  }

  .sa-splash__button{

    width:100%;

    max-width:280px;

    min-width:auto;

    padding:16px 28px;

    font-size:.85rem;

  }
  /* .sa-splash__brand{
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;

    color:#111;
    font-size:30px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;

} */

/* ==========================================================================
   REDUCED MOTION
   ========================================================================= */

@media (prefers-reduced-motion: reduce){

  *,
  *::before,
  *::after{

    animation:none !important;

    transition:none !important;

  }

}