@charset "UTF-8";
:root{--bg:#171916;--ink:#f0efe6;--muted:#a5a99c;--accent:#d8ee9b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff26;background:#171916ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.logo{font-size:34px;font-weight:900;letter-spacing:-4px}.logo span{color:var(--accent)}.logo i{font-size:10px;letter-spacing:0;vertical-align:top;margin-left:8px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav button{border:0;background:none;font-size:11px;color:var(--muted)}sup{font-size:9px;color:var(--accent)}.status{font-size:10px;letter-spacing:1px}.status b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px}.hero{height:calc(100svh - 90px);min-height:660px;max-height:1000px;position:relative;overflow:hidden;padding:28px 4%}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;position:relative;z-index:2}.hero-top{color:var(--muted)}.hero-type{position:absolute;top:39%;left:4%;right:4%;z-index:3;pointer-events:none}.hero-type p{font-size:21px;letter-spacing:8px;margin:0 0 15px}h1{font-size:clamp(76px,14.5vw,235px);letter-spacing:-.08em;line-height:.85;margin:0;font-weight:900;white-space:nowrap;text-shadow:0 2px 40px #0004}h1 span{display:block;font-size:19px;letter-spacing:13px;margin-top:28px;font-weight:400}.stage{position:absolute;inset:0;perspective:900px}.float{position:absolute;object-fit:cover;box-shadow:0 20px 90px #0008;animation:float 9s ease-in-out infinite;will-change:transform}.f1{width:18%;height:46%;left:18%;top:8%;transform:rotate(-13deg);--r:-13deg}.f2{width:24%;aspect-ratio:1;right:9%;top:18%;transform:rotate(15deg);--r:15deg;animation-delay:-3s}.f3{width:13%;height:31%;left:48%;bottom:-8%;transform:rotate(12deg);--r:12deg;animation-delay:-6s}.orbit{position:absolute;width:70%;height:70%;border:1px solid #a2ac842c;border-radius:50%;left:16%;top:12%;transform:rotate(-24deg)}.hero-bottom{position:absolute;bottom:35px;left:4%;right:4%;align-items:flex-end}.hero-bottom p{line-height:1.9;color:var(--muted);margin:0}.explore{display:flex;align-items:center;gap:30px;font-size:12px}.explore span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff60;border-radius:50%;font-size:22px;transition:.3s}.explore:hover span{background:var(--accent);color:var(--bg);transform:translateY(4px)}.vertical{font-size:9px;color:var(--muted)}.ticker{overflow:hidden;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;padding:21px 0;color:var(--accent);font-size:32px;font-weight:bold;letter-spacing:-1px}.ticker div{width:max-content;animation:marquee 40s linear infinite}.ticker span{padding:0 45px}.works,.about{padding:90px 4%}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:45px 0}h2{font-size:52px;font-weight:500;letter-spacing:-2px;margin:0}h2 span{display:block;font-size:15px;letter-spacing:0;color:var(--muted);margin-top:12px}.section-title p{font-size:13px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.filters button{background:none;border:1px solid #ffffff30;border-radius:30px;padding:12px 23px;font-size:12px}.filters button.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filters .active sup{color:var(--bg)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px;align-items:start}.card:nth-child(even){margin-top:100px}.card{border:0;background:none;text-align:left;padding:0;width:100%;}.art{height:530px;overflow:hidden;background:#242820;display:flex;align-items:center;justify-content:center;position:relative}.art img{height:88%;width:88%;object-fit:contain;transition:transform .7s}.card:nth-child(4n+2) .art{background:#e4e3db}.card:nth-child(4n+3) .art{background:#243039}.card:nth-child(4n+4) .art{background:#393329}.card:hover .art img{transform:scale(1.045)}.art .view{position:absolute;right:20px;bottom:20px;background:var(--accent);color:var(--bg);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:23px;transition:transform .3s}.card:hover .view{transform:rotate(45deg)}.caption{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #ffffff25}.caption strong{font-weight:400;font-size:19px}.caption small{display:block;font-size:10px;color:var(--muted);margin-top:8px;letter-spacing:1px}.caption .num{color:var(--muted);font-size:12px}.work-note{font-size:10px;color:var(--muted);text-align:center;margin-top:60px;letter-spacing:1px}.about{background:#e9ebdf;color:#24291f}.about .section-label,.about h2 span{color:#646b5c}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px}.asterisk{font-size:100px;line-height:1.3;display:block;color:#566644}.about h2{font-size:64px}.bio .intro{font-size:34px;line-height:1.5;margin:15px 0 30px}.bio em{font-style:normal;border-bottom:2px solid #647849}.bio>p{font-size:14px;line-height:2.1;max-width:460px}.bio dl{margin-top:35px}.bio dl div{display:grid;grid-template-columns:40% 60%;padding:19px 0;border-top:1px solid #24291f30;font-size:12px}.bio dt{font-size:10px;color:#646b5c}.bio dd{margin:0}footer{padding:80px 4% 25px}footer>p{font-size:12px;color:var(--muted)}footer>a{display:flex;justify-content:space-between;font-size:clamp(40px,7vw,110px);border-bottom:1px solid #ffffff30;padding:15px 0 50px}footer>a span{color:var(--accent)}footer>div{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);margin-top:25px}dialog{background:var(--bg);color:var(--ink);border:1px solid #ffffff30;width:94vw;max-width:1500px;height:94svh;padding:20px 28px}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.viewer-bar{display:flex;justify-content:space-between;align-items:center;height:45px;font-size:11px}.viewer-bar button,.viewer-nav button{background:none;border:1px solid #ffffff40;padding:10px 15px}.viewer-layout{display:grid;grid-template-columns:70% 30%;height:calc(100% - 50px)}.viewer-image{overflow:auto;text-align:center;background:#22261f;padding:20px}.viewer-image img{max-width:100%;height:auto;max-height:none}.viewer-layout aside{padding:30px;align-self:center}.viewer-layout h2{font-size:30px;letter-spacing:0;line-height:1.4}.viewer-layout p{font-size:12px;line-height:1.9;color:var(--muted)}.viewer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;font-size:11px}.hint{font-size:10px!important}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-22px) rotate(calc(var(--r) + 4deg))}}@keyframes marquee{to{transform:translateX(-40%)}}@media(min-width:1600px){.art{height:650px}}@media(max-width:760px){header{height:72px}.status{display:none}nav{gap:20px}.hero{min-height:610px;height:calc(90svh - 72px)}.hero-top{font-size:8px}.hero-top span:last-child{display:none}.hero-type{top:42%}.hero-type p{font-size:16px;letter-spacing:3px}h1{font-size:16vw}h1 span{font-size:15px;letter-spacing:7px}.f1{width:33%;height:35%;left:10%;top:13%}.f2{width:42%;right:3%;top:26%}.f3{width:25%;height:25%;left:44%;bottom:0}.hero-bottom{bottom:25px}.vertical{display:none}.hero-bottom p{font-size:9px}.explore{gap:10px}.explore span{width:42px;height:42px}.ticker{font-size:23px}.works,.about{padding:60px 5%}.section-title{margin:35px 0}.section-title h2{font-size:36px}.section-title p{display:none}.section-label{font-size:8px}.filters{gap:7px}.filters button{font-size:10px;padding:10px 13px}.grid{gap:35px;grid-template-columns:1fr}.card:nth-child(even){margin-top:0}.art{height:440px}.caption strong{font-size:17px}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:49px}.asterisk{font-size:70px}.bio .intro{font-size:28px}footer{padding-top:55px}footer>div{flex-wrap:wrap}footer>div>span:nth-child(2){display:none}.viewer-layout{display:flex;flex-direction:column;height:auto}.viewer-image{overflow:visible;padding:8px}.viewer-layout aside{padding:20px;width:100%}dialog{padding:10px}.viewer-bar{position:sticky;top:-10px;background:var(--bg);z-index:2}.viewer-layout h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}