:root{color-scheme:light;--paper:#f7f8f3;--ink:#293f33;--muted:#758174;--line:#dfe5d9;--green:#476a4f;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #829a65;outline-offset:5px}button:hover,a:hover{color:#4d7250}.skip-link{position:fixed;top:-70px;left:20px;padding:12px;background:white;z-index:10}.skip-link:focus{top:12px}.page-width,.header-inner{width:min(1120px,calc(100% - 96px));margin-inline:auto}.site-header{height:99px;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:43px;height:43px}.brand strong{font-size:19px;letter-spacing:1.5px;display:block}.brand small{font-size:8px;letter-spacing:2.7px;display:block;margin-top:6px;font-weight:600}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a{padding:13px 0}.nav-active{position:relative}.nav-active:after{content:"";position:absolute;width:15px;height:2px;background:#70876b;bottom:3px;left:calc(50% - 7px)}.motion-toggle{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #cdd7c7;border-radius:7px;padding:10px 15px;font-size:12px;margin-left:16px;min-width:108px;justify-content:center}.motion-toggle:hover{background:#edf1e7}.motion-icon{font-size:15px;line-height:1;font-weight:600}.intro{position:relative;padding:63px 0 55px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;color:#71836e}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8a9c72}.intro h1{font-family:var(--serif);font-weight:600;font-size:44px;line-height:1.35;letter-spacing:3px;margin:21px 0 18px}.title-dot{color:#8c9d76}.intro>p{font-size:13px;line-height:2;color:#75816f;letter-spacing:1px;margin:0}.intro-stamp{position:absolute;right:21px;top:76px;width:100px;transform:rotate(10deg);opacity:.6;text-align:center;color:#899477}.intro-stamp svg{width:90px;height:90px;fill:none;stroke:currentColor;stroke-width:1.2}.intro-stamp svg circle:last-child{fill:currentColor;stroke:none}.intro-stamp>span{font-size:8px;letter-spacing:2px;display:block;margin-top:7px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-top:1px solid var(--line);padding-top:28px}.gallery-toolbar>div:first-child{display:flex;align-items:center;gap:15px}.gallery-toolbar h2{font-size:16px;letter-spacing:1px;margin:0;font-weight:600}.works-count{font-size:11px;color:#8a9584;margin:0}.filters{display:flex;gap:4px;background:#edf0e7;border:1px solid #e1e6da;padding:4px;border-radius:8px}.filters button{font-size:11px;border:0;background:transparent;padding:8px 13px;border-radius:5px;white-space:nowrap}.filters button span{font-size:10px;margin-left:8px;opacity:.55;font-variant-numeric:tabular-nums}.filters button[aria-pressed=true]{background:#fffef9;box-shadow:0 1px 3px #20352212}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.art-card{min-width:0}.art-card[hidden]{display:none}.art-visual{position:relative;overflow:hidden;border-radius:12px;background:#e7ecdf;aspect-ratio:600/390}.art-visual>svg,.art-visual>img{display:block;width:100%;height:100%;object-fit:cover}.media-tag{position:absolute;left:17px;top:17px;display:flex;align-items:center;gap:6px;background:#fffef3db;color:#60745e;padding:6px 9px;border-radius:4px;font-size:10px;letter-spacing:.7px;backdrop-filter:blur(8px)}.motion-dot{width:5px;height:5px;border-radius:50%;background:#839b73}.art-caption{display:flex;justify-content:space-between;padding:19px 3px 2px;align-items:flex-start}.art-caption h3{font-size:16px;letter-spacing:1px;font-weight:500;margin:0 0 8px}.art-caption p{font-size:11px;letter-spacing:.5px;color:#87917f;margin:0;line-height:1.8}.art-number{font-size:10px;letter-spacing:1px;color:#9aa38f;padding-top:4px}.about-section{margin-top:60px;padding:33px 0 37px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px}.about-mark{font-size:42px;color:#8e9e7a;line-height:1;font-weight:300}.about-section h2{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:1px;margin:0 0 10px}.about-section p{font-size:11px;line-height:2.1;color:#87917d;letter-spacing:.4px;margin:0}.back-top{margin-left:auto;font-size:11px;white-space:nowrap;color:#7e8d73}.back-top span{margin-left:11px}.site-footer{border-top:1px solid var(--line);padding:27px 24px 30px;text-align:center;color:#8b9583;font-size:10px;letter-spacing:.6px}.footer-main{display:flex;justify-content:center;gap:20px;margin-bottom:13px}.filing-line{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;line-height:1.8;font-size:10px}.filing-line a{text-decoration:underline;text-underline-offset:3px}.wheel{animation:wheel-turn 8s linear infinite}.glide{animation:glide 5s ease-in-out infinite}.drift{animation:drift 7s ease-in-out infinite alternate}body[data-paused=true] .animated *{animation-play-state:paused!important}@keyframes wheel-turn{to{transform:rotate(360deg)}}@keyframes glide{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift{to{transform:translateX(14px)}}@media(min-width:1450px){.intro{padding-top:76px;padding-bottom:64px}.intro h1{font-size:48px}}@media(max-width:900px){.page-width,.header-inner{width:calc(100% - 48px)}.intro-stamp{right:0;opacity:.4}.intro h1{font-size:36px}.gallery-toolbar>div:first-child{display:block}.works-count{margin-top:8px}.gallery{gap:28px 20px}.about-section p{max-width:520px}.desktop-break{display:none}}@media(max-width:640px){html{scroll-padding-top:20px}.page-width,.header-inner{width:calc(100% - 36px)}.site-header{height:81px}.header-inner{gap:12px}.brand{gap:8px}.brand img{width:37px;height:37px}.brand strong{font-size:16px;letter-spacing:1px}.brand small{font-size:6.5px;letter-spacing:1.7px}.site-header nav{display:none}.motion-toggle{margin-left:auto;padding:9px 10px;min-width:95px;font-size:11px;gap:7px}.intro{padding:38px 0 33px}.eyebrow{font-size:10px;letter-spacing:1.2px}.intro h1{font-size:28px;letter-spacing:1px;margin:20px 0 15px}.intro>p{font-size:12px;letter-spacing:.3px}.intro-stamp{display:none}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:19px;padding-top:23px;margin-bottom:21px}.gallery-toolbar>div:first-child{display:flex;gap:14px}.works-count{margin:0}.filters{width:100%}.filters button{flex:1;padding:9px 6px}.gallery{grid-template-columns:1fr;gap:26px}.art-visual{border-radius:10px}.art-caption{padding-top:15px}.art-caption h3{font-size:15px;margin-bottom:6px}.media-tag{left:13px;top:13px;font-size:9px}.about-section{margin-top:36px;padding:25px 0;gap:14px;align-items:flex-start;flex-wrap:wrap}.about-mark{font-size:32px;padding-top:3px}.about-section>div{flex:1}.about-section h2{font-size:17px;line-height:1.5}.about-section p{font-size:11px}.back-top{margin:4px 0 0 46px}.site-footer{padding:23px 18px}.footer-main{gap:14px;font-size:9px}.filing-line{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animated *{animation:none!important}}
