@charset "UTF-8";
:root{color-scheme:dark;--ink:#111;--paper:#f6f6f4;--line:#353535;--muted:#aaa;--accent:#eeff00;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--ink);color:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-80px;left:20px;z-index:10;padding:15px;background:var(--accent);color:#111}.skip:focus{top:10px}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;margin:0 32px;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:24px;font-weight:750;display:flex;align-items:center;gap:13px;letter-spacing:1px}.brand span{font-size:12px;letter-spacing:2px;font-weight:500}.topbar nav{display:flex;align-items:center;gap:30px;font-size:14px}.topbar nav a{padding:12px 0}.topbar nav a:hover{color:var(--accent)}.nav-lab span{margin-left:8px}.hero{padding:0 32px 64px}.masthead{position:relative;font-family:Impact,"Arial Narrow","Helvetica Neue",sans-serif;font-stretch:condensed;font-size:clamp(112px,24vw,460px);font-weight:900;line-height:.93;letter-spacing:-.035em;padding:21px 0 13px;white-space:nowrap;width:100%;display:flex;align-items:flex-start;justify-content:space-between}.masthead span{font-family:Arial,sans-serif;font-size:clamp(20px,3.2vw,56px);letter-spacing:0;line-height:1.2;margin-top:.27em}.hero-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:30px;border-top:1px solid var(--line);padding-top:32px}.overline{font-size:12px;line-height:1.5;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(35px,4.2vw,70px);line-height:1.2;letter-spacing:-2px;font-weight:550;margin-top:18px}.hero-note{width:335px;padding-top:3px}.hero-note p{font-size:16px;line-height:1.85;color:#bbb}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:46px;border-radius:32px;padding:12px 22px;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.yellow{background:var(--accent);color:#111}.pill:hover{background:#fff;transform:translateY(-2px)}.hero-note .pill{margin-top:25px}.work{margin:0 16px;background:#1b1b1b;padding:22px 16px 32px;border:1px solid #242424;border-radius:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px 23px}.section-head h2{font-size:16px;font-weight:550}.section-head h2 span{font-size:11px;font-weight:400;letter-spacing:1.4px;margin-left:16px;color:#a3a3a3}.project-label{font-size:13px;color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}.feature{grid-column:span 2}.project-image{position:relative;display:block;border-radius:10px;overflow:hidden;background:#d4d4d4;height:clamp(330px,35vw,570px)}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.silver>img{object-fit:cover}.concept .project-image>img{object-position:center 32%}.project-image:hover>img{transform:scale(1.035)}.image-tag{position:absolute;top:18px;left:18px;font-size:11px;letter-spacing:1px;padding:8px 11px;border:1px solid #ffffff70;background:#151515bf;border-radius:20px;color:white}.view-project{position:absolute;bottom:18px;right:18px;padding:11px 17px;border-radius:25px;background:var(--accent);color:#111;font-size:13px;opacity:0;transform:translateY(7px);transition:.25s}.project-image:hover .view-project,.project-image:focus-visible .view-project{opacity:1;transform:none}.caption{display:flex;justify-content:space-between;gap:20px;padding:18px 2px 0}.caption h3{font-size:19px;font-weight:500;line-height:1.4}.caption p{font-size:13px;color:#aaa;margin-top:6px;line-height:1.6}.caption>span{font-size:12px;color:#777}.red .project-image{height:390px}.red .project-image>img{object-fit:cover;object-position:40% center}.lab-card{grid-column:span 2;min-height:460px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;background:#252525}.lab-copy{padding:38px 26px 34px 38px;display:flex;flex-direction:column;align-items:flex-start}.lab-copy h3{font-size:clamp(27px,3.2vw,48px);line-height:1.25;font-weight:500;letter-spacing:-1px;margin:38px 0 20px}.lab-copy p{font-size:15px;line-height:1.8;color:#b9b9b9}.lab-copy .pill{margin-top:30px}.lab-domain{font-size:11px;letter-spacing:1.5px;margin-top:auto;padding-top:26px;color:#999}.lab-preview{padding:35px 30px 0 0;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(130deg,transparent,#3b3b3b)}.lab-preview img{width:230px;max-width:100%;height:auto;border-radius:33px;box-shadow:0 18px 50px #0008;transform:rotate(7deg) translateY(18px);transition:transform .6s}.lab-card:hover .lab-preview img{transform:rotate(3deg) translateY(8px)}.about{padding:105px 34px 110px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:clamp(35px,4.2vw,65px);line-height:1.2;font-weight:500;letter-spacing:-2px;margin-top:24px}.about-body{max-width:650px;padding-top:36px}.about-body>p{font-size:19px;line-height:1.9;color:#ddd}.about-body>p+p{font-size:16px;color:#aaa;margin-top:20px}.disciplines{display:flex;flex-direction:column;margin-top:32px}.disciplines>span{display:flex;justify-content:space-between;gap:12px;font-size:16px;padding:16px 0;border-top:1px solid var(--line)}.disciplines small{font-size:11px;letter-spacing:1px;color:#999;padding-top:3px}.site-footer{padding:36px 32px 24px;background:var(--accent);color:#111}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:32px}.footer-wordmark{font-size:54px;font-weight:900;letter-spacing:-3px}.footer-wordmark span{font-size:23px;letter-spacing:0;margin-left:17px;font-weight:600}.back-top{font-size:14px}.legal{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;font-size:12px;padding-top:22px;border-top:1px solid #1115;line-height:1.8}.legal a{text-decoration:underline;text-underline-offset:3px}.legal>span{margin-left:auto;font-size:11px;letter-spacing:1px}.rights{font-size:12px;line-height:1.7;margin-top:12px;color:#454900}@media(min-width:1800px){.hero,.topbar{max-width:1900px;margin-left:auto;margin-right:auto}.work,.about,.site-footer{max-width:1964px;margin-left:auto;margin-right:auto}.masthead{font-size:440px}}@media(max-width:900px){.masthead{font-size:24vw}.topbar{margin:0 20px}.hero{padding:0 20px 44px}.project-grid{grid-template-columns:1fr 1fr}.feature{grid-column:span 2}.project-image{height:400px}.concept .project-image,.red .project-image{height:370px}.lab-card{grid-column:span 2}.about{padding:75px 24px;gap:40px}.section-head h2 span{display:none}}@media(max-width:560px){html{scroll-padding-top:20px}.topbar{min-height:68px;margin:0 16px;gap:12px}.brand{font-size:22px;gap:0}.brand span{display:none}.topbar nav{gap:18px;font-size:12px}.hero{padding:0 16px 38px}.masthead{font-size:23.7vw;padding-top:28px;padding-bottom:19px;letter-spacing:-.045em}.masthead span{font-size:19px;margin-top:4px}.hero-bottom{margin-top:5px;padding-top:24px;gap:28px;flex-direction:column}.overline{font-size:11px}h1{font-size:39px;letter-spacing:-1px;margin-top:14px}h1 br{display:block}.hero-note{width:auto;display:flex;flex-direction:column;align-items:flex-start}.hero-note p{font-size:14px;line-height:1.9}.hero-note .pill{margin-top:20px}.work{margin:0 8px;padding:18px 8px 24px;border-radius:16px}.section-head{align-items:flex-start;gap:12px;padding:3px 5px 18px;flex-direction:column}.section-head h2{font-size:15px}.section-head h2 span{display:inline;font-size:10px}.project-label{font-size:12px}.project-grid{grid-template-columns:1fr;gap:27px}.feature,.lab-card{grid-column:auto}.project-image{height:250px}.concept .project-image{height:470px}.concept .project-image>img{object-position:center 34%}.red .project-image{height:260px}.caption{padding:14px 6px 0}.caption h3{font-size:18px}.caption p{font-size:12px}.view-project{opacity:1;transform:none;font-size:12px;bottom:12px;right:12px;padding:9px 13px}.image-tag{top:12px;left:12px;font-size:10px}.lab-card{grid-template-columns:1fr 130px;min-height:400px;position:relative}.lab-copy{padding:25px 0 26px 18px;position:relative;z-index:1}.lab-copy .overline{font-size:9px;letter-spacing:.8px}.lab-copy h3{font-size:28px;margin-top:30px}.lab-copy p{font-size:12px}.lab-copy .pill{font-size:12px;padding:11px 14px;gap:10px;white-space:nowrap}.lab-preview{padding:95px 0 0 15px}.lab-preview img{width:160px;max-width:none;transform:rotate(8deg) translateY(25px)}.lab-domain{font-size:9px}.about{grid-template-columns:1fr;padding:60px 20px;gap:25px}.about h2{font-size:38px}.about-body{padding:0}.about-body>p{font-size:17px}.about-body>p+p{font-size:15px}.site-footer{padding:28px 20px 22px}.footer-wordmark{font-size:40px;letter-spacing:-2px}.footer-wordmark span{font-size:20px;margin-left:10px}.back-top{font-size:12px}.footer-top{padding-bottom:22px}.legal{flex-direction:column;align-items:flex-start;gap:8px}.legal>span{margin-left:0}.rights{font-size:11px}.pill{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}