/* Same cinematic section veil used by the homepage navigation. */
.boutique-section-wipe{
  position:fixed;
  z-index:32000;
  inset:0;
  pointer-events:none;
  visibility:hidden;
}
.boutique-section-wipe__panel{
  position:absolute;
  left:0;
  width:100%;
  height:50.5%;
  background:#182820;
  transform:scaleY(0);
  transition:transform .42s cubic-bezier(.77,0,.18,1);
  will-change:transform;
}
.boutique-section-wipe__panel--top{top:0;transform-origin:top}
.boutique-section-wipe__panel--bottom{bottom:0;transform-origin:bottom}
.boutique-section-wipe__label{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  color:#ead5aa;
  font:italic 400 clamp(2rem,4.2vw,4.8rem)/1 Georgia,serif;
  letter-spacing:-.045em;
  opacity:0;
  transform:translate3d(-50%,calc(-50% + 18px),0);
  transition:opacity .2s ease .08s,transform .34s cubic-bezier(.16,1,.3,1) .08s;
  white-space:nowrap;
}
.boutique-section-wipe.is-active{visibility:visible}
.boutique-section-wipe.is-covering .boutique-section-wipe__panel{transform:scaleY(1)}
.boutique-section-wipe.is-covering .boutique-section-wipe__label{opacity:1;transform:translate3d(-50%,-50%,0)}
.boutique-section-wipe.is-revealing .boutique-section-wipe__panel--top{transform:translate3d(0,-102%,0) scaleY(1)}
.boutique-section-wipe.is-revealing .boutique-section-wipe__panel--bottom{transform:translate3d(0,102%,0) scaleY(1)}
.boutique-section-wipe.is-revealing .boutique-section-wipe__label{opacity:0;transform:translate3d(-50%,calc(-50% - 20px),0)}

body.is-boutique-section-wiping{overflow:hidden}

@media(max-width:1000px){
  .boutique-section-wipe__label{font-size:clamp(2rem,9vw,3.4rem)}
}

@media(prefers-reduced-motion:reduce){
  .boutique-section-wipe{display:none!important}
}