:root{--ink:#171717;--secondary:#777;--muted:#a0a0a0;--border:#eaeaea;--surface:#f7f7f7;--hover:#f2f2f2;--max:1200px;--gutter:clamp(24px,5vw,64px);color:var(--ink);font-synthesis:none;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #555}p,h1,h2,h3{margin:0}p{line-height:1.75}.wrap{max-width:calc(var(--max) + 2 * var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.skip-link{color:#fff;z-index:20;background:#171717;padding:.75rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--border);background:#fff;height:73px}.header-inner{height:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding:0 var(--gutter);justify-content:space-between;align-items:center;margin:auto;display:flex}.wordmark{letter-spacing:-.06em;font-size:20px;font-weight:750}.wordmark span,.footer-brand span,.period{color:#a7a7a7}.nav-menu summary{display:none}.nav-menu nav{align-items:center;gap:36px;display:flex}.nav-menu nav>a{color:#777;font-size:13px;font-weight:550;transition:color .2s}.nav-menu nav>a:hover,.nav-menu nav>a.active{color:#111}.nav-menu nav>a.active{margin-bottom:-9px;padding-bottom:7px;box-shadow:0 2px #171717}.nav-menu .lang-switch{color:#aaa;margin-left:20px;font-size:12px}.lang-switch .selected{color:#171717}.slash{padding:0 3px}.hero{padding-top:clamp(76px,9vw,130px)}.eyebrow{letter-spacing:.16em;color:#898989;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.4}.dot{vertical-align:1px;background:#171717;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero-number{float:right;font-size:9px}.hero-copy{padding-top:49px}.hero h1,.page-heading h1,.detail-head h1,.narrow-page>h1,.article-shell h1{letter-spacing:-.055em;font-size:clamp(44px,6.6vw,88px);font-weight:600;line-height:1.15}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:32px;display:flex}.hero-bottom>p{color:#777;font-size:clamp(15px,1.5vw,18px)}.actions{flex-wrap:wrap;gap:10px;display:flex}.button{border-radius:5px;justify-content:space-between;align-items:center;gap:32px;min-height:49px;padding:0 19px;font-size:12px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.dark{color:#fff;background:#171717}.button.dark:hover{background:#383838}.button.light{background:#fff;border:1px solid #e4e4e4}.button.light:hover{background:#f7f7f7}.hero-art{margin-top:72px}.visual{aspect-ratio:1.27;isolation:isolate;background:#efefec;position:relative;overflow:hidden}.visual.wide{aspect-ratio:2.32}.v-grid{opacity:.035;background-image:linear-gradient(#111 1px,#0000 1px),linear-gradient(90deg,#111 1px,#0000 1px);background-size:8% 12%;position:absolute;inset:0}.v-shape{display:block;position:absolute}.visual-1{background:#e5e5e1}.visual-1 .a{aspect-ratio:1;background:radial-gradient(circle at 38% 30%,#fafaf8,#c8c8c2 58%,#93938e);border-radius:50%;width:38%;top:9%;left:32%;box-shadow:25px 32px 60px #7775}.visual-1 .b{background:#888;height:1px;top:49%;left:16%;right:16%;transform:rotate(-17deg)}.visual-1 .c{background:#aaa8;width:1px;top:0;bottom:0;left:50%}.visual-2{background:#d8d8d2}.visual-2 .a{border:1px solid #888;border-radius:50%;width:44%;height:64%;top:18%;left:22%;transform:rotate(-13deg)}.visual-2 .b{border:1px solid #777;border-radius:50%;width:44%;height:64%;top:18%;left:34%;transform:rotate(13deg)}.visual-2 .c{background:#555;border-radius:50%;width:4px;height:4px;top:50%;left:50%}.visual-3{background:#d7d7d5}.visual-3 .a{filter:blur(1px);background:linear-gradient(130deg,#ececea,#aaa9a4);border-radius:50% 50% 44% 44%;width:44%;height:78%;top:11%;left:29%}.visual-3 .b{background:#777;width:37%;height:1px;top:50%;left:32%}.visual-4{background:#dddeda}.visual-4 .a{border:1px solid #777;width:45%;height:45%;top:24%;left:28%;transform:rotate(45deg)}.visual-4 .b{border:1px solid #888;width:31%;height:31%;top:31%;left:35%;transform:rotate(45deg)}.visual-4 .c{border:1px solid #777;width:17%;height:17%;top:38%;left:42%;transform:rotate(45deg)}.visual-5{background:#e3e1db}.visual-5 .a{background:#f4f3ef;width:35%;height:49%;top:25%;left:33%;transform:rotate(-12deg);box-shadow:18px 20px #c4c1b9}.visual-5 .b{background:#bebbb4;width:35%;height:1px;top:49%;left:33%;transform:rotate(-12deg)}.visual-6{background:#d2d3d0}.visual-6 .a{background:linear-gradient(135deg,#f4f4f0,#a7aaa5);border-radius:50% 50% 0 0;width:42%;height:62%;top:19%;left:29%}.visual-6 .b{background:#888;height:1px;top:81%;left:17%;right:17%}.visual-index{letter-spacing:.15em;color:#64645f;font-size:9px;position:absolute;bottom:18px;left:20px}.art-caption{color:#999;letter-spacing:.14em;justify-content:space-between;margin-top:13px;font-size:9px;font-weight:650;display:flex}.section{padding-top:clamp(96px,12vw,160px);padding-bottom:clamp(96px,12vw,160px)}.section-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;display:flex}.section-head h2,.lab-intro h2,.about-inner h2{letter-spacing:-.045em;margin-top:22px;font-size:clamp(32px,4.3vw,56px);font-weight:600;line-height:1.18}.section-aside{max-width:290px}.section-aside p,.section-desc{color:#777;margin-bottom:22px;font-size:14px}.text-link{border-bottom:1px solid #aaa;align-items:center;gap:25px;padding-bottom:7px;font-size:12px;font-weight:650;display:inline-flex}.text-link span,.arrow{transition:transform .2s}.text-link:hover span,.project-card:hover .card-title span,.lab-row:hover .arrow,.note-row:hover .arrow,.lab-item:hover .arrow{transform:translate(3px,-3px)}.home-works,.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;display:grid}.home-works .project-card:nth-child(2){margin-top:55px}.project-card{min-width:0;display:block}.project-card .visual{transition:filter .25s}.project-card:hover .visual{filter:brightness(.96)}.card-meta{color:#999;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;gap:10px;margin-top:21px;font-size:10px;display:flex}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.card-title h2,.card-title h3{letter-spacing:-.02em;font-size:19px;font-weight:600}.card-title span{transition:transform .2s}.project-card>p{color:#888;margin-top:8px;font-size:13px}.lab-band,.about-band{background:#f7f7f7}.lab-inner{grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:110px;display:grid}.lab-intro .section-desc{max-width:400px;margin-top:25px}.lab-list{border-top:1px solid #d9d9d9;align-self:end}.lab-row{border-bottom:1px solid #d9d9d9;grid-template-columns:40px 1fr auto;gap:15px;padding:25px 0;display:grid}.row-num{color:#aaa;font-size:10px}.lab-row strong{font-size:18px;font-weight:550}.lab-row small{color:#999;margin-top:8px;font-size:11px;display:block}.notes-list{border-top:1px solid #e4e4e4}.note-row{border-bottom:1px solid #e4e4e4;grid-template-columns:140px 1fr auto;align-items:start;gap:20px;padding:28px 0;display:grid}.note-date,.note-category{color:#999;letter-spacing:.07em;text-transform:uppercase;font-size:10px}.note-row h2,.note-row h3{margin-top:10px;font-size:20px;font-weight:550}.note-row p{color:#888;margin-top:6px;font-size:13px}.about-inner{grid-template-columns:1fr 2fr;gap:30px;padding-top:110px;padding-bottom:110px;display:grid}.about-inner h2{margin-top:0}.about-inner p:not(.eyebrow){color:#777;max-width:580px;margin:25px 0;font-size:16px}.footer{padding:70px 0 25px}.footer-top{justify-content:space-between;gap:30px;display:flex}.footer-brand{letter-spacing:-.05em;font-size:20px;font-weight:700}.footer-top p{color:#999;margin-top:9px;font-size:12px}.footer nav{color:#777;gap:32px;font-size:12px;display:flex}.footer nav a:hover{color:#171717}.footer-bottom{color:#aaa;border-top:1px solid #eee;justify-content:space-between;gap:20px;margin-top:76px;padding-top:22px;font-size:10px;display:flex}.page{padding-top:100px;padding-bottom:140px}.page-heading{margin-bottom:80px}.page-heading h1{margin-top:25px}.page-heading>p:last-child{color:#777;max-width:610px;margin-top:25px;font-size:16px}.filters{flex-wrap:wrap;gap:8px;margin:0 0 36px;display:flex}.filter{cursor:pointer;background:0 0;border:1px solid #e4e4e4;border-radius:40px;padding:9px 17px;font-size:12px}.filter.active,.filter:hover{color:#fff;background:#171717;border-color:#171717}.works-grid{row-gap:70px}.works-grid [hidden]{display:none!important}.lab-index{border-top:1px solid #ddd}.lab-item{border-bottom:1px solid #ddd;grid-template-columns:1fr 2fr 30px;gap:30px;padding:38px 0;display:grid}.lab-item h2{letter-spacing:-.04em;font-size:28px;font-weight:550}.lab-item p{color:#777;margin:12px 0 20px;font-size:14px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#777;border:1px solid #e5e5e5;border-radius:30px;padding:6px 11px;font-size:10px}.back-link{color:#777;margin-bottom:55px;font-size:12px;display:inline-block}.back-link:hover{color:#171717}.detail-head{grid-template-columns:3fr 1fr;align-items:end;gap:40px;margin-bottom:55px;display:grid}.detail-head h1{margin-top:22px}.detail-head p:not(.eyebrow),.lead{color:#777;margin-top:24px;font-size:17px}.detail-facts>div{border-bottom:1px solid #eee;justify-content:space-between;gap:20px;padding:12px 0;font-size:11px;display:flex}.detail-facts span{color:#999}.detail-facts strong{font-weight:550}.detail-content{max-width:720px;margin:80px auto}.demo-notice{color:#777;background:#f5f5f3;border-left:2px solid #b5b5af;margin-bottom:50px;padding:18px 20px;font-size:13px}.prose{color:#555;font-size:16px;line-height:1.85}.prose h2{color:#171717;letter-spacing:-.03em;margin:55px 0 18px;font-size:26px;font-weight:600;line-height:1.3}.prose h3{color:#171717}.prose p,.prose ul{margin:0 0 20px}.prose blockquote{color:#777;background:#f7f7f7;border-left:2px solid #aaa;margin:0 0 36px;padding:16px 20px;font-size:14px}.prose blockquote p{margin:0}.prose pre{background:#f4f4f4;padding:24px;font-size:13px;overflow:auto}.prose img{max-width:100%;height:auto}.next-project{border-top:1px solid #e6e6e6;padding-top:35px}.next-project a{justify-content:space-between;align-items:center;display:flex}.next-project strong{font-size:22px;font-weight:550}.narrow-page .visual{margin:60px 0}.narrow-page .prose{max-width:720px;margin:0 auto}.article-shell{max-width:720px;margin:auto}.article-shell h1{margin:22px 0;font-size:clamp(40px,5vw,64px)}.article-date{letter-spacing:.08em;color:#999;margin-bottom:70px;font-size:11px}.toc{background:#f7f7f7;flex-direction:column;gap:8px;margin-bottom:45px;padding:20px;font-size:13px;display:flex}.toc a{color:#777}.about-page{border-top:1px solid #eaeaea;grid-template-columns:1fr 1fr;gap:10%;padding-top:65px;display:grid}.about-statement{letter-spacing:-.04em;font-size:clamp(25px,3vw,40px);font-weight:550;line-height:1.4}.about-page .prose h2:first-of-type{margin-top:45px}.muted{color:#999;margin-top:24px;font-size:12px}@media (width<=767px){.site-header{height:65px}.nav-menu summary{cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:42px;height:42px;list-style:none;display:flex}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{background:#171717;width:20px;height:1px;display:block}.nav-menu[open] nav{display:flex}.nav-menu nav{z-index:10;padding:20px var(--gutter) 30px;background:#fff;border-bottom:1px solid #eaeaea;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:65px;left:0;right:0;box-shadow:0 12px 20px #00000008}.nav-menu nav>a{padding:13px 0;font-size:15px}.nav-menu nav>a.active{box-shadow:none;text-underline-offset:5px;margin:0;padding:13px 0;text-decoration:underline}.nav-menu .lang-switch{margin:10px 0 0}.hero{padding-top:68px}.hero-copy{padding-top:32px}.hero h1{font-size:clamp(36px,9.5vw,62px)}.hero-bottom{margin-top:24px;display:block}.hero-bottom>p{font-size:14px}.actions{margin-top:25px}.hero-art{margin-top:48px}.visual.wide{aspect-ratio:1.4}.section{padding-top:90px;padding-bottom:90px}.section-head{margin-bottom:35px;display:block}.section-head h2,.lab-intro h2,.about-inner h2{margin-top:16px}.section-aside,.section-head>.text-link{margin-top:20px}.home-works,.works-grid{grid-template-columns:1fr;gap:45px}.home-works .project-card:nth-child(2){margin-top:0}.lab-inner,.about-inner,.about-page{grid-template-columns:1fr;gap:38px}.lab-inner,.about-inner{padding-top:80px;padding-bottom:80px}.note-row{grid-template-columns:1fr auto;gap:9px;padding:22px 0}.note-date{grid-column:1/-1}.note-row h2,.note-row h3{font-size:18px}.footer-top{display:block}.footer nav{flex-wrap:wrap;gap:22px;margin-top:30px}.footer-bottom{margin-top:55px;display:block}.footer-bottom span{margin-bottom:8px;display:block}.page{padding-top:70px;padding-bottom:95px}.page-heading{margin-bottom:58px}.page-heading h1,.detail-head h1,.narrow-page>h1{font-size:clamp(39px,10vw,60px)}.page-heading>p:last-child{font-size:14px}.detail-head{grid-template-columns:1fr;gap:25px}.detail-facts{max-width:360px}.detail-content{margin:50px auto}.lab-item{grid-template-columns:1fr auto;gap:15px}.lab-item>.eyebrow{grid-column:1/-1}.lab-item h2{font-size:24px}.about-page{padding-top:40px}.hero-number{display:none}.next-project strong{font-size:16px}.article-date{margin-bottom:45px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--dummy:0}.desktop-nav{align-items:center;gap:36px;display:flex}.desktop-nav>a{color:#777;font-size:13px;font-weight:550;transition:color .2s}.desktop-nav>a:hover,.desktop-nav>a.active{color:#111}.desktop-nav>a.active{margin-bottom:-9px;padding-bottom:7px;box-shadow:0 2px #171717}.desktop-nav .lang-switch{color:#aaa;margin-left:20px;font-size:12px}.nav-menu{display:none}@media (width<=767px){.desktop-nav{display:none}.nav-menu{display:block}}