@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap');
:root{color:#f4f0e8;background:#08090d;font-family:'DM Mono','Noto Sans CJK SC',monospace;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#08090d;color:#f4f0e8}a{color:inherit;text-decoration:none}canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.dom-gallery{position:fixed;inset:0;z-index:2;opacity:.78}.dom-gallery figure{position:absolute;margin:0;width:clamp(170px,20vw,330px);height:clamp(235px,28vw,430px);overflow:hidden;cursor:grab;filter:grayscale(.28) contrast(1.08);transition:filter .45s,opacity .45s,box-shadow .45s}.dom-gallery figure:hover{filter:grayscale(0) contrast(1.1);opacity:1;box-shadow:0 22px 55px rgba(0,0,0,.52)}.dom-gallery figure:active{cursor:grabbing}.dom-gallery img{visibility:visible;width:100%;height:100%;object-fit:cover}.dom-gallery figure:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);pointer-events:none}.overlay,.topbar,footer{position:fixed;z-index:4;pointer-events:none}.topbar{top:0;left:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 34px}.topbar a,footer a,.edge-actions a{pointer-events:auto}.brand{display:flex;align-items:center;line-height:1}.brand-logo-frame{display:inline-flex;align-items:center;width:148px;height:44px;padding:4px 8px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#0a0e1a;box-shadow:0 4px 12px rgba(20,32,23,.1)}.brand-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}.brand em{font-style:normal;color:#9c9ca0;font-size:10px;letter-spacing:.14em}nav{display:flex;gap:24px;font-size:10px;letter-spacing:.05em}nav a{position:relative;padding-bottom:5px}nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .35s}nav a:hover:after{width:100%}.overlay{inset:0}.intro{position:absolute;top:50%;left:34px;width:315px;transform:translateY(-50%);text-shadow:0 2px 25px rgba(0,0,0,.33)}.kicker{color:#c8c3b9;font-size:9px;letter-spacing:.15em;margin:0 0 15px}.intro h1{font-family:'Noto Serif SC',serif;font-weight:600;font-size:clamp(35px,4.2vw,62px);letter-spacing:-.11em;line-height:1.09;margin:0}.intro h1 em{font-style:normal;color:#c6ca71}.intro>p:last-child{width:245px;margin:19px 0 0;color:#d2d0ca;font-size:10px;line-height:1.8;letter-spacing:.04em}.interaction{position:absolute;left:34px;bottom:31px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em}.dot{width:7px;height:7px;background:#c6ca71;border-radius:50%;box-shadow:0 0 0 0 rgba(198,202,113,.7);animation:pulse 1.7s infinite}.caption{position:absolute;right:34px;bottom:28px;width:min(300px,35vw);text-align:right;text-shadow:0 2px 22px #000}.caption p{margin:0 0 6px;color:#bab5ac;font-size:9px;letter-spacing:.15em}.caption strong{display:block;font-family:'Noto Serif SC',serif;font-size:18px;font-weight:500;letter-spacing:-.04em;line-height:1.3}.caption span{display:block;margin-top:5px;color:#bdb8ae;font-size:10px}.edge-actions{position:absolute;right:34px;top:50%;transform:translateY(-50%);display:grid;gap:11px}.edge-actions a{background:rgba(10,11,16,.44);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.22);min-width:165px;padding:12px 13px;font-size:10px;letter-spacing:.04em;transition:background .3s,transform .3s}.edge-actions a:hover{background:#ede8d9;color:#111;transform:translateX(-6px)}.edge-actions b{float:right;font-size:15px;line-height:.65}footer{bottom:0;left:0;width:100%;padding:22px 34px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#bdb8ae}footer a{color:#f0ece3;transition:color .3s}footer a:hover{color:#c6ca71}.boot{position:fixed;z-index:8;inset:0;background:#08090d;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:.16em;transition:opacity .8s,visibility .8s}.boot span{color:#c6ca71}.boot b{font-weight:400}.boot i{width:50px;height:1px;background:#444;position:relative;overflow:hidden}.boot i:after{content:'';position:absolute;inset:0;background:#eae6dc;transform:translateX(-100%);animation:load 1s infinite}.boot.done{opacity:0;visibility:hidden}.lightbox{position:fixed;z-index:10;inset:0;background:rgba(5,6,9,.94);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;display:grid;place-items:center;padding:72px}.lightbox.open{opacity:1;visibility:visible}.lightbox #lightbox-media{max-width:min(1100px,85vw);max-height:76vh}.lightbox img,.lightbox video{display:block;max-width:100%;max-height:76vh;object-fit:contain}.lightbox button{position:absolute;right:29px;top:22px;border:0;background:none;color:#fff;font-size:35px;font-weight:200;cursor:pointer}.lightbox-copy{position:absolute;left:34px;bottom:25px}.lightbox-copy p{font-size:9px;letter-spacing:.15em;color:#bcb7ac;margin:0 0 7px}.lightbox-copy h2{margin:0;font-family:'Noto Serif SC',serif;font-size:22px;font-weight:500}.lightbox-copy span{font-size:10px;color:#c0bbb1}.fallback{position:fixed;inset:0;z-index:12;background:#101116;display:grid;place-content:center;text-align:center;gap:10px;font-size:12px}.fallback[hidden]{display:none}.fallback a{color:#c6ca71}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(198,202,113,0)}}@keyframes load{to{transform:translateX(100%)}}@media(max-width:700px){.topbar{padding:20px}.topbar nav{gap:14px;font-size:9px}.intro{left:20px;top:44%;width:250px}.intro h1{font-size:43px}.intro>p:last-child{font-size:9px;width:215px}.edge-actions{display:none}.caption{right:20px;bottom:66px;width:200px}.caption strong{font-size:15px}.interaction{left:20px;bottom:25px;font-size:8px}footer{padding:20px;font-size:7px}.lightbox{padding:30px 15px}.lightbox-copy{left:20px;bottom:25px}.lightbox button{right:16px;top:12px}.dom-gallery figure{width:155px;height:218px}}@media(prefers-reduced-motion:reduce){.boot i:after,.dot{animation:none}.boot{transition:none}}