:root{--fold-paper:#eee9df;--fold-ink:#302f29;--fold-orange:#d6653d}
body.fold-intro-active{overflow:hidden}
body.fold-intro-active .mlo-nav__brand{opacity:0;transform:translate(-50%,-50%) scale(.88)}
.fold-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(238,233,223,.985);color:var(--fold-ink);pointer-events:none;opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s linear .35s}
.fold-intro.is-finished{opacity:0;visibility:hidden}
.fold-intro__stage{position:relative;width:clamp(220px,26vw,284px);aspect-ratio:1;filter:drop-shadow(0 22px 36px rgba(48,47,41,.13))}
.fold-intro__canvas,.fold-intro__fallback{position:absolute;inset:0;display:block;width:100%;height:100%}
.fold-intro__fallback{opacity:0}
.fold-intro.is-fallback .fold-intro__fallback{opacity:1;filter:blur(0)}
.fold-intro__dot{position:absolute;top:11.1%;right:10.8%;width:5%;aspect-ratio:1;border-radius:50%;background:var(--fold-orange);opacity:0;transform:scale(.2);filter:blur(3px);transition:none}
.fold-intro.is-dotted .fold-intro__dot{opacity:1;transform:scale(1);filter:blur(0);transition:opacity .36s ease,transform .5s cubic-bezier(.16,1.5,.32,1),filter .4s ease}
.fold-intro__caption{position:absolute;bottom:clamp(34px,7vh,72px);left:50%;margin:0;color:rgba(48,47,41,.56);font:500 10px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;transform:translateX(-50%);opacity:0;animation:foldCaption 1s ease .2s both}
@keyframes foldCaption{to{opacity:1}}
@media(max-width:820px){.fold-intro__stage{width:min(64vw,246px)}.fold-intro__caption{bottom:28px}}
@media(prefers-reduced-motion:reduce){.fold-intro{display:none!important}.mlo-nav__brand{opacity:1!important;transform:translate(-50%,-50%)!important}}