/* ---------- scratch preloader ---------- */
html.pre-active,html.pre-active body{overflow:hidden!important;height:100%}
html.pre-active #quill{opacity:0!important}
#preload{position:fixed;inset:0;z-index:9999;cursor:none;opacity:1;
  transition:opacity .5s cubic-bezier(.25,1,.5,1)}
#preload.gone{opacity:0;pointer-events:none}
#preCard,#preInk{position:absolute;inset:0;width:100%;height:100%;display:block}
#preCard{filter:drop-shadow(0 2px 14px rgba(31,27,24,.22))}
#preInk{pointer-events:none}
#preBar{position:absolute;left:50%;transform:translateX(-50%);height:2px;
  background:rgba(31,27,24,.18);overflow:hidden;pointer-events:none;
  transition:opacity .35s ease}
#preBar i{display:block;height:100%;width:0;background:#FF1F0E}
#preBar.off{opacity:0}
#preHint{position:absolute;left:50%;transform:translateX(-50%);
  font-family:'Host Grotesk',system-ui,-apple-system,sans-serif;font-weight:500;
  color:rgba(31,27,24,.55);white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .45s ease}
#preHint.on{opacity:1}
#preNib{position:fixed;left:0;top:0;z-index:10000;width:190px;height:23px;pointer-events:none;
  transform-origin:0.5px 10.1px;filter:drop-shadow(0 7px 11px rgba(31,27,24,.38));
  will-change:transform;opacity:0;transition:opacity .35s ease}
#preNib img{width:190px;height:23px;display:block}
#preNib.on{opacity:1}
@media (prefers-reduced-motion: reduce){#preload{display:none}}