@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(./cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}:root{--vellum:#cfc7bc;--ink:#0c0d10;--ash:#bdb6ab;--ember:#5a1f1f}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--ink);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#track{pointer-events:none;width:1px}#stage{background:var(--ink);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.scene{visibility:hidden;opacity:0;position:absolute;inset:0;overflow:hidden}.scene.on{visibility:visible}.backdrop{filter:blur(32px);background-position:50%;background-size:cover;position:absolute;inset:-10%}.plate{position:absolute;inset:0}.plate img{transform-origin:0 0;opacity:0;max-width:none;transition:opacity .9s;position:absolute;top:0;left:0}.plate img.loaded{opacity:1}.plate img.feather{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%)}.scene.on .plate img,.scene.on .fig,.scene.on .figs{will-change:transform}.vignette{pointer-events:none;background:radial-gradient(130% 95% at 50% 42%,#0c0d1000 52%,#0c0d1075 100%);position:absolute;inset:0}.veil{pointer-events:none;background:var(--ash);opacity:0;position:absolute;inset:0}#haze{z-index:1000;pointer-events:none;background:var(--ash);opacity:0;position:absolute;inset:0}.vellum{background-color:var(--vellum);background-image:url(../img/paper.webp);background-size:512px 512px}.figs{justify-content:center;align-items:center;gap:4.5vw;display:flex;position:absolute;inset:0}.fig{flex:none;position:relative;box-shadow:0 1px 1px #0c0d1024,0 14px 34px -18px #0c0d106b}.fig img{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block}.fig img.loaded{opacity:1}.pair.portrait .fig{aspect-ratio:2/3;height:min(78vh,62vw)}.pair.square .fig{aspect-ratio:1;height:min(66vh,41vw)}.single.portrait .fig{aspect-ratio:2/3;height:min(86vh,120vw)}.single.landscape .fig{aspect-ratio:3/2;width:min(84vw,118vh)}.align-left .figs{justify-content:flex-start;padding-left:15vw}.tall .figs{flex-direction:column;gap:6vh}.tall .pair.portrait .figs{justify-content:flex-start}.tall .pair.portrait .fig{width:84vw;height:auto}.tall .pair.square .fig{width:72vw;height:auto}.tall .single.portrait .fig{width:86vw;height:auto}.tall .single.landscape .fig{width:94vw;height:auto}.tall .align-left .figs{justify-content:center;padding-left:0}.wm{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.wordmark{white-space:nowrap;color:var(--ink);letter-spacing:.18em;padding-left:.18em;font-family:Cormorant Garamond,Times New Roman,serif;font-weight:500;line-height:1}.wordmark .accent{color:var(--ember)}.wm-intro{top:17%}.wm-intro .wordmark{opacity:0;letter-spacing:.3em;padding-left:.3em;font-size:clamp(40px,10vw,168px);transition:opacity 1.8s,letter-spacing 2.4s cubic-bezier(.2,.7,.2,1),padding-left 2.4s cubic-bezier(.2,.7,.2,1)}.ready .wm-intro .wordmark{opacity:.9;letter-spacing:.18em;padding-left:.18em}.wm-final{top:15%}.wm-final .wordmark{opacity:.92;font-size:clamp(40px,10vw,168px)}#ash{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.grain{z-index:25;pointer-events:none;opacity:.6;background:url(../img/grain.png) 0 0/256px 256px;position:fixed;inset:0}#sound{z-index:30;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;gap:3px;width:48px;height:48px;transition:opacity 1.2s;display:flex;position:fixed;top:12px;right:14px}#sound.show{opacity:.85;pointer-events:auto}#sound:hover{opacity:1}#sound:focus-visible{outline:1px solid var(--vellum);outline-offset:2px}#sound i{background:#ddd7cd;width:2px;height:16px;transition:transform .6s;display:block;transform:scaleY(.2);box-shadow:0 0 0 1px #0c0d1059}#sound.on i{animation:1.8s ease-in-out infinite bar}#sound.on i:nth-child(2){animation-delay:-.6s}#sound.on i:nth-child(3){animation-delay:-1.2s}@keyframes bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.wm-intro .wordmark{transition:opacity .4s}#sound.on i{animation:none;transform:scaleY(.8)}}#rail{z-index:30;cursor:pointer;touch-action:none;opacity:0;width:30px;height:46vh;margin-top:-23vh;transition:opacity 1.4s;position:fixed;top:50%;right:16px}.ready #rail{opacity:.9}#rail:hover,#rail.drag{opacity:1}#rail .line{background:linear-gradient(#ddd7cd00,#ddd7cdb3 6% 94%,#ddd7cd00);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:1px 0 #0c0d104d}#rail .tick{background:#ddd7cd66;width:7px;height:1px;margin-left:-3px;transition:background .6s;position:absolute;left:50%;box-shadow:0 1px #0c0d1040}#rail .tick.past{background:#ddd7cdf2}#rail .mark{will-change:transform;width:12px;height:30px;margin:-12px 0 0 -6px;position:absolute;top:0;left:50%}#rail .mark svg{display:block}.tall #rail{width:24px;height:38vh;margin-top:-19vh;right:6px}html.gated{overflow:hidden}.gated #rail,.gated #sound{opacity:0!important;pointer-events:none!important}#gate{z-index:18;-webkit-backdrop-filter:blur(14px)saturate(.85);backdrop-filter:blur(14px)saturate(.85);touch-action:none;background:#0c0d104d;justify-content:center;align-items:center;transition:opacity 1.5s;display:flex;position:fixed;inset:0}#gate.gone{opacity:0;pointer-events:none}#enter{letter-spacing:.34em;text-transform:uppercase;color:#e6e0d6;cursor:pointer;opacity:0;background:0 0;border:1px solid #e6e0d680;border-left:0;border-right:0;padding:1.1em .6em 1.1em .94em;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(15px,1.5vw,21px);font-weight:500;transition:opacity 1.4s .3s,letter-spacing .9s cubic-bezier(.2,.7,.2,1),color .6s,border-color .6s}.fonts #enter{opacity:1}#enter .accent{color:var(--ember)}#enter:hover,#enter:focus-visible{letter-spacing:.42em;color:#fff;border-color:#e6e0d6e6;outline:none}@media (prefers-reduced-motion:reduce){#gate,#enter{transition:opacity .3s}}#rotate{display:none}@media (orientation:portrait) and (width<=540px) and (pointer:coarse){html{overflow:hidden}#rotate{z-index:100;background:var(--ink);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#rotate .ph{transform-origin:60px 60px;animation:3.2s cubic-bezier(.45,0,.2,1) infinite turn}@keyframes turn{0%,22%{transform:rotate(0)}58%,86%{transform:rotate(-90deg)}to{transform:rotate(0)}}}@media (orientation:portrait) and (width<=540px) and (pointer:coarse) and (prefers-reduced-motion:reduce){#rotate .ph{animation:none;transform:rotate(-90deg)}}
/*$vite$:1*/