@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;700;900&display=swap');
.depth-story{--depth-progress:0;position:relative;height:230vh;background:#120f0c;color:#e6ded0}.depth-sticky{position:sticky;top:0;height:100dvh;overflow:hidden;isolation:isolate}.depth-grid{position:absolute;inset:0;z-index:1;opacity:.3;background-image:linear-gradient(#b7a58c13 1px,transparent 1px),linear-gradient(90deg,#b7a58c13 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,transparent,#000 18% 84%,transparent)}.depth-back{position:absolute;z-index:2;inset:-12% -2% -12% 43%;margin:0;overflow:hidden;transform:translate3d(0,calc(var(--depth-progress) * -5vh),0) scale(calc(1.04 + var(--depth-progress) * .04));will-change:transform}.depth-back:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120f0c 0%,#120f0c70 30%,transparent 68%),linear-gradient(0deg,#120f0cc9,transparent 40%)}.depth-back img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.1) brightness(.62)}.depth-back figcaption{position:absolute;z-index:2;right:3.5vw;bottom:4vh;font:8px/1.7 "Noto Sans SC",sans-serif;letter-spacing:.16em;text-align:right;color:#d8cdbb}.depth-copy{position:absolute;z-index:10;left:6vw;top:50%;width:min(62vw,920px);transform:translate3d(0,calc(-50% + (var(--depth-progress) - .5) * -5vh),0)}.depth-copy>p,.depth-copy small{font-size:9px;letter-spacing:.19em;color:#a79b8b}.depth-copy h2{margin:24px 0;font:700 clamp(45px,6.2vw,96px)/1.04 "Noto Serif SC",serif;letter-spacing:-.065em}.depth-copy h2 span{color:transparent;-webkit-text-stroke:1px #e6ded0b8}.depth-copy small{display:block;margin-top:38px}.depth-mid{position:absolute;z-index:20;margin:0;background:#0b0907;padding:9px 9px 38px;box-shadow:0 30px 80px #000b;will-change:transform,clip-path}.depth-mid img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08)}.depth-mid figcaption{position:absolute;inset:auto 10px 9px;font:7px/1.4 "Noto Sans SC",sans-serif;letter-spacing:.15em;color:#b9ae9e}.depth-mid-a{width:20vw;min-width:220px;aspect-ratio:3/4;right:12vw;top:8vh;clip-path:inset(calc(max(0, .24 - var(--depth-progress)) * 160%) 0 0 0);transform:translate3d(calc((.45 - var(--depth-progress)) * 12vw),calc((.45 - var(--depth-progress)) * 32vh),0) rotate(-3deg)}.depth-mid-b{width:31vw;min-width:330px;aspect-ratio:16/10;right:4vw;bottom:7vh;clip-path:inset(0 0 calc(max(0, .6 - var(--depth-progress)) * 180%) 0);transform:translate3d(calc((.64 - var(--depth-progress)) * -10vw),calc((.64 - var(--depth-progress)) * 35vh),0) rotate(2.5deg)}.depth-front{position:absolute;z-index:30;will-change:transform}.depth-paper{left:5vw;top:9vh;width:clamp(160px,18vw,290px);aspect-ratio:1/.72;padding:28px;background:#d7ccb9;color:#211a14;box-shadow:0 24px 55px #0009;transform:translate3d(calc((var(--depth-progress) - .3) * -15vw),calc((var(--depth-progress) - .3) * -42vh),0) rotate(-7deg)}.depth-paper:before{content:"";position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 25px,#77695450 26px)}.depth-paper p{position:relative;margin:18px 0;font:700 clamp(28px,3.2vw,50px)/1.08 "Noto Serif SC",serif}.depth-paper i{position:relative;color:#d24c32;font:400 28px "Ma Shan Zheng",cursive}.depth-paper span{position:absolute;right:18px;bottom:16px;font-size:7px;letter-spacing:.14em}.depth-film{right:21vw;bottom:8vh;width:clamp(130px,13vw,210px);aspect-ratio:1/.72;border:1px solid #d6cab55c;background:#7b191126;backdrop-filter:blur(2px) saturate(1.3);transform:translate3d(calc((var(--depth-progress) - .55) * 22vw),calc((var(--depth-progress) - .55) * -55vh),0) rotate(8deg)}.depth-film span{position:absolute;left:9px;bottom:7px;font-size:7px;letter-spacing:.12em}.depth-film i{position:absolute;width:6px;height:6px;border:1px solid #d6cab59c}.depth-film i:nth-of-type(1){left:10px;top:10px}.depth-film i:nth-of-type(2){right:10px;top:10px}.depth-film i:nth-of-type(3){left:10px;bottom:10px}.depth-film i:nth-of-type(4){right:10px;bottom:10px}.depth-index{position:absolute;z-index:40;right:2.5vw;top:50%;margin:0;font-size:8px;letter-spacing:.18em;writing-mode:vertical-rl;color:#a79b8b}@media(max-width:800px){.depth-story{height:180vh}.depth-back{inset:-6% -38% -6% 24%;opacity:.8}.depth-copy{left:18px;top:48%;width:calc(100% - 36px)}.depth-copy h2{font-size:clamp(38px,11vw,58px)}.depth-copy small{margin-top:24px}.depth-mid-a{min-width:0;width:38vw;right:7vw;top:10vh}.depth-mid-b{min-width:0;width:58vw;right:-5vw;bottom:10vh}.depth-paper{left:4vw;top:12vh;width:38vw;padding:16px}.depth-paper i{font-size:22px}.depth-film{right:25vw;bottom:8vh;width:27vw}.depth-index{display:none}}@media(prefers-reduced-motion:reduce){.depth-story{height:auto}.depth-sticky{position:relative;min-height:780px}.depth-back,.depth-copy,.depth-mid-a,.depth-mid-b,.depth-paper,.depth-film{transform:none}.depth-mid-a,.depth-mid-b{clip-path:none}}
:root{--ink:#17140f;--paper:#e6ded0;--red:#d24c32;--muted:#8e867b;--rule:#312b22;--serif:"Noto Serif SC",serif;--sans:"Noto Sans SC","PingFang SC",sans-serif;--hand:"Ma Shan Zheng",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}.skip{position:fixed;left:12px;top:8px;z-index:100;background:var(--red);color:white;padding:10px;transform:translateY(-160%)}.skip:focus{transform:none}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:absolute;inset:0 0 auto;z-index:20;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2vw;border-bottom:1px solid #e6ded02b;font-size:11px;letter-spacing:.12em}.signature{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.signature span{display:grid;place-items:center;width:32px;height:38px;border:1px solid var(--paper);font:700 21px var(--serif);color:var(--red);transform:rotate(-2deg)}.place{margin:0;color:#b7ad9f}.topbar nav{justify-self:end;display:flex;gap:26px}.topbar nav a{color:inherit;text-decoration:none;position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--red);transition:right .25s}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{right:0}.hero{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:2vw;padding:128px 3.2vw 54px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,#50453850,transparent 34%),repeating-linear-gradient(90deg,transparent 0 calc(8.33% - 1px),#e6ded007 calc(8.33% - 1px) 8.33%);pointer-events:none}.hero-copy{position:relative;z-index:5;align-self:center;padding-bottom:4vh}.eyebrow{font-size:9px;letter-spacing:.2em;color:#b7ad9f;margin:0 0 42px}.hero h1{margin:0;font:900 clamp(56px,7.1vw,116px)/.93 var(--serif);letter-spacing:-.07em;text-wrap:balance}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:1.25em;color:transparent;-webkit-text-stroke:1px var(--paper)}.hero h1 .hand{font-family:var(--hand);font-weight:400;color:var(--red);margin:.08em 0 0 .35em;letter-spacing:-.02em;transform:rotate(-3deg)}.intro{font-size:clamp(14px,1.25vw,18px);line-height:1.9;max-width:31em;margin:48px 0 30px;color:#cfc6b9}.text-link{display:inline-flex;align-items:center;gap:30px;color:inherit;text-decoration:none;border-bottom:1px solid #e6ded05c;padding:0 0 10px;font-size:12px}.text-link span{color:var(--red);font-size:18px}.darkroom{position:relative;z-index:4;align-self:center;min-height:min(68vh,720px);perspective:1200px;isolation:isolate}.darkroom:before{content:"";position:absolute;inset:8% 5% 4% 3%;background:#090806;box-shadow:0 50px 120px #0008,inset 0 0 0 1px #e6ded016;transform:rotate(.7deg)}.negative{position:absolute;margin:0;background:#0b0a08;padding:11px 11px 44px;box-shadow:0 22px 55px #000a;transition:filter .7s,transform .18s ease-out;will-change:transform}.negative img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.25) contrast(1.12) brightness(.56);transition:filter .8s,transform 1s}.negative figcaption{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.1em;color:#a89f92}.negative figcaption b{color:var(--red)}.negative-a{width:76%;aspect-ratio:16/11;left:4%;top:7%;transform:rotate(-4deg)}.negative-b{width:39%;aspect-ratio:3/4;right:3%;bottom:4%;z-index:2;transform:rotate(5deg)}.darkroom.developed .negative img{filter:grayscale(.12) sepia(.08) contrast(1.05) brightness(.92)}.darkroom.developed .negative-a{transform:rotate(-2deg)}.darkroom.developed .negative-b{transform:rotate(3deg)}.loupe{position:absolute;z-index:5;width:150px;height:150px;border-radius:50%;border:1px solid #e6ded0aa;box-shadow:0 0 0 8px #17140f99,0 18px 40px #0008,inset 0 0 30px #e6ded035;left:64%;top:28%;pointer-events:none;transition:opacity .3s;backdrop-filter:brightness(1.35) saturate(1.3)}.loupe:after{content:"";position:absolute;width:72px;height:10px;background:#282119;border:1px solid #8f8372;right:-56px;bottom:0;transform:rotate(46deg);transform-origin:left center}.loupe i{position:absolute;inset:8px;border:1px solid #ffffff2b;border-radius:50%}.darkroom-note{position:absolute;right:5%;top:1%;z-index:6;font-size:8px;letter-spacing:.13em;line-height:1.8;color:#9b9184;text-align:right}.darkroom-note span{font-size:10px;letter-spacing:.05em;color:var(--paper)}.index-stamp{position:absolute;right:2.4vw;bottom:22px;color:#8f8578;font-size:10px;line-height:1.5;letter-spacing:.16em;writing-mode:vertical-rl}.thesis{background:var(--red);color:#180f0b;padding:40px 3.2vw 46px;display:grid;grid-template-columns:1fr 1.4fr;gap:6vw;align-items:end}.thesis p{margin:0;font:700 clamp(24px,3.5vw,54px)/1.25 var(--serif);letter-spacing:-.04em}.thesis p:first-child{font:500 14px/1.7 var(--sans);max-width:25em}.workbench{background:var(--paper);color:var(--ink);padding:140px 3.2vw 160px}.workbench-head{display:grid;grid-template-columns:1.5fr .7fr;gap:8vw;align-items:end;margin-bottom:86px}.workbench-head span,.project small{font-size:9px;letter-spacing:.17em}.workbench-head h2{margin:18px 0 0;font:900 clamp(54px,7vw,100px)/.94 var(--serif);letter-spacing:-.07em}.workbench-head>p{margin:0;max-width:28em;line-height:1.8;color:#5f584f}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(34px,6vw,92px) 24px;align-items:start}.project{position:relative}.project a{color:inherit;text-decoration:none}.project-image{position:relative;overflow:hidden;background:#211d17;box-shadow:0 20px 42px #33281c2b}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.76) contrast(1.06)}.project:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.02)}.project-copy{padding-top:25px}.project-copy h3{margin:12px 0 18px;font:700 clamp(34px,4vw,62px)/1.02 var(--serif);letter-spacing:-.055em}.project-copy p{max-width:33em;line-height:1.8;color:#5a5349}.project-copy b{display:inline-block;margin-top:16px;border-bottom:1px solid var(--red);padding-bottom:5px;font-size:11px}.project-research{grid-column:1/6;margin-top:8vw}.project-bookscene{grid-column:7/13}.project-radar{grid-column:2/7}.project-material{grid-column:8/13;margin-top:10vw}.project-bookscene .project-image{aspect-ratio:16/10}.project-radar .project-image,.project-material .project-image{aspect-ratio:4/5}.evidence-image{aspect-ratio:4/5;background:#e1d7c7;background-image:linear-gradient(#8e806f20 1px,transparent 1px),linear-gradient(90deg,#8e806f20 1px,transparent 1px);background-size:32px 32px;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.voice-count{font:900 clamp(76px,10vw,148px)/.8 var(--serif);letter-spacing:-.09em}.voice-label{margin-top:22px;font-size:12px;letter-spacing:.14em}.evidence-image i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #d24c3220}.evidence-image i:nth-of-type(1){left:14%;top:19%}.evidence-image i:nth-of-type(2){right:17%;top:31%}.evidence-image i:nth-of-type(3){left:24%;bottom:19%}.evidence-image i:nth-of-type(4){right:13%;bottom:13%}.material-tag{position:absolute;left:15px;bottom:15px;background:#e6ded0e8;color:#17140f;padding:9px 11px;font-size:8px;line-height:1.5;letter-spacing:.12em}.red-thread{position:absolute;inset:0;background:linear-gradient(62deg,transparent 49.6%,#d24c32 49.8% 50.2%,transparent 50.4%);mix-blend-mode:multiply;pointer-events:none}.wax-seal{position:absolute;right:18px;bottom:18px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#9c2f23d9;color:#eadfcd;font:9px/1.4 var(--serif);box-shadow:0 4px 12px #20110880,inset 0 0 0 5px #ffffff12;transform:rotate(9deg)}.all-work{margin-top:130px;display:grid;grid-template-columns:1fr auto 40px;align-items:center;color:inherit;text-decoration:none;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:26px 6px;font-size:13px}.all-work b{font-size:10px;letter-spacing:.14em}.all-work i{font-style:normal;text-align:right;color:var(--red);font-size:23px}.principle{position:relative;min-height:90vh;padding:15vh 7vw;background:#1b1813;background-image:radial-gradient(circle at 30% 40%,#55493638,transparent 35%)}.principle-paper{position:relative;max-width:1080px;margin:auto;padding:clamp(48px,8vw,110px);background:#d8cdbb;color:var(--ink);box-shadow:0 45px 100px #000a;transform:rotate(-1.2deg)}.principle-paper:before{content:"";position:absolute;inset:0;opacity:.26;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#6b5e4c33 32px)}.principle-paper p{position:relative;margin:.25em 0;font:700 clamp(36px,5.6vw,78px)/1.3 var(--serif);letter-spacing:-.05em}.principle-paper mark{background:linear-gradient(transparent 54%,#d24c3278 54% 90%,transparent 90%);color:inherit}.principle-paper footer{position:relative;margin-top:80px;padding-top:15px;border-top:1px solid #312b2266;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}.pin{position:absolute;left:50%;top:18px;width:15px;height:15px;border-radius:50%;background:#8e2319;box-shadow:0 3px 5px #0007,0 0 0 5px #9f34242b}.site-footer{padding:110px 3.2vw 28px}.site-footer>p{font-size:12px;color:#aaa093}.site-footer>a{display:block;max-width:1100px;color:inherit;text-decoration:none;font:700 clamp(40px,6vw,82px)/1.25 var(--serif);letter-spacing:-.055em}.site-footer>a:hover{color:var(--red)}.site-footer>div{margin-top:100px;border-top:1px solid #e6ded033;padding-top:20px;display:flex;gap:28px;font-size:9px;letter-spacing:.12em}.site-footer>div a,.site-footer button{color:inherit;text-decoration:none;background:none;border:0;font:inherit}.site-footer button{margin-left:auto;cursor:pointer}
@media(max-width:800px){.topbar{height:66px;padding:0 16px;grid-template-columns:1fr auto}.place{display:none}.signature b{display:none}.topbar nav{gap:14px;font-size:10px}.hero{grid-template-columns:1fr;min-height:auto;padding:110px 16px 45px}.hero-copy{padding:0}.eyebrow{margin-bottom:27px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero h1 span:nth-child(2){margin-left:.45em}.intro{margin:32px 0 24px}.darkroom{min-height:460px;margin-top:35px}.negative-a{width:82%;top:5%;left:0}.negative-b{width:42%;right:0;bottom:2%}.loupe{width:95px;height:95px;left:58%;top:35%}.loupe:after{width:48px;height:8px;right:-40px}.darkroom-note{right:0}.index-stamp{display:none}.thesis{grid-template-columns:1fr;padding:32px 16px}.workbench{padding:90px 16px}.workbench-head{grid-template-columns:1fr;gap:26px;margin-bottom:56px}.workbench-head h2{font-size:54px}.projects{display:block}.project{margin:0 0 80px}.project-copy h3{font-size:42px}.evidence-image{aspect-ratio:4/4.7}.all-work{margin-top:30px}.principle{min-height:auto;padding:90px 16px}.principle-paper{padding:55px 26px;transform:rotate(-.6deg)}.principle-paper p{font-size:36px}.principle-paper footer{margin-top:55px;gap:20px}.site-footer{padding:80px 16px 26px}.site-footer>a{font-size:40px}.site-footer>div{margin-top:70px;flex-wrap:wrap}.site-footer>div span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loupe{display:none}}