:root{--ink:#0b0d0e;--paper:#e9e6df;--acid:#d9ff3f;--red:#ff4a2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.hero{isolation:isolate;background:#07090a;min-height:100svh;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#050708b8 0%,#0000 38% 68%,#05070880 100%),linear-gradient(#0000 64%,#040607b8);position:absolute;inset:0}.heroImage{z-index:-2;background:url(/hero-organic.png) 54%/cover no-repeat;animation:12s ease-in-out infinite alternate breathe;position:absolute;inset:0;transform:scale(1.035)}.nav{z-index:3;letter-spacing:.14em;border-bottom:1px solid #fff3;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:24px 34px;font-size:11px;display:grid;position:absolute;top:0;left:0}.mark{letter-spacing:-.02em;align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}.mark i{color:var(--red);font-style:normal}.navlinks{text-transform:uppercase;gap:32px;display:flex}.navlinks a,.contactLink{transition:color .2s}.navlinks a:hover,.contactLink:hover{color:var(--acid)}.contactLink{justify-self:end}.eyebrow{color:var(--acid);letter-spacing:.19em;margin:0;font:10px/1.2 monospace;position:absolute;top:20vh;left:8vw}.hero h1{letter-spacing:-.075em;text-shadow:0 5px 28px #0006;width:min(840px,72vw);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(76px,13.5vw,205px);font-weight:400;line-height:.68;position:absolute;top:25vh;left:7.4vw}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--red);margin-left:15vw;font-weight:400}.cnIntro{letter-spacing:.08em;max-width:360px;margin:0;font:400 15px/1.65 serif;position:absolute;bottom:21vh;left:8vw}.heroMeta{letter-spacing:.13em;text-transform:uppercase;gap:5px;font:8px/1.25 monospace;display:grid;position:absolute}.heroMeta b{color:#7ddfea;margin-top:5px;font-weight:400}.metaLeft{bottom:32px;left:34px}.metaRight{text-align:right;top:28vh;right:34px}.scrollCue{letter-spacing:.16em;align-items:center;gap:30px;font:9px monospace;display:flex;position:absolute;bottom:31px;right:35px}.scrollCue i{color:var(--acid);font-size:23px;font-style:normal}.cross{color:var(--acid);font:18px monospace;position:absolute}.crossA{top:18%;right:19%}.crossB{color:var(--red);bottom:17%;left:47%}.scanline{pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 4px,#ffffff05 5px);position:absolute;inset:0}.previewWork{color:#0b0d0e;background:#d7d3ca;min-height:70vh;padding:10vw 8vw}.previewWork p{letter-spacing:.15em;font:10px monospace}.previewWork h2{letter-spacing:-.06em;max-width:900px;margin:12vh 0;font:400 clamp(60px,10vw,150px)/.85 Georgia,serif}@keyframes breathe{to{filter:saturate(1.1);transform:scale(1.075)translate(-.5%,.5%)}}@media (width<=700px){.nav{grid-template-columns:1fr auto;padding:20px}.navlinks{display:none}.contactLink{font-size:9px}.heroImage{filter:saturate(.85);background-position:56%}.eyebrow{top:18vh;left:20px}.hero h1{width:96vw;font-size:25vw;line-height:.75;top:26vh;left:17px}.hero h1 em{margin-left:9vw}.cnIntro{max-width:285px;font-size:13px;bottom:23vh;left:21px}.metaLeft{bottom:24px;left:20px}.metaRight{display:none}.scrollCue{bottom:22px;right:20px}.crossA{top:22%;right:11%}.crossB{bottom:19%;left:63%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroImage{animation:none}}.sectionTag,.sectionHeader{letter-spacing:.14em;font:10px monospace}.manifesto{color:#111;background:#d7d3ca;grid-template-columns:1fr 2fr;align-content:center;gap:7vw;min-height:95vh;padding:9vw 8vw;display:grid;position:relative}.manifestoLead{letter-spacing:-.075em;grid-column:1/-1;margin:7vh 0 1vh;font:400 clamp(78px,13vw,190px)/.72 Georgia,serif}.manifestoLead em{color:#ff452c}.manifestoCopy{grid-column:2;grid-template-columns:1fr 1fr;gap:5vw;max-width:800px;font-size:14px;line-height:1.75;display:grid}.orbit{text-align:center;border:1px solid #111;border-radius:50%;place-content:center;width:150px;height:150px;font:8px/2 monospace;display:grid;position:absolute;top:8vw;right:3vw;transform:rotate(8deg)}.sectionHeader{border-top:1px solid;justify-content:space-between;align-items:flex-start;padding-top:16px;display:flex}.sectionHeader div{gap:28px;display:flex}.sectionHeader small{letter-spacing:.08em;font:12px serif}.sectionHeader p{margin:0;font-size:8px}.sectionHeader.light{color:#17191a}.work{background:#0a0c0d;padding:9vw 3vw}.project{border-top:1px solid #4a4d4e;grid-template-columns:14% 1fr 24%;gap:3vw;min-height:300px;margin-top:4vw;padding:2vw 0 3vw;transition:background .4s;display:grid;position:relative}.project:hover{background:#111516}.projectIndex{font:58px/1 Georgia,serif}.projectIndex span{letter-spacing:.12em;max-width:100px;margin-top:22px;font:8px/1.5 monospace;display:block}.projectTitle h2{letter-spacing:-.055em;max-width:820px;margin:0;font:400 clamp(44px,6vw,92px)/.86 Georgia,serif}.projectTitle>p{letter-spacing:.12em;font:14px serif}.projectTitle>span{color:#b7b8b5;max-width:480px;margin-top:44px;font-size:12px;line-height:1.6;display:block}.project details{align-self:end}.project summary{letter-spacing:.12em;cursor:pointer;border-bottom:1px solid #666;justify-content:space-between;padding:16px 0;font:9px monospace;list-style:none;display:flex}.project summary::-webkit-details-marker{display:none}.project summary i{font-size:18px;font-style:normal}.project details[open]{grid-column:2/-1}.caseFlow{background:#414344;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;display:grid}.caseFlow div{background:#111415;min-height:120px;padding:18px}.caseFlow b{color:#7ee8ee;letter-spacing:.1em;font:8px monospace}.caseFlow p{font-size:11px;line-height:1.55}.project.lime .projectIndex,.project.lime summary i{color:#d9ff3f}.project.cyan .projectIndex,.project.cyan summary i{color:#70e9f2}.project.red .projectIndex,.project.red summary i{color:#ff4a2e}.lab{color:#111;background:#ccd0ca;padding:9vw 5vw}.labIntro{grid-template-columns:2fr 1fr;gap:8vw;margin:11vh 0;display:grid}.labIntro h2{letter-spacing:-.055em;margin:0;font:400 clamp(52px,8vw,115px)/.88 Georgia,serif}.labIntro h2 em{color:#136d73}.labIntro p{align-self:end;max-width:340px;font-size:13px;line-height:1.7}.labList{border-top:1px solid #111}.labList article{border-bottom:1px solid #777;grid-template-columns:28% 1fr auto;align-items:center;gap:4vw;padding:22px 0;display:grid}.thermal{background:radial-gradient(circle at calc(28% + var(--i)*16%),#d9ff3f 0 7%,#ff4a2e 8% 16%,#43cad3 25%,#14191b 55%,#858985 70%);filter:grayscale(.15)contrast(1.3);height:116px;position:relative;overflow:hidden}.thermal:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#0003 4px);position:absolute;inset:0}.thermal span,.thermal i{z-index:1;color:#fff;letter-spacing:.12em;font:8px monospace;position:absolute;top:10px;left:10px}.thermal i{font-size:28px;font-style:normal;top:42px;left:52%}.labList small{letter-spacing:.12em;font:8px monospace}.labList h3{margin:8px 0;font:400 31px Georgia,serif}.labList p{font-size:11px}.labList button{background:0 0;border:1px solid #111;border-radius:50%;width:48px;height:48px;font-size:18px}.practice{background:#111314;min-height:110vh;padding:9vw 5vw}.practiceGrid{grid-template-columns:1fr 1fr;gap:10vw;margin-top:12vh;display:grid}.practiceStatement{height:max-content;position:sticky;top:70px}.practiceStatement h2{letter-spacing:-.06em;margin:0;font:400 clamp(60px,8vw,115px)/.82 Georgia,serif}.practiceStatement h2 em{color:#ff4a2e}.practiceStatement p{max-width:360px;margin-top:50px;font-size:13px;line-height:1.7}.timeline{border-left:1px solid #555}.timeline article{padding:0 0 12vh 40px;position:relative}.timeline article:before{content:"";background:#d9ff3f;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:-5px}.timeline b{color:#77e5ed;letter-spacing:.14em;font:8px monospace}.timeline h3{margin:14px 0;font:400 38px Georgia,serif}.timeline p{color:#aaa;max-width:440px;font-size:12px;line-height:1.7}.notes{color:#111;background:#d9ff3f;padding:8vw 5vw}.note{border-bottom:1px solid #111;grid-template-columns:8% 1fr 24% auto;align-items:center;gap:3vw;padding:36px 0;display:grid}.note span,.note small{letter-spacing:.1em;font:8px monospace}.note h3{margin:0;font:400 clamp(25px,3vw,46px)/1.05 Georgia,serif}.note i{font:28px serif;transition:transform .2s}.note:hover i{transform:translate(5px,-5px)}.about{color:#111;background:#c5c6c1;grid-template-columns:1fr 1fr;display:grid}.aboutImage{filter:hue-rotate(10deg)saturate(.6);background:linear-gradient(30deg,#09131555,#091315),url(/hero-organic.png) 30%/cover;min-height:100vh;position:relative}.aboutImage span{color:#d9ff3f;letter-spacing:.15em;font:10px/1.6 monospace;position:absolute;bottom:4vw;left:4vw}.aboutCopy{padding:8vw 6vw}.aboutCopy h2{letter-spacing:-.06em;margin:10vh 0 6vh;font:400 clamp(62px,7vw,104px)/.8 Georgia,serif}.aboutCopy h2 em{color:#ff4a2e}.aboutCopy>p{max-width:540px;font-size:13px;line-height:1.8}.aboutCopy .zh{font:17px/1.65 serif}.aboutCopy ul{margin:9vh 0 0;padding:0;list-style:none}.aboutCopy li{border-top:1px solid #777;grid-template-columns:45px 1fr;padding:18px 0;font-size:12px;line-height:1.5;display:grid}.aboutCopy li b{color:#156f75;font:9px monospace}footer{background:#090b0c;flex-direction:column;justify-content:center;min-height:100vh;padding:8vw 6vw;display:flex;position:relative;overflow:hidden}footer:before{content:"";filter:blur(60px);opacity:.3;background:radial-gradient(circle,#ff4a2e,#0000 60%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:-30vw;right:-25vw}footer>p{letter-spacing:.14em;color:#78e9ef;font:9px/1.7 monospace}footer h2{letter-spacing:-.07em;margin:9vh 0 6vh;font:400 clamp(75px,13vw,190px)/.72 Georgia,serif;position:relative}footer h2 em{color:#d9ff3f}footer>a{border-bottom:1px solid #aaa;width:max-content;padding-bottom:7px;font:22px Georgia,serif}footer>div{letter-spacing:.12em;justify-content:space-between;font:8px monospace;display:flex;position:absolute;bottom:30px;left:6vw;right:6vw}@media (width<=700px){.manifesto{min-height:auto;padding:100px 20px;display:block}.manifestoLead{margin:70px 0 50px;font-size:25vw}.manifestoCopy{display:block}.manifestoCopy p{margin:25px 0}.orbit{display:none}.work,.lab,.practice,.notes{padding:80px 20px}.sectionHeader p{display:none}.sectionHeader div{justify-content:space-between;width:100%}.project{margin-top:35px;padding:28px 0 45px;display:block}.projectIndex{font-size:36px}.projectIndex span{margin:0 0 0 18px;display:inline-block}.projectTitle h2{margin-top:55px;font-size:15vw}.projectTitle>span{margin:30px 0}.project details[open]{display:block}.caseFlow{grid-template-columns:1fr}.labIntro{margin:80px 0 50px;display:block}.labIntro h2{font-size:14vw}.labIntro p{margin-top:40px}.labList article{grid-template-columns:35% 1fr}.labList button{display:none}.thermal{height:100px}.labList h3{font-size:23px}.practice{min-height:auto}.practiceGrid{margin-top:80px;display:block}.practiceStatement{position:static}.practiceStatement h2{font-size:17vw}.timeline{margin-top:90px}.timeline article{padding-bottom:80px}.timeline h3{font-size:30px}.note{grid-template-columns:12% 1fr auto}.note small{display:none}.note h3{font-size:26px}.about{display:block}.aboutImage{min-height:65vh}.aboutCopy{padding:80px 20px}.aboutCopy h2{font-size:18vw}footer{padding:80px 20px}footer h2{font-size:22vw}footer>div{flex-wrap:wrap;gap:16px;left:20px;right:20px}footer>div span:nth-child(2){display:none}}