:root{color-scheme:dark;--bg:#191a1b;--ink:#f1eae1;--muted:#96928c;--line:rgba(237,227,215,.22);--gold:#d1b292;--serif:Georgia,"Iowan Old Style","Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;--card-w:288px;--card-h:480px;--side:clamp(18px,3vw,52px)}*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{margin:0;min-height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #e0b78e;outline-offset:5px}button:disabled{opacity:.3;cursor:default}.shell{height:100vh;height:100dvh;min-height:550px;position:relative;isolation:isolate;overflow:hidden}.backdrop{position:absolute;inset:0;background:radial-gradient(ellipse 76% 65% at 50% 36%,#252426,#1d1e20 58%,#18191b);z-index:-2;pointer-events:none}.backdrop:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.11'/%3E%3C/svg%3E");opacity:.11}.topbar{position:absolute;top:0;left:0;right:0;z-index:70;padding:30px var(--side);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:19px;white-space:nowrap}.wordmark{font:400 29px/1 var(--serif);letter-spacing:-.045em}.wordmark i{font-style:italic}.brand-divider{width:31px;height:1px;background:var(--line)}.brand-label{font:500 9px/1.65 var(--sans);letter-spacing:.27em;color:#bcb7b0}.nav{display:flex;align-items:center;gap:clamp(16px,3.6vw,56px)}.nav button{padding:9px 1px;color:#b9b5ae;font:400 11px/1 var(--sans);letter-spacing:.18em;transition:color .25s}.nav button:hover,.nav button.active{color:var(--ink)}.nav button.active:after{content:"";display:block;width:15px;height:1px;background:var(--gold);margin:9px auto -10px}.menu-icon{width:38px;height:38px;display:grid;place-items:center;margin-left:-12px}.menu-icon span,.menu-icon span:before{display:block;width:23px;height:1px;background:var(--ink);content:"";transition:transform .25s}.menu-icon span:before{transform:translateY(-6px)}.menu-icon:hover span:before{transform:translateY(-8px)}.scene{position:absolute;inset:0;perspective:1350px;perspective-origin:50% 41%;z-index:5;overflow:hidden;touch-action:pan-y;cursor:grab}.scene.dragging{cursor:grabbing;touch-action:none}.ring{position:absolute;left:50%;top:41%;width:0;height:0;transform-style:preserve-3d}.photo-card{position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w)*-.5);margin-top:calc(var(--card-h)*-.5);padding:0;display:block;border-radius:5px;overflow:hidden;background:#303033;box-shadow:0 18px 46px #00000045,0 2px 5px #00000047;border:1px solid rgba(255,255,255,.16);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;transition:opacity .25s ease,filter .25s ease,box-shadow .3s,border-color .3s;isolation:isolate;cursor:pointer}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(.91) contrast(1.015)}.photo-card:after{content:"";position:absolute;inset:0;background:rgba(12,12,12,var(--shade,0));pointer-events:none;transition:background .4s}.photo-card.active{border-color:#fff6e878;box-shadow:0 24px 75px #00000063,0 0 0 1px #f3e2d01a}.photo-card:not(.active):hover{box-shadow:0 23px 65px #00000073;border-color:#fff6}.scene.dragging .photo-card{transition:none!important}.edge-arrow{position:absolute;z-index:24;top:73.7%;width:45px;height:45px;border:1px solid rgba(234,226,218,.28);border-radius:50%;display:grid;place-items:center;color:#e7e0d6;font-size:19px;transition:background .25s,border .25s,transform .25s;transform:translateY(-50%)}.edge-arrow:hover{background:#ffffff12;border-color:#ffffff96}.edge-arrow.previous{left:clamp(22px,15.7vw,268px)}.edge-arrow.next{right:clamp(22px,15.7vw,268px)}.story{position:absolute;top:69.6%;left:50%;width:min(600px,70vw);transform:translate(-50%);text-align:center;z-index:20;pointer-events:none}.story *{pointer-events:auto}.story .micro{display:block;margin-bottom:7px;font:500 9px/1.5 var(--sans);letter-spacing:.29em;color:#a6a09a;opacity:.9}.story h1{font:italic 400 clamp(29px,3.1vw,48px)/1.17 var(--serif);letter-spacing:-.035em;margin:0 0 12px;white-space:nowrap}.story .place{font:400 10px/1.6 var(--sans);letter-spacing:.23em;color:#c5bdb3;margin:0}.story .rule{width:32px;height:1px;background:#e0c6a8a6;margin:13px auto}.story .note{font:400 13px/1.7 var(--serif);color:#b8b2ab;letter-spacing:.016em;max-width:520px;margin:0 auto;min-height:23px}.statusbar{position:absolute;left:50%;bottom:5.7%;transform:translate(-50%);display:flex;align-items:center;gap:21px;z-index:21;white-space:nowrap}.statusbar .counter{color:#d7ccbe;font:400 12px var(--serif);letter-spacing:.12em}.counter span{color:#8c8883}.track{width:200px;height:1px;background:#ebe3d940;position:relative}.track-fill{display:block;width:5%;height:2px;position:absolute;top:-.5px;left:0;background:#eee4d8;transition:width .7s cubic-bezier(.22,.61,.36,1)}.corner-label{position:absolute;left:var(--side);bottom:5.5%;z-index:20;color:#807e7c;font:500 9px var(--sans);letter-spacing:.25em}.view-toggle{position:absolute;right:var(--side);bottom:4.7%;z-index:22;display:flex;align-items:center;gap:12px;color:#a8a19b;font:500 10px var(--sans);letter-spacing:.12em}.view-toggle:hover{color:#fff}.grid-icon{display:grid;grid-template-columns:repeat(2,5px);gap:4px}.grid-icon i{display:block;width:5px;height:5px;border:1px solid currentColor}.drag-hint{position:absolute;right:var(--side);top:50%;transform:translateY(-50%);writing-mode:vertical-rl;color:#868280;font:400 9px var(--sans);letter-spacing:.26em;z-index:22;pointer-events:none}.overlay{position:fixed;inset:0;z-index:90;background:#141415fa;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s,visibility .35s;overflow-y:auto}.overlay.open{visibility:visible;opacity:1;pointer-events:auto}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin:0 auto 34px;max-width:1480px}.overlay-header h2{font:400 clamp(28px,3vw,43px)/1.2 var(--serif);margin:0}.overlay-header .close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:23px;display:grid;place-items:center}.overlay-header .close:hover{background:#ffffff17}.grid-view{padding:clamp(28px,5vw,72px) clamp(20px,5.3vw,95px) 80px}.grid-sub{color:#99928a;font:12px var(--sans);letter-spacing:.09em;margin:-15px 0 35px}.grid-tiles{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:clamp(16px,2.1vw,33px)}.tile{background:transparent;text-align:left;min-width:0;padding:0}.tile img{width:100%;aspect-ratio:3/5;object-fit:cover;display:block;border:1px solid #373534;filter:saturate(.9);transition:transform .4s,filter .4s}.tile:hover img{filter:saturate(1.05) brightness(1.05);transform:translateY(-4px)}.tile strong{display:block;font:400 17px var(--serif);margin:11px 0 4px}.tile small{display:block;color:#85817d;font:9px var(--sans);letter-spacing:.1em}.about-view{display:flex;align-items:center;justify-content:center;padding:80px 28px}.about-inner{width:min(700px,100%)}.about-inner .eyebrow{color:var(--gold);font:10px var(--sans);letter-spacing:.3em}.about-inner h2{font:400 clamp(42px,6vw,80px)/1.26 var(--serif);margin:20px 0 35px}.about-inner p{color:#b8b0a6;font:15px/2.2 var(--sans);max-width:520px}.about-inner .close{position:absolute;right:var(--side);top:30px;font-size:13px;border-bottom:1px solid var(--line);padding:9px 0}.lightbox{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:70px 45px 35px;background:#0d0d0ef7}.lightbox .full-image{max-width:min(82vw,830px);height:min(72vh,840px);width:auto;object-fit:contain;box-shadow:0 30px 110px #0000008c}.lightbox .close{position:fixed;right:var(--side);top:25px;color:#e4ddd5;font:12px var(--sans);letter-spacing:.12em;z-index:1;border:1px solid var(--line);padding:12px 17px;border-radius:22px}.lightbox-info{text-align:center}.lightbox-info h2{font:italic 400 26px var(--serif);margin:0 0 6px}.lightbox-info p{font:10px var(--sans);letter-spacing:.2em;color:#aaa19a;margin:0}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);font:30px var(--serif);width:44px;height:50px;color:#eee1d6}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}@media(max-width:1000px){.brand-label{display:none}.nav{gap:22px}.scene{perspective:1080px}.edge-arrow.previous{left:25px}.edge-arrow.next{right:25px}.story{width:min(530px,75vw)}.corner-label,.drag-hint{display:none}}@media(max-width:640px){.shell{min-height:0}.topbar{padding:22px 20px}.wordmark{font-size:23px}.brand-divider,.brand-label,.nav button:not(.menu-icon){display:none}.nav{gap:0}.menu-icon{margin:0}.scene{perspective:790px;perspective-origin:50% 40%}.ring{top:39%}.story{top:69%;width:92vw}.story .micro{font-size:8px;margin-bottom:8px}.story h1{font-size:clamp(29px,7.4vw,42px);margin-bottom:11px;white-space:normal}.story .place{font-size:9px;letter-spacing:.14em}.story .rule{margin:9px auto}.story .note{font-size:12px;line-height:1.6;max-width:83vw}.edge-arrow{top:71%;width:36px;height:36px;font-size:16px}.edge-arrow.previous{left:13px}.edge-arrow.next{right:13px}.statusbar{bottom:8.2%;gap:14px}.track{width:115px}.view-toggle{right:20px;bottom:3%;font-size:9px}.grid-view{padding:26px 18px 60px}.grid-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.grid-tiles strong{font-size:15px}.lightbox{padding:80px 15px 35px}.lightbox .full-image{max-width:85vw;height:auto;max-height:67vh}.lightbox-nav.prev{left:0}.lightbox-nav.next{right:0}}@media(max-height:710px)and (min-width:641px){.topbar{padding-top:21px}.ring{top:40%}.story{top:70%}.story .micro{margin-bottom:2px}.story h1{font-size:35px;margin-bottom:6px}.story .rule{margin:7px auto}.story .note{font-size:12px}.statusbar{bottom:3.8%}.edge-arrow{top:75%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html{height:auto;scroll-behavior:smooth}body{overflow:auto;min-width:320px}button,a,select{-webkit-tap-highlight-color:transparent}.nav button{white-space:nowrap}.scene,.scene.dragging{touch-action:pan-y}.ring{transform-style:preserve-3d}.photo-card{transition:box-shadow .3s,border-color .3s}.photo-card img{position:relative}.counter strong{font-weight:400}.view-toggle{display:flex;align-items:center}.view-toggle svg{width:13px;height:13px}.hero-wrapper{position:relative}.hero-feedback{position:absolute;inset:20% 0;display:grid;place-items:center}.feedback{text-align:center;color:var(--muted);font:12px/1.9 var(--sans)}.feedback p{margin:0 0 14px}.text-button,.retry{color:var(--ink);padding:6px 0;border-bottom:1px solid var(--line);font:11px/1.6 var(--sans);letter-spacing:.1em}.loading-dot{animation:breathe 1.5s ease-in-out infinite alternate}.image-error{width:100%;height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#29292b;color:var(--muted);font:11px/1.8 var(--sans)}.image-error .retry{cursor:pointer;position:relative;z-index:2}.works-section{position:relative;padding:clamp(75px,8vw,140px) clamp(20px,5.3vw,95px) 36px;background:radial-gradient(ellipse at 50% 0%,#232225,#191a1b 60%);min-height:100vh;scroll-margin-top:0}.works-heading{max-width:1480px;margin:0 auto 50px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-eyebrow{font:500 9px/1.6 var(--sans);letter-spacing:.24em;color:#a49b90}.works-heading h2{margin:17px 0 18px;font:400 clamp(31px,3.6vw,48px)/1.3 var(--serif)}.works-total{color:#8f8680;font:400 13px var(--sans);letter-spacing:.06em}.works-heading p{color:#99928a;font:12px/1.8 var(--serif);letter-spacing:.06em;margin:0}.works-section .grid-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:42px clamp(16px,2.1vw,33px)}.tile-photo{position:relative;display:block;aspect-ratio:3/5;background:#252527}.tile-photo .image-error{position:absolute;inset:0}.tile-photo img{height:100%;width:100%}.tile strong{line-height:1.5}.tile small{line-height:1.6}.load-sentinel{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:30px auto}.end-note{color:#918a82;font:italic 13px/1.8 var(--serif);letter-spacing:.1em}.page-footer{max-width:1480px;margin:30px auto 0;padding:25px 0 5px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(237,227,215,.1)}.page-footer>span:last-child{color:#807e7c;font-size:9px;letter-spacing:.15em}.page-footer .wordmark{color:#bcb4aa;font-size:25px}.language-select{align-self:flex-end;color:#aaa19a}.language-select select{font:11px var(--sans);color:inherit;padding:8px 20px 8px 8px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.language-select option{background:#191a1b}.back-home{position:fixed;z-index:50;right:max(18px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#191a1be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 3px 20px #0003}.back-home span{position:absolute;right:55px;white-space:nowrap;font-size:10px;letter-spacing:.1em;color:#aaa19a}.overlay .close{display:flex;align-items:center;gap:8px}.about-inner h2{white-space:pre-line}.about-inner .about-footer{font-size:11px;color:#817b76;letter-spacing:.08em}.ai-image-mark{position:absolute;bottom:10px;right:10px;z-index:2;padding:3px 6px;border-radius:2px;background:#1414157a;color:#d7ccbe;font:500 8px/1.5 var(--sans);letter-spacing:.12em;pointer-events:none}.lightbox-photo{position:relative;max-width:85vw;min-width:120px;touch-action:pan-y}.lightbox-photo .image-error{width:min(70vw,500px);height:60vh}.lightbox .full-image{display:block}.lightbox-nav{display:grid;place-items:center}.lightbox-info{max-width:85vw}.lightbox-info p{line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.playground-output{display:block;color:var(--muted);margin-top:30px}@keyframes breathe{0%{opacity:.45}to{opacity:1}}@media(min-width:1800px){.works-section .grid-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.works-section .grid-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.works-section .grid-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.nav button:not(.menu-icon){display:block}.nav{gap:22px}.nav button{font-size:10px;letter-spacing:.1em}.topbar{gap:14px}.shell{min-height:620px}.story{width:78vw}.story .note{max-width:76vw}.story h1{font-size:clamp(27px,7.1vw,38px)}.edge-arrow{top:73%}.statusbar{bottom:7%}.view-toggle{bottom:2.5%}.works-section{padding-top:75px}.works-heading{gap:12px;margin-bottom:32px}.works-heading p{font-size:11px;max-width:240px}.works-section .grid-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.page-footer{gap:16px}.page-footer>span:last-child{font-size:8px}.back-home span{display:none}.about-inner p{font-size:14px}.lightbox-info h2{font-size:23px}}@media(max-height:600px)and (min-width:641px){.shell{min-height:600px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}