:root{--paper:#e6dfd2;--ink:#1a1714;--ink-soft:#1a1714b3;--ink-muted:#1a171473;--folder:#efe8da;--folder-edge:#1a1714;--font:"Special Elite", "Courier New", Courier, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--ease-overshoot:cubic-bezier(.34, 1.4, .64, 1);--stroke:1.5px;--stack-step:clamp(52px, 7vh, 64px);--stack-w:min(560px, 86vw);--folder-aspect:400 / 280;--folder-aspect-portrait:280 / 400}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:var(--paper);text-transform:lowercase;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;caret-color:#0000;height:100dvh;max-height:100dvh}.svg-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}button,a,.folder,.folder__tab-label,.brand__mark,.sound-toggle{-webkit-user-select:none;user-select:none;caret-color:#0000}.contacts a{-webkit-user-select:text;user-select:text;caret-color:auto}.paper{z-index:0;pointer-events:none;background-color:var(--paper);background-image:url(/craft-paper.png);background-repeat:repeat;background-size:520px 520px;position:fixed;inset:0}.paper:after{content:"";background:radial-gradient(80% 70% at 50% 45%,#0000 45%,#5a462812 100%);position:absolute;inset:0}.brand,.contacts,.stage{z-index:1;position:relative}.brand{z-index:5;position:fixed;top:clamp(.75rem,2vh,1.4rem);left:clamp(.75rem,2vw,1.4rem)}.brand__mark{color:var(--ink);font-size:clamp(1.8rem,4vw,2.1rem);text-decoration:none}.brand__mark .ch{opacity:0;display:inline-block}.brand__mark .ch.is-stamped{animation:stamp 90ms var(--ease) forwards}@keyframes stamp{0%{opacity:0;transform:scale(1.5) rotate(var(--r,0deg));filter:blur(1.5px)}60%{opacity:1;transform:scale(.96) rotate(var(--r,0deg));filter:blur()}to{opacity:var(--o,1);transform:scale(1) rotate(var(--r,0deg))}}.sound-toggle{z-index:5;cursor:pointer;width:5.5rem;font:inherit;color:var(--ink);text-transform:lowercase;background:0 0;border:none;flex-direction:column;align-items:center;gap:.3rem;padding:0;display:flex;position:fixed;top:clamp(.75rem,2vh,1.4rem);right:clamp(.75rem,2vw,1.4rem)}.sound-toggle__svg{border-radius:50%;flex-shrink:0;width:clamp(44px,6vw,60px);height:auto;transition:transform .12s,box-shadow .12s;display:block;overflow:visible;box-shadow:0 1px 2px #281c0e33,0 5px 12px #281c0e38}.sound-toggle:active .sound-toggle__svg{transform:scale(.96);box-shadow:0 1px 1px #281c0e47,0 2px 5px #281c0e3d}.sound-toggle__knob{transform-origin:60px 60px;transition:transform .24s var(--ease)}.sound-toggle__label{color:var(--ink-soft);text-align:center;white-space:nowrap;width:100%;min-height:1.2em;font-size:clamp(.6rem,1.2vw,.78rem)}.sound-toggle[aria-pressed=false] .sound-toggle__label{color:var(--ink-muted)}.sound-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.contacts{z-index:5;pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.25rem 1.4rem;font-size:clamp(.75rem,1.8vw,.88rem);display:flex;position:fixed;bottom:clamp(.55rem,1.6vh,1rem);left:50%;transform:translate(-50%)}.contacts a{color:var(--ink-soft);text-decoration:none}.contacts a:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.stage{justify-content:center;align-items:flex-start;height:100dvh;max-height:100dvh;padding-top:53vh;display:flex;overflow:hidden}.drawer{width:var(--stack-w);position:relative;transform:translateY(-50%)}.stack{--count:6;width:100%;height:calc(var(--stack-w) * 280 / 400 + (var(--count) - 1) * var(--stack-step));position:relative}.folder{--tilt:0deg;--x:0px;left:0;top:calc(var(--i) * var(--stack-step));width:100%;aspect-ratio:var(--folder-aspect);color:inherit;font:inherit;cursor:pointer;pointer-events:none;transform:translate(var(--x), 0) rotate(var(--tilt));filter:drop-shadow(0 1px 2px #281c0e1f)drop-shadow(0 6px 14px #281c0e29);transition:transform .18s var(--ease), filter .18s ease;background:0 0;border:none;margin:0;padding:0;position:absolute}.folder__hit{width:100%;height:calc(var(--stack-step) + 24px);pointer-events:auto;z-index:2;position:absolute;top:0;left:0}.folder__hit--front{height:100%}.folder:hover,.folder:focus-visible{transform:translate(var(--x), -16px) rotate(0deg) scale(1.01);filter:drop-shadow(0 2px 4px #281c0e24)drop-shadow(0 16px 32px #281c0e42)}.folder:focus-visible{outline:none}.folder:focus-visible .folder__path{stroke-width:2.5px}.folder__shell{width:100%;height:100%;display:block;position:relative;overflow:visible}.folder__svg{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.folder__path{fill:url(#folder-grad);stroke:var(--folder-edge);stroke-width:var(--stroke);vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.folder__edge{fill:#ddd4c0;stroke:var(--folder-edge);stroke-width:var(--stroke);vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.folder__tab-label{top:1%;left:var(--tab-left);width:var(--tab-w);letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.95;pointer-events:none;justify-content:center;align-items:center;height:13%;padding:0 .45rem;font-size:clamp(.72rem,1.55vw,.95rem);line-height:1;display:flex;position:absolute;overflow:hidden}.folder__tab-label--long{font-size:clamp(.58rem,1.15vw,.72rem)}.btn{border:1.5px solid var(--ink);background:var(--folder);color:var(--ink);font:inherit;cursor:pointer;text-transform:lowercase;padding:.42rem .85rem .32rem;font-size:clamp(.7rem,1.3vw,.85rem)}.btn:hover{background:var(--ink);color:var(--folder)}.btn:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.overlay{z-index:100;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none!important}.overlay__backdrop{opacity:0;transition:opacity .38s var(--ease);background:#1a171447;position:absolute;inset:0}.overlay__panel{z-index:1;opacity:1;transform-origin:50%;will-change:transform;width:min(880px,92vw,122.857vh);position:relative;transform:none}.overlay__panel--portrait{width:min(92vw,54.6vh)}.overlay.is-visible .overlay__backdrop{opacity:1}.overlay.is-closing .overlay__backdrop{opacity:0;transition-duration:.25s}.open-folder{width:100%;aspect-ratio:var(--folder-aspect);perspective:1200px;max-height:86vh;position:relative;overflow:visible;transform:rotate(-.5deg)}.open-folder--mobile{aspect-ratio:var(--folder-aspect-portrait);max-height:86vh;transform:rotate(-.3deg)}.open-folder__back{z-index:1;pointer-events:none;filter:drop-shadow(0 2px 4px #281c0e1f)drop-shadow(0 14px 32px #281c0e3d);width:100%;height:100%;display:block;position:relative;overflow:visible}.open-folder__tab-label{top:1%;left:var(--tab-left);width:var(--tab-w);z-index:2;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;height:10%;padding:0 .45rem;font-size:clamp(.78rem,1.7vw,1.05rem);line-height:1;display:flex;position:absolute;overflow:hidden}.open-folder--mobile .open-folder__tab-label{height:8%;font-size:clamp(.72rem,3.6vw,.92rem)}.open-folder__doc{z-index:2;cursor:zoom-in;transform-origin:top;width:78%;transition:transform .38s var(--ease-overshoot);will-change:transform;background:0 0;border:none;margin:0;padding:0;position:absolute;top:22%;left:50%;transform:translate(-50%)rotate(-1.2deg)}.open-folder--mobile .open-folder__doc{width:72%;top:28%}.open-folder.is-open .open-folder__doc{transition-delay:.1s;transform:translate(-50%,-34%)rotate(-2deg)}.open-folder--mobile.is-open .open-folder__doc{transform:translate(-50%,-28%)rotate(-2deg)}.open-folder.is-closing .open-folder__doc{transition:transform .28s var(--ease);transition-delay:0s;transform:translate(-50%)rotate(-1.2deg)}.open-folder__clip{z-index:2;pointer-events:none;width:28px;height:36px;position:absolute;top:-22px;left:50%;overflow:visible;transform:translate(-50%)}.open-folder__doc-frame{background:#fff;border:1px solid #1a171447;padding:11px;display:block;box-shadow:0 6px 16px #281c0e38}.open-folder__doc-frame img{object-fit:cover;object-position:top center;pointer-events:none;aspect-ratio:16/10;background:#cfc6b6;width:100%;height:auto;display:block}.open-folder--mobile .open-folder__doc-frame img{aspect-ratio:9/16;object-fit:cover}.open-folder__front{z-index:3;pointer-events:none;transform-origin:bottom;filter:brightness();width:100%;height:100%;transition:transform .32s var(--ease), filter .32s var(--ease);will-change:transform;position:absolute;inset:0;overflow:visible;transform:rotateX(0)}.open-folder.is-open .open-folder__front{filter:brightness(1.03);transform:rotateX(-26deg)}.open-folder.is-closing .open-folder__front{filter:brightness();transition-duration:.24s;transform:rotateX(0)}.open-folder__front-path{fill:url(#folder-grad);stroke:var(--folder-edge);stroke-width:var(--stroke);vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.open-folder__meta{z-index:5;opacity:0;pointer-events:none;transition:opacity .15s var(--ease);justify-content:space-between;align-items:baseline;gap:.75rem;display:flex;position:absolute;bottom:18%;left:6%;right:6%}.open-folder--mobile .open-folder__meta{justify-content:center;bottom:16%}.open-folder.is-open .open-folder__meta{opacity:1;transition-delay:.28s}.open-folder.is-closing .open-folder__meta{opacity:0;transition-duration:.1s;transition-delay:0s}.open-folder__label{font-size:clamp(.75rem,1.5vw,.92rem)}.open-folder__hint{color:var(--ink-muted);text-align:right;font-size:clamp(.65rem,1.2vw,.78rem)}.open-folder__actions{z-index:5;opacity:0;pointer-events:none;transition:opacity .15s var(--ease);justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:6%;left:0;right:0}.open-folder.is-open .open-folder__actions{opacity:1;pointer-events:auto;transition-delay:.28s}.open-folder.is-closing .open-folder__actions{opacity:0;pointer-events:none;transition-duration:.1s;transition-delay:0s}.open-folder--mobile .open-folder__actions{gap:.4rem;bottom:5%}.open-folder--mobile .open-folder__actions .btn{padding:.38rem .7rem .28rem;font-size:.68rem}.lightbox{z-index:200;opacity:0;transition:opacity .26s var(--ease);background:#1a1714eb;position:fixed;inset:0}.lightbox[hidden]{display:none!important}.lightbox.is-visible{opacity:1}.lightbox:not(.is-visible){transition-duration:.2s}.lightbox__toolbar{z-index:2;gap:.5rem;display:flex;position:fixed;top:clamp(.75rem,2vh,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.lightbox__scroll{justify-content:center;align-items:flex-start;padding:4.5rem 0 2rem;display:flex;position:absolute;inset:0;overflow:hidden auto}.lightbox__img{cursor:zoom-out;background:#cfc6b6;width:min(1440px,96vw);height:auto;display:block}.lightbox__img.is-mobile-shot{width:min(430px,100vw)}@media (width<=640px){:root{--stack-w:94vw;--stack-step:44px}.folder:hover{transform:translate(var(--x), 0) rotate(var(--tilt));filter:drop-shadow(0 1px 2px #281c0e1f)drop-shadow(0 6px 14px #281c0e29)}.folder:focus-visible{transform:translate(var(--x), -16px) rotate(0deg) scale(1.01);filter:drop-shadow(0 2px 4px #281c0e24)drop-shadow(0 16px 32px #281c0e42)}.folder__tab-label{font-size:.68rem}.folder__tab-label--long{font-size:.55rem}.overlay__panel{width:min(92vw,54.6vh)}.open-folder__hint{display:none}.lightbox__toolbar{padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#1a1714d9 40%);justify-content:center;inset:auto 0 0}.lightbox__scroll{padding:1rem 0 5rem}.lightbox__img{width:100vw}.lightbox__img.is-mobile-shot{width:min(430px,100vw)}.contacts{gap:.15rem .9rem;font-size:.72rem}.sound-toggle__svg{width:44px}.sound-toggle__label{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.folder,.overlay__backdrop,.overlay__panel,.lightbox,.sound-toggle__knob,.sound-toggle__svg,.open-folder__doc,.open-folder__front,.open-folder__meta,.open-folder__actions{transition:none!important}.open-folder.is-open .open-folder__doc{transform:translate(-50%,-34%)rotate(-2deg);transition-delay:0s!important}.open-folder--mobile.is-open .open-folder__doc{transform:translate(-50%,-28%)rotate(-2deg)}.open-folder.is-open .open-folder__front{filter:brightness();transform:rotateX(0)}.open-folder.is-open .open-folder__meta,.open-folder.is-open .open-folder__actions{transition-delay:0s!important}.brand__mark .ch.is-stamped{opacity:var(--o,1);animation:none}}