:root{--bg:#0a0a0b;--ink:#f3f0ea;--dim:#9a948a;--display:"Clash Display","Helvetica Neue",sans-serif;--serif:"Instrument Serif",Georgia,serif;--cjk:"Noto Serif SC",serif;--apx:16px;--apy:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}body{font-family:var(--display);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mask{position:fixed;background:var(--bg);z-index:10;pointer-events:none}.m-t{left:0;right:0;top:0;height:var(--apy)}.m-b{left:0;right:0;bottom:0;height:var(--apy)}.m-l{top:0;bottom:0;left:0;width:var(--apx)}.m-r{top:0;bottom:0;right:0;width:var(--apx)}.aperture{position:fixed;left:var(--apx);right:var(--apx);top:var(--apy);bottom:var(--apy);border:1.5px solid var(--ink);pointer-events:none;z-index:20}.aperture .tk{position:absolute;width:13px;height:13px;border:0 solid var(--ink)}.aperture .tl{top:-1.5px;left:-1.5px;border-top-width:1.5px;border-left-width:1.5px;transform:translate(-6px,-6px)}.aperture .tr{top:-1.5px;right:-1.5px;border-top-width:1.5px;border-right-width:1.5px;transform:translate(6px,-6px)}.aperture .bl{bottom:-1.5px;left:-1.5px;border-bottom-width:1.5px;border-left-width:1.5px;transform:translate(-6px,6px)}.aperture .br{bottom:-1.5px;right:-1.5px;border-bottom-width:1.5px;border-right-width:1.5px;transform:translate(6px,6px)}.nav{position:fixed;left:0;right:0;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.9rem}.nav .brand{font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:.14em;color:var(--ink);text-decoration:none}.nav .menu .loc{font-family:var(--cjk);font-size:.82rem;letter-spacing:.14em;color:var(--dim)}.back{position:fixed;left:1.9rem;top:3.7rem;z-index:30;background:none;border:0;color:var(--ink);cursor:pointer;font-family:var(--display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .4s,transform .4s}.back.show{opacity:1;transform:none;pointer-events:auto}.back .arr{font-size:1rem}.caption{position:fixed;left:calc(var(--apx) + 1.3rem);right:calc(var(--apx) + 1.3rem);z-index:30;display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;pointer-events:none;mix-blend-mode:difference;transition:top .55s cubic-bezier(.2,.7,.2,1),bottom .55s cubic-bezier(.2,.7,.2,1),opacity .35s}body.m-gallery .caption{top:calc(var(--apy) + .9rem);bottom:auto}body.m-series .caption{top:auto;bottom:calc(var(--apy) + .9rem)}.caption .t{font-family:var(--display);font-weight:500;font-size:clamp(1.1rem,2.1vw,1.55rem);letter-spacing:-.005em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;flex:0 1 auto;min-width:0}.caption .meta{display:flex;gap:.9rem;align-items:baseline;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;white-space:nowrap;flex:none}.caption .meta .p{font-family:var(--cjk);text-transform:none;letter-spacing:.08em}.counter{position:fixed;right:1.9rem;bottom:1.5rem;z-index:30;font-family:var(--display);font-size:.78rem;letter-spacing:.18em;color:var(--dim);display:flex;gap:.5rem;align-items:baseline}.counter .idx{color:var(--ink);font-size:1.05rem}.strip{position:fixed;left:50%;bottom:1.1rem;transform:translate(-50%);z-index:30;display:flex;gap:7px;align-items:center;opacity:0;transition:opacity .5s;pointer-events:none}.strip.show{opacity:1;pointer-events:auto}.strip .thumb{width:30px;height:20px;border:0;padding:0;background-size:cover;background-position:center;cursor:pointer;filter:grayscale(1);opacity:.4;transition:opacity .3s,transform .3s,width .3s;border-radius:1px}.strip .thumb:hover{opacity:.8}.strip .thumb.on{opacity:1;width:46px;transform:translateY(-2px)}.hint{position:fixed;left:1.9rem;bottom:1.5rem;z-index:30;display:flex;gap:.6rem;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);transition:opacity .6s}.hint .dot{opacity:.5}.hint.gone{opacity:0}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.intro-in{display:flex;flex-direction:column;align-items:center}.intro-mark{font-family:var(--display);font-weight:600;font-size:clamp(3.4rem,13vw,9rem);letter-spacing:.06em;line-height:1;color:#fff;mix-blend-mode:difference}.intro-tag{font-family:var(--serif);font-style:italic;font-size:clamp(1rem,2.2vw,1.5rem);color:#fff;margin-top:1.1rem;mix-blend-mode:difference;max-width:24ch}.intro-sub{font-family:var(--cjk);font-size:.9rem;letter-spacing:.4em;color:#fff;margin-top:1rem;mix-blend-mode:difference}.intro-scroll{position:absolute;bottom:2.4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:#fff;mix-blend-mode:difference}.intro-scroll .ar{font-size:.9rem;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width:700px){.nav .menu{display:none}.caption .t{font-size:1.1rem}.strip{display:none}}