@font-face{font-family:Prata;src:url(/fonts/Prata-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/Jost-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/Jost-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2");font-display:swap}
:root{--paper:#f6f1e4;--ink:#1c2145;--ink2:#4d5272;--rule:rgb(28 33 69 / .2);--gt:clamp(18px,3vw,44px)}
*{box-sizing:border-box}body{margin:0;font:400 18px/1.4 Jost,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}img{display:block}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html{transition:background .6s}html.lock{overflow:hidden}
html{background:var(--ink)}
.dk{height:100dvh;overflow:hidden;color:var(--ink);font-family:Jost,system-ui,sans-serif}
.mb{position:fixed;z-index:1000;top:0;left:0;right:0;height:30px;padding:0 14px;display:flex;align-items:center;gap:22px;background:var(--paper);border-bottom:1px solid var(--ink);font:14px/1 Mono,ui-monospace,monospace;padding-top:env(safe-area-inset-top);box-sizing:content-box}
.mb a{padding:5px 6px;margin:0 -6px}.mb a:hover,.mb a:focus-visible{background:var(--ink);color:var(--paper);outline:0}.zm-b{font:400 19px/1 Prata,serif!important}.ck{margin-left:auto}
.wall{position:fixed;inset:0;top:30px;background:#2a2346}.wall img{width:100%;height:100%;object-fit:cover;object-position:50% 100%}.wm{display:none}
.wall::after{content:"";position:absolute;inset:0;background:radial-gradient(rgb(28 33 69 / .16) 1px,transparent 1.4px) 0 0/4px 4px}
/* Icons: each work's print as a small framed thumbnail. */
.icons[hidden]{display:none}.icons{position:fixed;z-index:5;right:18px;top:48px;display:grid;grid-auto-flow:row;gap:16px;justify-items:center}
.ic,.fic{display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;text-align:center;-webkit-tap-highlight-color:transparent}
.th{width:58px;height:58px;padding:4px;background:var(--paper);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);display:block;overflow:hidden}.th img{width:100%;height:100%;object-fit:cover}.th.sv{display:grid;place-items:center;overflow:visible}.th.sv{background:none;border:0;box-shadow:none;padding:2px}.th.sv svg{width:52px;height:auto;filter:drop-shadow(2px 2px 0 var(--ink))}
.nm{font:13px/1.25 Mono,ui-monospace,monospace;background:var(--paper);padding:1px 5px;color:var(--ink)}
.ic:hover .nm,.fic:hover .nm,.sel .nm{background:var(--ink);color:var(--paper)}.sel .th:not(.sv){outline:2px solid var(--ink);outline-offset:2px}
/* Windows: paper, one ink, pinstriped title bars. */
.win{position:fixed;z-index:20;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);min-width:300px}.win[hidden]{display:none}
.tt{flex:none;height:26px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--ink);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.act .tt{background:repeating-linear-gradient(to bottom,transparent 0 3px,var(--ink) 3px 4px) 0 5px/100% 15px no-repeat}
.tt h2{font:14px/1 Mono,ui-monospace,monospace;background:var(--paper);padding:3px 10px}.mv .tt{cursor:grabbing}
.cl{position:absolute;left:10px;top:6px;width:14px;height:14px;border:1px solid var(--ink);background:var(--paper);box-shadow:0 0 0 2px var(--paper)}.cl:hover{background:var(--ink)}
.wb{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper)}
.gr{flex:none;height:14px;border-top:1px solid var(--ink);background:linear-gradient(135deg,transparent 70%,var(--ink) 70% 74%,transparent 74% 80%,var(--ink) 80% 84%,transparent 84%) right bottom/14px 14px no-repeat}
.wp{border-bottom:1px solid var(--ink)}.wp img{width:100%;height:auto;max-height:min(56vh,480px);object-fit:contain;margin:0 auto}
.wt{padding:22px 26px 34px}.kd{font:13px/1 Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}.wt h3{font:400 clamp(48px,5vw,72px)/1.02 Prata,serif;letter-spacing:-.015em;margin:6px 0 6px -.02em}.ln{font-size:21px;line-height:1.28}
.open{display:inline-block;margin-top:18px;padding:9px 18px 10px;border:1px solid var(--ink);border-radius:8px;box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3px var(--ink);font:14px/1 Mono,ui-monospace,monospace}.open:hover{background:var(--ink);color:var(--paper)}
.story section{margin-top:24px}.story h3{font:13px/1.2 Mono,ui-monospace,monospace;margin-bottom:6px;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}.story p{font-size:18px;line-height:1.42}
.shot{margin:30px auto 0;max-width:min(70%,280px)}.shot img{width:100%;height:auto;border:1px solid var(--ink)}.shot figcaption{padding-top:8px;font:12px/1.3 Mono,ui-monospace,monospace;color:var(--ink2);text-align:center}
dl{display:grid;grid-template-columns:7.4em 1fr;gap:8px 12px;margin:30px 0 0;padding-top:14px;border-top:1px dotted var(--ink);font-size:15.5px;line-height:1.35}dt{font:12.5px/1.6 Mono,ui-monospace,monospace;color:var(--ink2)}dd{margin:0;min-width:0}dd a{text-decoration:underline;text-underline-offset:3px}
.cr{margin-top:24px;padding-top:14px;border-top:1px dotted var(--ink);font-size:14.5px;line-height:1.4;color:var(--ink2)}.cr b{font-weight:500;color:var(--ink)}
.ab p{font-size:19px;line-height:1.45;margin-top:14px}.ab a{text-decoration:underline;text-underline-offset:3px}
/* The front window. */
.main{width:min(560px,46vw)}.hello{padding:22px 24px 16px;border-bottom:1px solid var(--ink)}.hello h1{font:400 clamp(70px,7vw,110px)/.95 Prata,serif;letter-spacing:-.02em;margin-left:-.03em}.hello p{font-size:19px;font-weight:500;margin-top:6px}
.st{display:flex;justify-content:space-between;padding:5px 12px;border-bottom:1px solid var(--ink);font:12.5px/1.3 Mono,ui-monospace,monospace;color:var(--ink2)}
.fi{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:20px 6px;padding:22px 12px 26px;justify-items:center}.fic .th{width:72px;height:72px}.fic .th.sv svg{width:60px}
.zm{position:fixed;z-index:999;border:1px dashed var(--ink);outline:1px dashed var(--paper);pointer-events:none}
@media (orientation:portrait),(max-width:699px){
 .dk{height:auto;min-height:100svh;overflow:auto}.wd{display:none}.wm{display:block}.icons{display:none}
 .mb{gap:18px}.ck{font-size:13px}
 .main{position:relative!important;left:auto!important;top:auto!important;margin:max(48px,calc(env(safe-area-inset-top) + 46px)) 12px 0;width:auto;min-width:0}
 .win:not(.main){left:8px!important;right:8px;top:calc(38px + env(safe-area-inset-top))!important;bottom:8px;width:auto!important;height:auto!important;min-width:0}
 .fi{grid-template-columns:repeat(3,1fr)}.fic{width:auto}
 .wt h3{font-size:clamp(46px,13vw,64px)}
}