@font-face{font-family:StudioHand;src:url('assets/fonts/studio-hand-subset.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
.preloader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#08090a;color:#e5bd78;transition:opacity .55s ease,visibility .55s ease}
.preloader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.preload-stage{position:relative;width:min(100vw,177.6833svh,1672px);aspect-ratio:1672/941;container-type:inline-size;overflow:hidden;background:radial-gradient(ellipse at 13% 9%,#704322 0%,#33261e 19%,#0e0e0e 52%,#08090a 100%)}
.preload-stage::before{content:'';position:absolute;inset:0;background:url('assets/preloader/notebook-blank.webp') center/100% 100% no-repeat;opacity:0;transition:opacity .35s ease}
.preload-stage.art-ready::before{opacity:1}
.preload-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:polygon(48.9% 18.5%,70.3% 15.4%,72.4% 61.8%,49.8% 65%);opacity:0;transition:opacity .32s ease;pointer-events:none}
.art-ready .preload-art{opacity:1}
.preload-art.is-fading,.preload-quote.is-fading{opacity:0}
.preload-quote{position:absolute;left:30.5%;top:31.6%;width:17.8%;height:25%;display:flex;align-items:center;color:#4d3527;font-family:'STXingkai',StudioHand,'KaiTi',serif;font-size:2.05cqw;font-weight:400;line-height:1.57;letter-spacing:.005em;white-space:normal;opacity:0;transition:opacity .32s ease;transform:rotate(-4deg);transform-origin:52% 48%;mix-blend-mode:multiply;pointer-events:none}
.art-ready .preload-quote{opacity:1}
.preload-quote span{display:block}
.preload-progress{position:absolute;left:30.45%;top:73.55%;width:39%;height:.62cqw;background:#4e4d4b;border-radius:99px;overflow:visible}
.preload-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#f6dd91,#f7c86d);border-radius:inherit;box-shadow:0 0 1.1cqw #f2b9598a;transition:width .18s linear}
.preload-meta{position:absolute;top:76.3%;left:30.45%;width:39%;display:flex;justify-content:space-between;color:#e5c36f;font-size:1cqw;letter-spacing:.08em}
.preload-footer{position:absolute;left:40%;top:87.3%;width:20%;text-align:center;font-size:1.03cqw;letter-spacing:.3em;color:#d9b368}
.preload-error{position:absolute;left:30.5%;top:80%;width:39%;display:flex;align-items:center;gap:1cqw;font-size:1cqw;color:#f0cf99}
.preload-error button{padding:.4cqw .8cqw;border:1px solid #d2ae6f;border-radius:.3cqw;background:#29231f;color:#f0cf99}
.preload-error button:hover{background:#423329}
@media(max-width:700px) and (orientation:portrait){.preload-stage{width:100vw;aspect-ratio:1672/941}.preloader{align-items:center}.preload-quote{font-size:2.35cqw}.preload-meta,.preload-footer{font-size:1.45cqw}.preload-error{font-size:1.45cqw}}
@media(prefers-reduced-motion:reduce){.preloader,.preload-art,.preload-quote,.preload-progress-fill{transition:none}}