:root{--bg:#f7f6f3;--ink:#141414;--mute:#8d8b86;--line:#e2e0db;--serif:"Instrument Serif", Georgia, serif;--sans:Inter, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.view{transition:opacity .6s;position:fixed;inset:0}.view.hidden{opacity:0;pointer-events:none}#home{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#home.drag{cursor:grabbing}#home.over{cursor:pointer}.world{will-change:transform;position:absolute;top:0;left:0}.ph{perspective:900px;display:none;position:absolute}.ph .num{font:10px/1 var(--mono);letter-spacing:.04em;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .35s;position:absolute;top:calc(100% + 7px)}.ph .num.l{left:0}.ph .num.r{right:0}.ph.f .num{opacity:.75}.ph i{background-repeat:no-repeat;display:block;position:absolute}.ph i:after{content:"";opacity:var(--s,0);pointer-events:none;background:#000;position:absolute;inset:0}.ph.h i{background-size:var(--w) var(--h);height:100%;top:0}.ph.h i:first-of-type{transform-origin:calc(100% - 1px);background-position:0 0;width:calc(50% + 1px);left:0}.ph.h i:last-of-type{background-position:calc(var(--w) * -.5) 0;transform-origin:0;width:50%;left:50%}.ph.v i{background-size:var(--w) var(--h);width:100%;left:0}.ph.v i:first-of-type{transform-origin:50% calc(100% - 1px);background-position:0 0;height:calc(50% + 1px);top:0}.ph.v i:last-of-type{background-position:0 calc(var(--h) * -.5);transform-origin:50% 0;height:50%;top:50%}.ph.f i:first-of-type{background-position:0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;--s:0!important;transform:none!important}.ph.f i:last-of-type{display:none}.veil{z-index:15;pointer-events:none;height:96px;position:fixed;left:0;right:0}.veil.t{background:linear-gradient(var(--bg) 45%, #f7f6f300);top:0}.veil.b{background:linear-gradient(#f7f6f300, var(--bg) 60%);bottom:0}.top{z-index:20;position:fixed;top:16px;left:50%;transform:translate(-50%)}.top .name{letter-spacing:-.005em;font-size:17px;font-weight:500;line-height:1.2}.pages{z-index:20;letter-spacing:.18em;text-transform:uppercase;gap:36px;font-size:11px;display:flex;position:fixed;top:48px;left:50%;transform:translate(-50%)}.pages a{opacity:.5;border-bottom:1px solid #0000;padding-bottom:4px;transition:opacity .2s,border-color .2s}.pages a:hover{opacity:1}.pages a.on{opacity:1;border-color:var(--ink)}.foot{text-align:center;z-index:20;pointer-events:none;white-space:nowrap;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.foot .links,#footerLinks{justify-content:center;gap:36px;display:flex}.foot .links a,.foot .links button{pointer-events:auto;opacity:.5;letter-spacing:.18em;text-transform:uppercase;font-size:11px;transition:opacity .2s}.foot .links a:hover,.foot .links button:hover{opacity:1}.hint{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);pointer-events:none;white-space:nowrap;z-index:5;font-size:10px;transition:opacity 1.2s;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}.field{cursor:grab;touch-action:none;background:var(--bg)}.field:active{cursor:grabbing}.fieldBack{width:100%;height:100%;position:absolute;inset:0}.pins{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pin{pointer-events:auto;cursor:pointer;will-change:transform,opacity;transition:opacity .45s;position:absolute;top:0;left:0}.pin .frame{width:var(--s);height:var(--s);background:#e4e2dd;transition:transform .25s;position:relative;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000021}.pin:hover .frame{transform:translate(-50%,-50%)scale(1.08)}.pin img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.pin .n{left:0;top:calc(var(--s) / 2 + 6px);letter-spacing:.08em;white-space:nowrap;font-size:10px;position:absolute;transform:translate(-50%)}#series{background:var(--bg);outline:none;overflow:hidden auto}.slist{flex-direction:column;justify-content:center;align-items:center;gap:1.5vh;min-height:100%;padding:100px 20px 130px;display:flex}.sitem{cursor:pointer;text-align:center;padding:1.2vh 0;position:relative}.sitem h3{z-index:1;font-family:var(--serif);letter-spacing:-.02em;color:#fff;mix-blend-mode:difference;font-size:clamp(42px,7vw,108px);font-weight:400;line-height:1;position:relative}.sitem .scount{z-index:1;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:4px;font-size:10px;position:relative}.sbg{z-index:0;aspect-ratio:3/2;opacity:0;pointer-events:none;height:clamp(110px,12vw,170px);transition:opacity .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sbg img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sitem:hover .sbg{opacity:1}.soon{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.soon h2{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(42px,7vw,108px);font-weight:400;line-height:1}.soon p{letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-size:10.5px}#lb{z-index:40;visibility:hidden;position:fixed;inset:0}#lb.on{visibility:visible}#lb .bg{opacity:0;background:#f7f6f3f7;transition:opacity .45s;position:absolute;inset:0}#lb.show .bg{opacity:1}#lbimg{object-fit:cover;cursor:zoom-out;background:var(--ph,#e4e2dd);display:block;position:fixed;box-shadow:0 24px 70px #0000001a}#info{opacity:0;transition:opacity .35s,transform .35s;position:fixed;transform:translateY(10px)}#lb.show #info{opacity:1;transition:opacity .45s .3s,transform .45s .3s;transform:none}#info .num{font:11px/1 var(--mono);letter-spacing:.04em;color:var(--mute);margin-bottom:10px}#info h2{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:8px;font-size:34px;font-weight:400;line-height:1.05}#info h2.long{font-size:24px;line-height:1.15}#info .place{margin-bottom:22px;font-size:13px}#info dl{grid-template-columns:auto 1fr;gap:7px 18px;margin-bottom:20px;font-size:12px;display:grid}#info dt{color:var(--mute)}#info dd{font-variant-numeric:tabular-nums}#info .tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}#info .tags span{border:1px solid var(--line);color:#555;border-radius:20px;padding:3px 9px;font-size:11px}#info .links{flex-direction:column;align-items:flex-start;gap:10px;display:flex}#info .links a{border-bottom:1px solid var(--ink);padding-bottom:2px;font-size:13px}#info .links a.sec{border-color:var(--line);color:#555}#lbNav{font-variant-numeric:tabular-nums;align-items:center;gap:16px;margin-bottom:18px;font-size:12px;display:none}#lbNav.on{display:flex}#lbNav button{opacity:.6;font-size:16px}#lbNav button:hover{opacity:1}.close{z-index:2;padding:6px;font-size:12px;position:fixed;top:24px;right:28px}#lbClose{opacity:0;transition:opacity .3s}#lb.show #lbClose{opacity:.8}.overlay{z-index:45;opacity:0;pointer-events:none;background:#f7f6f3fa;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.overlay .close{opacity:.8}#about .col{max-width:440px;padding:0 28px;font-size:14px;line-height:1.75}#about h2{font-family:var(--serif);margin-bottom:18px;font-size:38px;font-weight:400}#about p{margin-bottom:14px}#about .made{color:var(--mute);margin-top:22px;font-size:12px}#about .made a{color:var(--ink);border-bottom:1px solid var(--line)}#about .made a:hover{border-color:var(--ink)}#about .links{flex-direction:column;gap:8px;margin-top:24px;font-size:12px;display:flex}#about .links a{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:6px;display:flex}#about .links a:hover{border-color:var(--ink)}#about .credit{color:var(--mute);margin-top:22px;font-size:11px}#about .credit a:hover{color:var(--ink)}.empty{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);justify-content:center;align-items:center;font-size:11px;display:flex;position:fixed;inset:0}@media (max-width:760px){.top{top:12px}.top .name{font-size:15px}.pages{gap:22px;font-size:10px;top:38px}.hint{bottom:44px}.foot{bottom:16px}.foot .links,#footerLinks{gap:22px}.foot .links a,.foot .links button{font-size:10px}#info h2{font-size:26px}#info .place{margin-bottom:14px}}