:root{color-scheme:dark;--bg:#090909;--ink:#efeee9;--green:#b6cf88;--muted:#8c8c87}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:7px}.nav{position:absolute;top:0;left:0;right:0;height:108px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{font-size:31px;letter-spacing:-1.5px;font-weight:500}.wordmark span{font-size:12px;vertical-align:top;display:inline-block;margin:5px 0 0 5px}nav a{font-size:14px}nav a span{margin-left:17px;color:var(--muted);font-size:12px}.hero{height:100svh;min-height:720px;max-height:1400px;position:relative;overflow:hidden}.trail{position:absolute;inset:100px 0 95px;pointer-events:none}.trail-image{position:absolute;width:clamp(155px,17vw,265px);height:clamp(190px,22vw,340px);object-fit:cover;box-shadow:0 10px 60px #0008;will-change:transform,opacity}.hero-marker{position:absolute;top:46%;left:4.5%;font-size:12px;letter-spacing:2px;color:#777872;z-index:1;pointer-events:none}.hero-copy{position:absolute;right:7%;top:49%;transform:translateY(-50%);width:46%;z-index:3;pointer-events:none}h1{font-weight:500;font-size:clamp(68px,8.3vw,145px);line-height:1.12;letter-spacing:-.055em;margin:0}h1 span{display:block;font-size:1.36em;line-height:.98;font-weight:400;letter-spacing:-.085em;margin-top:7px}.hero-copy p{font-size:16px;line-height:1.9;color:var(--green);max-width:420px;margin:38px 0 0;letter-spacing:.5px}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:36px;display:flex;justify-content:space-between;align-items:center;color:#a3a39d;font-size:12px;z-index:4}.hero-bottom a{color:var(--ink);font-size:14px}.hero-bottom a span{margin-left:30px;font-size:23px;display:inline-block}.hero-bottom .index{font-size:11px;letter-spacing:1.5px}.works{padding:76px 4.5% 100px}.work-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px;border-top:1px solid #292929;padding-top:28px}.work-heading h2{font-size:18px;font-weight:400;margin:0}.work-heading h2 span{font-size:13px;color:var(--muted);margin-left:25px}.work-count{font-size:12px;color:var(--muted)}.masonry{columns:3;column-gap:26px}.work{break-inside:avoid;display:inline-block;width:100%;margin:0 0 38px;vertical-align:top}.work button{display:block;padding:0;border:0;background:#121212;width:100%;cursor:pointer;position:relative;overflow:hidden}.work img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.3,1),filter .65s}.work button:hover img{transform:scale(1.025);filter:brightness(.83)}.view{position:absolute;right:16px;bottom:16px;color:#111;background:var(--ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:21px;opacity:0;transform:translateY(10px);transition:.3s}.work button:hover .view,.work button:focus-visible .view{opacity:1;transform:none}.caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:14px}.caption h3{font-size:14px;font-weight:400;margin:0;line-height:1.6}.caption span{color:var(--muted);font-size:12px;white-space:nowrap}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}footer{margin:0 4.5%;padding:32px 0 40px;border-top:1px solid #292929;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>a:first-child{font-size:22px}footer em{font-style:normal;margin-left:10px}footer>span,footer .back{color:var(--muted);font-size:12px}dialog{inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#0a0a0af5;color:var(--ink)}dialog::backdrop{background:#000}.viewer-bar{height:80px;padding:18px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929}.viewer-bar h2{font-size:16px;font-weight:400;margin:0}.viewer-bar button{font-size:14px;background:none;border:0;color:var(--ink);cursor:pointer;padding:10px}.viewer-body{height:calc(100dvh - 80px);overflow:auto;padding:30px 20px;text-align:center}.viewer-body img{display:block;width:min(700px,100%);height:auto;margin:auto}body.modal-open{overflow:hidden}@media(min-width:1700px){.hero-copy{right:9%}.masonry{columns:4}}@media(max-width:1000px){.hero-copy{width:50%;right:5%}h1{font-size:9vw}.hero-copy p{font-size:15px;max-width:340px}.masonry{columns:2;column-gap:22px}.hero-marker{font-size:10px;letter-spacing:1px}}@media(max-width:600px){.nav{height:80px;padding:0 6%}.wordmark{font-size:27px}nav a span{font-size:11px;margin-left:8px}.hero{min-height:740px;max-height:1000px}.hero-marker{top:21%;left:6%;font-size:10px}.hero-copy{top:49%;right:8%;width:73%}h1{font-size:17vw}h1 span{font-size:1.3em}.hero-copy p{font-size:14px;line-height:1.9;margin-top:30px;max-width:300px}.hero-bottom{left:6%;right:6%;bottom:30px}.hero-bottom>span:first-child{font-size:11px}.hero-bottom .index{display:none}.hero-bottom a{font-size:12px}.hero-bottom a span{margin-left:15px}.trail{inset:80px 0 90px;opacity:.5}.trail-image{width:130px;height:175px}.works{padding:45px 6% 65px}.work-heading{margin-bottom:30px}.work-heading h2{font-size:16px}.work-heading h2 span{margin-left:12px;font-size:11px}.masonry{columns:2;column-gap:12px}.work{margin-bottom:25px}.caption{display:block;padding-top:10px}.caption h3{font-size:12px}.caption span{font-size:10px;display:block;margin-top:3px}.view{width:28px;height:28px;right:8px;bottom:8px;font-size:16px}.work button:active .view{opacity:1;transform:none}footer{margin:0 6%;padding:25px 0;gap:10px}footer>a:first-child{font-size:16px}footer>span{display:none}.viewer-bar{padding:14px 6%}.viewer-body{padding:20px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.trail{display:none}}