#opening{position:fixed;inset:0;z-index:100;background:var(--forest);color:var(--chalk);display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1000px;animation:opening-exit .8s 2.15s var(--ease) both}#opening .opening-mark{width:120px;height:195px;perspective:800px}#opening svg{width:100%;height:100%;overflow:visible}#opening .fold{transform-box:fill-box;transform-origin:center top;backface-visibility:hidden;animation:unfold 1.3s var(--ease) both}#opening .fold-middle{animation-delay:.22s;transform-origin:center bottom;fill:#b8c8bb}#opening .fold-bottom{animation-delay:.44s;fill:#d8a992}#opening>p{text-align:center;font-size:21px;letter-spacing:.22em;margin-top:26px;animation:panel-in 1s .7s both}#opening>p span{display:block;font-size:7px;letter-spacing:.3em;margin-top:5px}#skip-opening{position:absolute;bottom:35px;right:var(--gutter);border:0;background:none;color:var(--chalk);font-size:11px;padding:12px}@keyframes unfold{0%{opacity:0;transform:rotateX(-100deg) translateY(-35px) scaleY(.08)}35%{opacity:1}100%{opacity:1;transform:rotateX(0) translateY(0) scaleY(1)}}@keyframes opening-exit{from{transform:translateY(0)}to{transform:translateY(-101%)}}@keyframes panel-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){#opening{display:none!important}}