:root{--ink:#171713;--paper:#eee6d9;--bone:#faf7f1;--line:rgba(23,23,19,.22);--pad:clamp(22px,4.2vw,76px);--display:"Microsoft YaHei","Noto Sans SC",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 15px/1.7 var(--display)}a{color:inherit;text-decoration:none}.project-header{position:sticky;top:0;z-index:20;height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(238,230,217,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.project-brand{font:800 22px/1 var(--display);letter-spacing:-.08em}.project-back{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.project-back:hover{text-decoration:underline;text-underline-offset:5px}
.project-intro{min-height:calc(100svh - 86px);padding:clamp(42px,8vw,126px) var(--pad) 60px;display:grid;grid-template-columns:1fr minmax(0,2.1fr);grid-template-rows:1fr auto;gap:50px;border-bottom:1px solid var(--line)}.project-index,.project-type,.project-kicker{font:600 10px/1.2 var(--mono);letter-spacing:.1em}.project-intro-copy{align-self:center;max-width:800px}.project-type{margin:0 0 25px}.project-intro h1{margin:0;font:800 clamp(68px,11vw,190px)/.84 var(--display);letter-spacing:-.105em}.project-lede{max-width:440px;margin:46px 0 0;font-size:clamp(16px,1.4vw,22px);line-height:1.65}.project-facts{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding-top:18px;border-top:1px solid var(--line)}.project-facts div{min-width:0}.project-facts dt{font:600 9px/1 var(--mono);letter-spacing:.09em;opacity:.58}.project-facts dd{margin:12px 0 0;font-size:13px}
figure{margin:0}.project-hero{padding:clamp(16px,2vw,32px) var(--pad) 0}.project-hero img{width:100%;height:min(76svh,940px);display:block;object-fit:cover;filter:saturate(.82)}figcaption{padding:12px 0 0;font:600 10px/1.4 var(--mono);letter-spacing:.04em}.project-statement{max-width:920px;margin:0 auto;padding:clamp(100px,16vw,250px) var(--pad)}.project-statement .project-kicker{margin:0 0 36px}.project-statement>p:last-child{margin:0;font:500 clamp(30px,4.5vw,70px)/1.22 var(--display);letter-spacing:-.075em}.project-gallery{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(16px,2vw,34px);padding:0 var(--pad) clamp(100px,14vw,220px)}.gallery-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78)}.gallery-image-tall{height:73vw;max-height:1100px}.gallery-image-wide{align-self:end;height:45vw;max-height:690px}.gallery-image-right{grid-column:2;height:59vw;max-height:900px;margin-top:clamp(65px,10vw,170px)}.project-materials{padding:clamp(70px,10vw,150px) var(--pad);background:var(--ink);color:var(--bone)}.project-materials .project-kicker{margin:0 0 70px;opacity:.58}.material-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(250,247,241,.35)}.material-list article{min-height:260px;padding:24px 22px 24px 0;border-bottom:1px solid rgba(250,247,241,.35)}.material-list article+article{padding-left:22px;border-left:1px solid rgba(250,247,241,.35)}.material-list span{font:600 10px var(--mono);opacity:.6}.material-list h2{margin:56px 0 20px;font:800 clamp(42px,5vw,82px)/.8 var(--display);letter-spacing:-.1em}.material-list p{max-width:210px;margin:0;font-size:12px;line-height:1.7;opacity:.78}.placeholder-note{margin:70px 0 0;font-size:11px;opacity:.46}.project-end{display:flex;justify-content:space-between;align-items:center;padding:34px var(--pad);background:var(--bone);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.project-end a{padding:12px 0}.project-end a:hover{text-decoration:underline;text-underline-offset:6px}.project-end span{font-size:20px;vertical-align:-2px}.reveal-media{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.72,.18,1)}.reveal-media.is-in{opacity:1;transform:none}@media(max-width:720px){.project-header{height:66px}.project-intro{min-height:auto;display:block;padding-top:92px}.project-index{margin-bottom:90px}.project-intro h1{font-size:22vw}.project-lede{margin-top:32px}.project-facts{margin-top:90px;grid-template-columns:1fr;gap:18px}.project-facts div{display:grid;grid-template-columns:110px 1fr;align-items:baseline}.project-facts dd{margin:0}.project-hero img{height:62svh}.project-statement{padding-top:130px;padding-bottom:130px}.project-statement>p:last-child{font-size:8.2vw}.project-gallery{display:block}.gallery-image{height:auto!important;margin-bottom:72px}.gallery-image img{height:112vw}.gallery-image-wide img{height:76vw}.material-list{grid-template-columns:1fr}.material-list article,.material-list article+article{min-height:0;padding:24px 0 34px;border-left:0}.material-list h2{margin:34px 0 14px;font-size:17vw}.placeholder-note{margin-top:45px}.project-end{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-media{opacity:1;transform:none;transition:none}}
.project-home-fab{position:fixed;right:clamp(20px,2.7vw,44px);bottom:clamp(20px,2.7vw,44px);z-index:30;width:78px;height:78px;display:grid;place-items:center;border:1px solid rgba(23,23,19,.42);border-radius:50%;background:rgba(250,247,241,.9);box-shadow:0 10px 32px rgba(23,23,19,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 11px/1 var(--mono);letter-spacing:.04em;transition:transform .3s ease,background .3s ease}.project-home-fab span{font:33px/.8 sans-serif;transform:translateY(-2px)}.project-home-fab em{position:absolute;bottom:14px;left:50%;font-style:normal;font-size:10px;opacity:.66;transform:translateX(-50%);transition:opacity .2s ease}.project-home-fab:hover,.project-home-fab:focus-visible{background:var(--ink);color:var(--bone);transform:translateY(-5px)}.project-home-fab:hover em,.project-home-fab:focus-visible em{opacity:1}@media(max-width:720px){.project-home-fab{width:64px;height:64px;right:18px;bottom:18px}.project-home-fab span{font-size:28px}.project-home-fab em{bottom:10px;font-size:9px}}
.project-intro-real{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.project-intro-real .project-intro-copy{max-width:1100px}.project-intro-real .project-facts{grid-column:1}.project-intro-real h1{font-size:clamp(64px,12vw,184px)}.project-hero-portrait{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,54vw);align-items:end;padding-top:clamp(36px,6vw,92px)}.project-hero-portrait img{grid-column:2;width:100%;height:auto;max-height:none;object-fit:contain;filter:none}.project-hero-portrait figcaption{grid-column:2}.project-story{padding:0 var(--pad) clamp(100px,14vw,220px)}.project-story-pair{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(18px,3vw,52px);align-items:end}.project-story-pair-reverse{grid-template-columns:1.16fr .84fr;align-items:start;margin-top:clamp(110px,17vw,270px)}.story-image img{width:100%;height:auto;display:block;filter:none}.story-image-detail{transform:translateY(clamp(32px,6vw,100px))}.project-annotation{display:grid;grid-template-columns:.35fr 1.35fr .7fr;gap:clamp(20px,4vw,72px);align-items:start;padding:clamp(130px,18vw,290px) 0}.project-annotation>p:first-child{margin:10px 0 0;font:600 10px/1.2 var(--mono);letter-spacing:.1em}.project-annotation h2{margin:0;font:600 clamp(38px,5.4vw,86px)/1.08 var(--display);letter-spacing:-.075em}.project-annotation>p:last-child{margin:12px 0 0;font-size:14px;line-height:1.9}.story-image-collage{width:min(76vw,1120px);margin-left:auto}.story-image-process{width:min(84vw,1280px);margin:clamp(130px,18vw,290px) auto 0}.story-image-ending{width:min(46vw,700px);margin:clamp(130px,18vw,290px) 7vw 0}.project-story figcaption{max-width:620px}.project-story .reveal-media{transform:translateY(44px)}.project-story .reveal-media.is-in{transform:none}@media(max-width:720px){.project-intro-real{padding-top:92px}.project-intro-real h1{font-size:20vw}.project-intro-real .project-facts{margin-top:74px}.project-hero-portrait{display:block;padding-top:24px}.project-hero-portrait img{width:100%}.project-story-pair,.project-story-pair-reverse{display:block;margin-top:0}.story-image-detail{transform:none}.project-story-pair .story-image{margin-bottom:74px}.project-annotation{display:block;padding:110px 0}.project-annotation h2{margin:24px 0 30px;font-size:11vw}.story-image-collage,.story-image-process,.story-image-ending{width:100%;margin:92px 0 0}.project-story .story-image img{height:auto}}
@media(min-width:721px){.project-opening{height:calc(100svh - 86px);min-height:620px;max-height:920px;display:grid;grid-template-columns:minmax(430px,43%) minmax(0,57%);overflow:hidden;border-bottom:1px solid var(--line)}.project-opening .project-intro-real{min-height:0;height:100%;padding:clamp(44px,5.4vw,92px) clamp(34px,4.2vw,76px) 38px;border-bottom:0;gap:30px}.project-opening .project-intro-copy{align-self:center}.project-opening .project-type{margin-bottom:18px}.project-opening .project-intro h1{font-size:clamp(54px,6.4vw,108px);line-height:.9}.project-opening .project-lede{max-width:390px;margin-top:30px;font-size:clamp(14px,1.12vw,18px);line-height:1.7}.project-opening .project-facts{grid-template-columns:1fr;gap:0;padding-top:10px}.project-opening .project-facts div{display:grid;grid-template-columns:92px 1fr;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}.project-opening .project-facts dd{margin:0}.project-opening .project-hero-portrait{position:relative;display:block;height:100%;padding:0;border-left:1px solid var(--line);overflow:hidden}.project-opening .project-hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.project-opening .project-hero-portrait figcaption{position:absolute;left:20px;right:20px;bottom:18px;padding:0;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.65)}.project-statement{max-width:800px;padding:clamp(90px,10vw,160px) var(--pad)}.project-statement .project-kicker{margin-bottom:26px}.project-statement>p:last-child{font-size:clamp(30px,3.6vw,58px)}.project-story{max-width:1380px;margin:0 auto;padding-bottom:clamp(90px,10vw,160px)}.project-story-pair{width:min(84vw,1080px);margin:0 auto;gap:clamp(18px,2vw,34px)}.project-story-pair-reverse{margin-top:clamp(72px,8vw,126px)}.project-annotation{grid-template-columns:.3fr 1.15fr .65fr;padding:clamp(82px,9vw,145px) 3vw}.project-annotation h2{font-size:clamp(38px,4.2vw,68px)}.story-image-collage{width:min(60vw,900px)}.story-image-process{width:min(68vw,1020px);margin-top:clamp(82px,9vw,145px)}.story-image-ending{width:min(38vw,570px);margin-top:clamp(82px,9vw,145px);margin-left:10vw}}