:root{--paper:#f4f3ef;--ink:#171915;--muted:#50564e;--line:#ced1c8;--focus:#34615b;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{background:none;border:0}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:5px}h1,h2,p{margin:0}::selection{background:#f4c767;color:var(--ink)}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.gallery{height:100svh;min-height:640px;overflow:clip;position:relative;isolation:isolate;user-select:none;touch-action:none;background:radial-gradient(circle,#cdd0c7 .65px,transparent .85px) 0 0/16px 16px;cursor:grab}.gallery.dragging{cursor:grabbing}.topbar{position:absolute;inset:28px 36px auto;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:12px;letter-spacing:.05em}.topbar>span{color:var(--muted)}.topbar button{font-size:13px;padding:10px 0 10px 15px}.topbar button span{margin-left:9px;font-size:11px;color:var(--muted)}.hero{position:absolute;top:12%;left:5%;right:5%;text-align:center;pointer-events:none;z-index:2}.hero h1{font-size:clamp(32px,3.5vw,61px);font-weight:500;line-height:1.15;letter-spacing:-.035em}.hero p{font-size:13px;color:var(--muted);margin-top:16px}.scene{position:absolute;inset:0;perspective:600px;perspective-origin:50% 54%;z-index:1;pointer-events:none}.poster{position:absolute;left:50%;top:54%;width:240px;height:320px;margin:-160px 0 0 -120px;padding:0;background:var(--paper);text-align:left;overflow:clip;border-radius:5px;will-change:transform;transform-origin:center;backface-visibility:hidden;pointer-events:auto;cursor:pointer;box-shadow:0 10px 22px #1720150b}.poster img{display:block;width:100%;height:83%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.poster .label{height:17%;display:flex;flex-direction:column;justify-content:center;padding:7px 12px;gap:4px;pointer-events:none}.poster strong{font-size:17px;font-weight:500;letter-spacing:-.02em}.poster small{font-size:11px;color:var(--muted)}.poster:hover,.poster:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.gallery-footer{position:absolute;bottom:24px;left:18px;right:18px;text-align:center;z-index:3;pointer-events:none}.gallery-footer p{font-size:12px;color:var(--muted)}.controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:14px 0 18px;pointer-events:auto}.controls button{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);min-width:38px;height:38px;border-radius:30px;background:var(--paper);font-size:12px}.controls #pause{min-width:104px}.controls button:hover{background:var(--ink);color:var(--paper)}.filing{pointer-events:auto;text-decoration:none;font-size:11px;color:var(--muted)}.detail,.index{min-height:100svh;padding:0 5vw 35px}.detail-nav{height:96px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.detail-nav button{padding:12px 0;font-size:14px}.detail-nav button{display:inline-flex;align-items:center;gap:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7vw;align-items:center;max-width:1420px;margin:5vh auto 7vh}.detail-visual{background:#e7e8e2;overflow:hidden;border-radius:12px;aspect-ratio:1.15}.detail-visual img{display:block;height:100%;width:100%;object-fit:contain}.detail-copy{max-width:550px}.detail-copy h2{font-size:clamp(36px,4vw,66px);font-weight:500;letter-spacing:-.04em;line-height:1.05;outline:0}.summary{font-size:17px;line-height:1.9;margin-top:24px;max-width:34em}.detail-copy dl{margin:32px 0}.detail-copy dl>div{margin:22px 0}.detail-copy dt{font-size:12px;color:var(--muted);margin-bottom:8px}.detail-copy dd{font-size:15px;line-height:1.85;margin:0;max-width:35em}.enter-work{display:inline-flex;align-items:center;gap:35px;padding:15px 22px;background:var(--ink);color:var(--paper);border-radius:30px;text-decoration:none;font-size:14px}.enter-work:hover{background:#36534a}.open-note{font-size:11px;color:var(--muted);margin-top:14px}.detail-switch{max-width:1420px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.detail-switch button{padding:10px 0}.index h2{font-size:clamp(32px,4vw,60px);font-weight:500;margin:4vh 0 5vh;letter-spacing:-.03em}.index #work-list{max-width:1300px}.index-item{width:100%;display:grid;grid-template-columns:100px 1fr auto;gap:24px;align-items:center;text-align:left;border-top:1px solid var(--line);padding:18px 0}.index-item img{width:100px;height:65px;object-fit:cover}.index-item strong{display:block;font-size:22px;font-weight:500;margin-bottom:7px}.index-item small{font-size:12px;color:var(--muted)}.index-item:hover{color:var(--focus)}
@media(max-width:600px){.gallery{min-height:650px;background-size:13px 13px}.topbar{inset:15px 20px auto}.topbar>span{font-size:11px}.hero{top:13%;left:12px;right:12px}.hero h1{font-size:clamp(26px,6.5vw,38px);line-height:1.25}.hero p{font-size:12px;margin-top:14px}.gallery-footer{bottom:20px}.gallery-footer p{font-size:11px}.detail,.index{padding:0 22px 28px}.detail-nav{height:74px}.detail-nav span{font-size:11px}.detail-layout{display:flex;flex-direction:column;gap:28px;margin:10px auto 30px;align-items:stretch}.detail-visual{aspect-ratio:1.55;border-radius:8px}.detail-copy h2{font-size:37px}.summary{font-size:15px;line-height:1.8;margin-top:16px}.detail-copy dl{margin:20px 0}.detail-copy dd{font-size:14px}.index-item{grid-template-columns:75px 1fr 20px;gap:15px}.index-item img{width:75px;height:60px}.index-item strong{font-size:20px}.index h2{margin:20px 0 35px}.poster{box-shadow:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-height:640px){.gallery{min-height:0;height:100svh}.topbar{inset:8px 20px auto}.hero{top:58px}.hero h1{font-size:26px;line-height:1.2}.hero h1 br{display:none}.hero p{margin-top:8px;font-size:11px}.gallery-footer{bottom:8px}.gallery-footer p{font-size:11px}.controls{margin:6px 0}.scene{perspective-origin:50% 56%}.poster{top:56%}}

.category-switch{display:flex;align-items:center;gap:22px}.category-switch button{padding:10px 0;border-bottom:2px solid transparent;font-size:14px;color:var(--muted);white-space:nowrap}.category-switch button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}.category-switch small{font-size:11px;margin-left:5px;opacity:.65}.detail-nav .category-switch{margin-left:auto;margin-right:32px}.topbar .category-switch button{padding:10px 0}.detail-nav .category-switch button{display:block}@media(max-width:600px){.category-switch{gap:14px}.category-switch button{font-size:13px}.detail-nav .category-switch{margin-right:0}.detail-nav>span{display:none}.detail-nav .back{font-size:12px}.detail-nav{gap:12px}.topbar{letter-spacing:0}}