@font-face{font-family:Archivo;src:url('./fonts/archivo-87f4a1dc20.woff2') format('woff2');font-weight:900;font-stretch:85%;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/inter-3100e775e8.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f5f4ef;--ink:#0f0f0e;--red:#ef5d44;--yellow:#fcdd71;--blue:#9fd5f7;--line:rgba(15,15,14,.15);--sans:Inter,'Microsoft YaHei',system-ui,sans-serif;--display:Archivo,'Arial Black',Impact,sans-serif;--mode:mobile;--r:22px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #2968b7;outline-offset:5px}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.skip{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} [hidden]{display:none!important}
.header{position:relative;z-index:20;margin:0 20px;background:#fff;border-radius:0 0 22px 22px;box-shadow:0 0 0 1px rgba(15,15,14,.08),0 16px 36px -24px #0f0f0e4d}.utility{display:none}.header-main{min-height:88px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;flex-direction:column;gap:3px;white-space:nowrap}.brand strong{font-family:var(--display);font-weight:900;font-stretch:85%;font-size:28px;letter-spacing:-1.5px}.brand small{font-size:7.5px;font-weight:600;letter-spacing:.035em}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;background:transparent;padding:10px 0 10px 10px;min-height:44px;font-size:13px;font-weight:600}.menu-toggle svg{width:20px}.menu-panel{padding:10px 20px 22px;border-top:1px solid var(--line)}.menu-panel a{display:flex;padding:15px 0;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:18px}.menu-panel span{font-size:12px;color:#62615d}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;background:var(--ink);color:#fff;border-radius:22px;font-weight:600;font-size:14px}.pill.white{background:#fff;color:var(--ink);border:1px solid var(--line)}.arrow-disc{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:var(--ink);color:white;width:52px;height:52px;flex-shrink:0}.arrow-disc svg{width:24px}.primary-link{display:inline-flex;align-items:center;gap:2px}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:650}.text-link .arrow-disc{width:30px;height:30px}.text-link svg{width:16px}.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.14em;font-weight:600;text-transform:uppercase}.home-hero{padding:38px 24px 21px}.desktop-title{display:none}.mobile-title{font-family:var(--display);font-weight:900;font-stretch:85%;font-size:clamp(36px,11.6vw,62px);line-height:.97;letter-spacing:-.055em;margin:0 0 19px;text-transform:uppercase}.mobile-title span{display:block}.hero-copy{font-size:14px;line-height:1.7;max-width:390px;margin:0}.desktop-copy{display:none}.hero-actions{display:none}.mosaic{display:none}.photo-band-wrap{position:relative;margin:0 0 0}.photo-band{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 24px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.photo-band::-webkit-scrollbar{display:none}.band-group{display:flex;gap:13px;flex-shrink:0;padding-right:0}.band-card{position:relative;display:block;width:85vw;max-width:560px;flex-shrink:0;border-radius:18px;overflow:hidden;background:#dddcd5;aspect-ratio:3/2;touch-action:pan-x pan-y pinch-zoom}.band-card img{width:100%;height:100%;object-fit:cover}.band-card span{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:8px;background:#ffffffeb;padding:7px 11px;border-radius:30px;font-size:11px}.band-card span::after{content:'↗';font-size:14px}.band-tools{display:flex;align-items:center;justify-content:space-between;margin:14px 24px 0;gap:15px}.band-hint{font-size:10px;letter-spacing:.08em;color:#62615d}.motion-control{display:inline-flex;align-items:center;gap:7px;background:transparent;min-height:44px;padding:6px 0;font-size:11px;white-space:nowrap}.motion-control svg{width:14px;height:14px}.mobile-actions{padding:12px 24px 0;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.mobile-actions .primary-link{flex-grow:1}.mobile-actions .pill{flex:1}.mobile-note{margin:28px 24px 24px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;color:#62615d}.desktop-bottom{display:none}.intro-anim .header{animation:header-in .95s cubic-bezier(.16,1,.3,1) both}.intro-anim .mobile-title span,.intro-anim .desktop-title .ln{animation:title-in 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i,0)*.085s)}.intro-anim .hero-copy,.intro-anim .hero-actions{animation:copy-in 1s .5s both}.intro-anim .photo-band-wrap{animation:copy-in 1.1s .3s both}@keyframes header-in{from{transform:translateY(calc(-100% - 48px))}to{transform:translateY(0)}}@keyframes title-in{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes copy-in{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
.content-main{max-width:1360px;margin:0 auto;padding:48px 24px 70px}.page-heading{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:28px}.page-heading .eyebrow{margin:0 0 20px}.page-heading h1{font-size:clamp(40px,8vw,92px);font-weight:850;letter-spacing:-.055em;line-height:1.05;margin:0 0 24px}.page-heading p{max-width:560px;font-size:14px;line-height:1.9;color:#55554e;margin:0}.page-heading h1 .en{font-family:var(--display);font-stretch:85%;text-transform:uppercase}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #bdbcb6;border-radius:30px;padding:11px 18px;background:transparent;font-size:12px;min-height:44px}.filter[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.work-count{margin-left:auto;font-size:11px;color:#62615d}.works-grid{display:grid;grid-template-columns:1fr;gap:32px 20px}.work-card figure{margin:0}.work-image{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:#dfdfd8;aspect-ratio:3/2}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-image::after{content:'↗';position:absolute;bottom:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111;transition:transform .3s}.work-image:hover img{transform:scale(1.025)}.work-card figcaption{padding:15px 2px 0}.work-card .work-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.work-card h2{font-size:16px;margin:0;font-weight:600}.work-card .work-id{font-size:10px;color:#62615d}.work-card p{font-size:12px;line-height:1.8;color:#62615d;margin:8px 0 0;max-width:36em}.footer{max-width:1312px;margin:0 auto;padding:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:11px;line-height:1.8}.footer nav{display:flex;gap:20px}.about-layout{display:grid;gap:35px}.about-photo{margin:0}.about-photo img{border-radius:22px;width:100%;aspect-ratio:4/3;object-fit:cover}.about-photo figcaption{font-size:11px;color:#62615d;margin-top:12px}.prose{font-size:15px;line-height:2}.prose h2{font-size:23px;letter-spacing:-.035em;line-height:1.4;margin:0 0 16px}.prose p{margin:0 0 22px}.prose a{text-decoration:underline;text-underline-offset:5px}.info-line{font-size:12px;color:#62615d;line-height:1.8;border-top:1px solid var(--line);padding-top:18px;margin-bottom:30px}.about-section{margin-top:38px;border-top:1px solid var(--line);padding-top:30px}.about-section .eyebrow{color:#62615d}.process-lede{display:grid;gap:30px;margin-bottom:48px}.process-lede .statement{font-size:clamp(24px,4vw,42px);line-height:1.55;letter-spacing:-.04em;margin:0;max-width:800px}.process-steps{counter-reset:steps}.process-step{display:grid;gap:20px;border-top:1px solid var(--line);padding:28px 0 34px}.step-title{display:flex;gap:18px;align-items:baseline}.step-title::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);font-size:12px;font-family:var(--sans);color:#62615d}.step-title h2{font-size:22px;line-height:1.3;letter-spacing:-.04em;margin:0}.process-step .prose{font-size:14px}.process-step .prose p:last-child{margin-bottom:0}.process-image{width:100%;border-radius:18px;background:#dfdfd8}.process-figure{margin:20px 0 0}.process-figure figcaption{font-size:11px;line-height:1.8;margin-top:10px;color:#62615d}.evidence-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}.evidence-grid figure{margin:0}.evidence-grid img{border-radius:14px;width:100%;border:1px solid var(--line)}.evidence-grid figcaption{font-size:11px;line-height:1.8;margin-top:8px;color:#62615d}.validation-note{font-size:12px;line-height:1.9;color:#62615d}.outro-link{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;padding:25px 0;border-top:1px solid var(--line);font-size:22px;font-weight:600}
.viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#101110;color:#f5f4ef;z-index:100;overflow:auto}.viewer::backdrop{background:#101110}.viewer-shell{min-height:100%;display:flex;flex-direction:column;padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.viewer-head{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:15px}.viewer-counter{font-size:11px;letter-spacing:.1em;color:#aaa}.viewer button{background:transparent;color:inherit;min-width:44px;min-height:44px;padding:10px;border:1px solid #ffffff36;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.viewer-close{gap:8px;border-radius:30px!important;font-size:12px}.viewer-image-wrap{position:relative;flex:1;min-height:230px;display:flex;align-items:center;justify-content:center;padding:18px 0;overflow:auto;touch-action:pan-x pan-y pinch-zoom}.viewer-image{width:100%;height:auto;max-height:calc(100dvh - 250px);object-fit:contain;touch-action:pan-x pan-y pinch-zoom}.viewer-loading{position:absolute;font-size:12px;color:#bbb;pointer-events:none}.viewer-error{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:40px 0;font-size:13px}.viewer-error button{border-radius:24px;padding:10px 22px}.viewer-meta{display:grid;grid-template-columns:1fr auto;gap:16px;padding-top:15px;border-top:1px solid #ffffff2b}.viewer-meta h2{font-size:17px;margin:0 0 7px;font-weight:550}.viewer-meta p{font-size:12px;line-height:1.8;color:#bbb;max-width:560px;margin:0}.viewer-nav{display:flex;align-items:flex-start;gap:8px}.viewer-hint{font-size:10px;color:#999;padding-top:16px;margin:0}.viewer-open{overflow:hidden}.no-js .filters,.no-js .motion-control{display:none}.no-js .mosaic{display:none}.no-js .photo-band-wrap{display:block}.no-js .band-card{width:340px;max-width:85vw}
img{height:auto}.work-image img,.cell img,.band-card img{height:100%}.about-photo img{height:auto}.no-js .band-group[data-original]{display:none}
@media(max-width:359px){.header-main{padding-left:14px;padding-right:14px;gap:12px}.brand strong{font-size:25px}.brand small{font-size:6.5px}.menu-toggle{font-size:12px;gap:6px}.menu-toggle svg{width:18px}}
@media(min-width:600px){.header{margin:0 28px}.header-main{padding-left:25px;padding-right:25px}.home-hero{padding:50px 36px 30px}.mobile-title{font-size:68px}.hero-copy{max-width:500px}.photo-band{padding:0 36px}.band-card{width:76vw}.band-tools{margin-left:36px;margin-right:36px}.mobile-actions{padding-left:36px;padding-right:36px;justify-content:flex-start}.mobile-actions .primary-link{flex-grow:0}.mobile-actions .pill{flex:none}.mobile-note{margin:40px 36px 30px}.content-main{padding:64px 36px 90px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.evidence-grid{grid-template-columns:1fr 1fr}.footer{padding:28px 36px}.viewer-shell{padding:22px 32px}.viewer-image{max-height:calc(100dvh - 220px)}}
@media(min-width:560px) and (max-height:539px) and (min-aspect-ratio:1/1){.header{margin:0 18px}.header-main{min-height:66px;padding-top:8px;padding-bottom:8px}.home-hero{padding:23px 24px 20px}.mobile-title{font-size:42px}.band-card{width:57vw;max-height:54vh;aspect-ratio:3/2;width:auto}.hero-copy{max-width:650px}.mobile-note{margin-top:20px}.viewer-image{max-height:calc(100dvh - 165px)}.viewer-meta p,.viewer-hint{display:none}.viewer-image-wrap{min-height:130px}}
@media(min-width:1000px) and (min-height:540px) and (min-aspect-ratio:27/25){:root{--mode:desktop}.home{overflow:hidden}.home .stage{position:absolute;left:0;top:0;transform:scale(var(--scale,1));transform-origin:0 0;width:calc(var(--canvas-w,1280)*1px);height:calc(var(--canvas-h,800)*1px);min-height:800px}.header{margin:0 40px}.header-main{height:102px;padding:0 30px;gap:22px}.utility{display:flex;align-items:center;height:40px;border-bottom:1px solid #0f0f0e14;padding:0 30px;gap:22px;font-size:10px;line-height:1.3;font-weight:500}.utility-left{display:flex;gap:20px}.utility-left>span{display:flex;align-items:center;gap:9px;width:190px}.utility-left>span+span{border-left:1px solid var(--line);padding-left:20px;width:220px}.utility-left svg{width:16px}.utility-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;margin-left:auto}.utility-nav a{min-height:39px;display:flex;align-items:center}.index-link{display:flex;align-items:center;justify-content:center;background:#e8e7e2;width:39px;height:39px;margin-right:-30px;border-radius:5px 0 0 5px}.index-link svg{width:15px}.brand strong{font-size:31px;letter-spacing:-1.6px}.brand small{font-size:8px}.desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1;font-size:14px;font-weight:550;margin:0 0 0 13px}.desktop-nav a{display:flex;align-items:center;gap:12px;min-height:48px}.desktop-nav .nav-first{border-right:1px solid var(--line);padding-right:26px}.desktop-nav .arrow-disc{width:24px;height:24px}.desktop-nav .arrow-disc svg{width:15px}.menu-toggle{display:none}.header-cta{display:flex}.header-cta .pill{height:63px;min-height:63px;padding:0 22px;font-size:14px}.header-cta .arrow-disc{width:64px;height:64px}.header-cta .arrow-disc svg{width:26px}.home-hero{position:absolute;left:86px;top:calc(200px + (var(--canvas-h,800) - 800)*.5px);width:480px;padding:0;z-index:3;pointer-events:none}.home-hero a{pointer-events:auto}.desktop-title{display:block;margin:0;font-family:var(--display);font-stretch:85%;font-size:80px;line-height:75.3px;letter-spacing:-.06em;font-weight:900;text-transform:uppercase;-webkit-text-stroke:1.1px}.desktop-title .line{display:block;overflow:hidden}.desktop-title .ln{display:block}.mobile-title,.mobile-copy,.photo-band-wrap,.mobile-actions,.mobile-note{display:none}.desktop-copy{display:block;position:absolute;top:344px;width:460px;font-size:18px;line-height:26.6px;max-width:none}.hero-actions{display:flex;align-items:center;gap:30px;position:absolute;top:460px;width:480px}.hero-actions .pill{height:63px;font-size:16px;padding:0 26px}.hero-actions .primary-link .arrow-disc{width:64px;height:64px}.hero-actions .text-link{font-size:16px}.mosaic{position:absolute;display:block;right:62px;top:0;bottom:0;width:642px;z-index:1;overflow:visible;pointer-events:none;--col:205.33px;--gap:13px;--pitch:282.5px}.column-wrap{position:absolute;width:var(--col);left:0;top:86px;opacity:1}.column-wrap.c2{left:calc(var(--col) + var(--gap));top:-11.5px}.column-wrap.c3{left:calc(2*(var(--col) + var(--gap)));top:86.5px}.column-wrap.x1{left:calc(-1*(var(--col) + var(--gap)));top:-11.5px;display:none}.column-wrap.x2{left:calc(-2*(var(--col) + var(--gap)));top:86px;display:none}.column-wrap.x3{left:calc(-3*(var(--col) + var(--gap)));top:-11.5px;display:none}.ex1 .x1,.ex2 .x1,.ex2 .x2,.ex3 .x1,.ex3 .x2,.ex3 .x3{display:block}.column-track{animation:col-down 14.6s linear infinite;will-change:transform}.c2 .column-track,.x1 .column-track,.x3 .column-track{animation-name:col-up}.column-group{display:flex;flex-direction:column;gap:13px;padding-bottom:13px}.cell{width:205.33px;height:269.5px;border-radius:22px;overflow:hidden;position:relative;flex-shrink:0}.cell img{width:100%;height:100%;object-fit:cover}.cell.red{background:var(--red)}.cell.yellow{background:var(--yellow)}.cell.blue{background:var(--blue)}.cell.cream{background:#f9f6f1;box-shadow:inset 0 0 0 1px #e9e6df}.cell.dark{background:#151515;box-shadow:inset 0 0 0 1px #ffffff24}.cell.solid::after{content:'';position:absolute;inset:0;background-image:url('./textures/grain.svg');opacity:.13;mix-blend-mode:multiply}.cell.dark::after{opacity:.035;mix-blend-mode:screen}.mosaic.paused .column-track{animation-play-state:paused}.intro-anim .column-wrap{animation:mosaic-in 2.1s cubic-bezier(.22,1,.36,1) both}.intro-anim .column-track{animation-delay:2.1s}@keyframes col-down{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}@keyframes col-up{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}@keyframes mosaic-in{from{transform:translateY(8%);opacity:0}to{transform:translateY(0);opacity:1}}.desktop-bottom{display:flex;position:absolute;bottom:21px;left:86px;width:480px;align-items:center;justify-content:space-between;gap:20px;z-index:4;font-size:10px;color:#55554e}.desktop-bottom .motion-control{font-size:10px}.content-main{padding:65px 62px 95px}.inner .header{max-width:1320px;margin:0 auto}.inner .header-main{height:102px}.inner .desktop-nav{justify-content:flex-end;gap:35px}.inner .header-cta .pill{min-height:54px;height:54px}.inner .header-cta .arrow-disc{width:54px;height:54px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 26px}.about-layout{grid-template-columns:1fr 1fr;gap:65px}.about-photo{position:sticky;top:30px;align-self:start}.about-photo img{aspect-ratio:4/5}.about-copy{max-width:550px}.process-lede{grid-template-columns:1.7fr 1fr;gap:70px}.process-step{grid-template-columns:1fr 2fr;gap:70px;padding:36px 0 42px}.footer{padding:28px 0}.viewer-image-wrap{min-height:350px}.viewer-image{max-height:calc(100dvh - 190px)}.viewer-meta h2{font-size:20px}.viewer-meta p{font-size:13px}}
@media(min-width:1000px) and (min-height:540px) and (max-height:650px){.home{overflow-y:auto}.home .stage{position:relative}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.column-track{will-change:auto}.photo-band{scroll-behavior:auto}}
@media(min-width:1000px) and (min-height:540px) and (min-aspect-ratio:27/25){.home .stage{overflow:hidden}.no-js .home{overflow:auto}.no-js .home .stage{position:relative;transform:none;width:100%;height:auto;min-height:0;overflow:visible}.no-js .home-hero{position:relative;left:auto;top:auto;width:auto;padding:40px 24px;pointer-events:auto}.no-js .desktop-title,.no-js .desktop-copy,.no-js .hero-actions,.no-js .desktop-bottom{display:none}.no-js .mobile-title,.no-js .mobile-copy,.no-js .mobile-note{display:block}.no-js .mobile-actions{display:flex}}
@media(min-width:560px) and (max-height:539px) and (min-aspect-ratio:1/1){.band-card{width:min(57vw,81vh)}}
.mosaic-set--wide{display:none}.ex1 .mosaic-set--wide{display:block}.ex1 .mosaic-set--normal{display:none}.column-track{animation-duration:var(--loop-duration,14.6s)}