/* JewelBooks landing: gentle scroll reveals and a navigation bar that turns to frosted glass once you scroll.
   Reveals only hide things when the script has started (html.jbm), so nothing stays invisible if it fails to load. */
.nav{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}
html.jbm .nav:not(.is-scrolled):not(.is-open){background:transparent;border-bottom-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.jbm .nav.is-scrolled,html.jbm .nav.is-open{background:rgba(245,245,247,.72);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-bottom-color:rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 30px rgba(0,0,0,.05)}
html.jbm .jbm-r{opacity:0;transform:translate3d(0,26px,0) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--jbm-i,0)*70ms);will-change:opacity,transform}
html.jbm .jbm-r.jbm-in{opacity:1;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){html.jbm .jbm-r{opacity:1;transform:none;transition:none}.nav{transition:none}}