@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;0,800;1,700;1,800&display=swap";:root{color:#111;font-synthesis:none;background:#fcfcfc;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fcfcfc;margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.cursor{z-index:20;pointer-events:none;color:#111;mix-blend-mode:difference;opacity:0;will-change:transform;background:#f1f1ec;border-radius:50%;place-items:center;width:68px;height:68px;transition:opacity .25s;display:grid;position:fixed;top:0;left:0}.cursor span{letter-spacing:.08em;font:500 8px/1 DM Mono}.cursor.is-visible{opacity:1}.hero{color:#fff;background:#3c3c38;height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-video,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;filter:grayscale()contrast(.9)}.hero-shade{background:linear-gradient(90deg,#00000082,#00000012 68%),linear-gradient(#0000 62%,#0006)}.nav{z-index:3;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;width:calc(100% - 96px);max-width:1700px;height:105px;margin:auto;display:flex;position:relative}.brand{color:inherit;letter-spacing:.07em;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.brand i{background:#e5ff39;border-radius:50%;width:11px;height:11px;display:inline-block}.brand span{margin:0 2px;font-weight:400}.desktop-nav{gap:38px;display:flex}.desktop-nav button{color:#fff;opacity:.85;font-size:12px}.desktop-nav button:hover{opacity:1}.menu-button,.mobile-menu{display:none}.hero-copy{z-index:2;position:absolute;bottom:12.5%;left:max(48px,50% - 850px)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;margin:0;font:500 10px/1.3 DM Mono}.eyebrow.light{color:#e5ff39}.hero h1,.work h2,.experience h2,footer h2{letter-spacing:-.085em;margin:28px 0 0;font-size:clamp(64px,10.1vw,174px);font-weight:800;line-height:.82}.hero h1 i,.work h2 i,.experience h2 i,footer h2 i{letter-spacing:-.09em;font-family:Playfair Display,serif;font-weight:700}.hero-intro{white-space:nowrap;width:260px;margin:0;font-size:13px;line-height:1.8;position:absolute;bottom:9px;left:calc(100% + 170px)}.hero-bottom{z-index:2;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:70px;font:10px DM Mono;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-bottom:before{content:"";border-top:1px solid #fff;width:42px}.section{width:calc(100% - 96px);max-width:1700px;margin:auto}.about{grid-template-columns:1fr 1.75fr 1fr;gap:40px;padding:155px 0 120px;display:grid;position:relative}.section-index{letter-spacing:.05em;font:500 11px DM Mono}.about-lead{grid-column:2}.about h2{letter-spacing:-.075em;margin:24px 0 0;font-size:clamp(38px,4.4vw,76px);line-height:1.06}.about h2 span{font-family:Playfair Display,serif;font-style:italic}.about-info{grid-column:3;align-self:end;padding-bottom:8px}.about-info p,.experience-copy p{margin:0;font-size:14px;line-height:1.9}.about-info a{border-bottom:1px solid #111;margin-top:42px;padding-bottom:12px;font-size:12px;text-decoration:none;display:block}.about-info a span{float:right;font-size:16px}.metrics{border-top:1px solid #bcbcbc;grid-column:2/4;grid-template-columns:repeat(3,1fr);margin-top:135px;padding-top:21px;display:grid}.metrics strong{letter-spacing:-.08em;font-size:clamp(42px,4.6vw,78px);font-weight:600;line-height:1}.metrics strong span{letter-spacing:-.04em;font-size:.42em}.metrics p{color:#666;margin:12px 0 0;font-size:11px}.capabilities{border-top:1px solid #111;grid-column:1/4;margin-top:126px;padding-top:17px}.capability{letter-spacing:-.05em;border-bottom:1px solid #d5d5d5;padding:23px 0;font-size:clamp(20px,2vw,34px);transition:padding .3s}.capability:hover{padding-left:14px}.capability span{float:right}.work-heading{padding:100px 0 108px;position:relative}.work-heading .eyebrow{position:absolute;top:105px;left:33.333%}.work h2{margin-left:16.67%}.case-list{width:100%}.case{border-top:1px solid #444;height:min(62vw,760px);position:relative;overflow:hidden}.case img{object-fit:cover;filter:grayscale(.9);opacity:.7;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .6s;position:absolute;transform:scale(1.03)}.case:hover img,.case.active img{opacity:.92;transform:scale(1)}.case-overlay{background:linear-gradient(90deg,#0006,#0000 70%);position:absolute;inset:0}.case-meta{letter-spacing:.08em;grid-template-columns:1fr 1fr auto;font:10px DM Mono;display:grid;position:absolute;top:32px;left:max(48px,50% - 850px);right:max(48px,50% - 850px)}.case h3{letter-spacing:-.09em;margin:0;font-size:clamp(50px,8vw,138px);line-height:.8;position:absolute;bottom:37px;left:max(48px,50% - 850px)}.case h3 span{display:block}.case-open{color:#fff;border:1px solid #fff;border-radius:50%;width:78px;height:78px;font-size:31px;transition:background .25s,color .25s;position:absolute;bottom:48px;right:max(48px,50% - 850px)}.case-open:hover{color:#111;background:#e5ff39;border-color:#e5ff39}.experience{padding:150px 0 130px;position:relative}.experience>.eyebrow{margin:55px 0 0 16.67%}.experience-copy{grid-template-columns:2fr 1fr;gap:80px;margin:26px 0 0 16.67%;display:grid}.experience h2{margin:0;font-size:clamp(46px,6.8vw,115px)}.experience-copy p{align-self:end;margin-bottom:3px}.system-map{border-top:1px solid #111;border-bottom:1px solid #111;height:590px;margin-top:120px;position:relative}.system-line{background:#bbb;position:absolute}.horizontal{height:1px;top:50%;left:8%;right:8%}.vertical{width:1px;top:12%;bottom:12%;left:50%}.node{letter-spacing:-.04em;background:#fcfcfc;border:1px solid #111;padding:12px;font-size:13px;transition:all .3s;position:absolute}.node:hover{color:#fff;background:#111}.node small{letter-spacing:.06em;margin-bottom:28px;font:9px DM Mono;display:block}.node-main{z-index:1;border-radius:50%;width:190px;height:190px;top:calc(50% - 95px);left:calc(50% - 95px)}.node-main span{margin-top:8px;font-size:24px;display:block}.n1{text-align:left;width:150px;top:calc(50% - 30px);left:8%}.n2{width:140px;top:12%;left:calc(50% - 70px)}.n3{text-align:left;width:150px;top:calc(50% - 30px);right:8%}.n4{width:140px;bottom:12%;left:calc(50% - 70px)}footer{color:#111;background:#d8d9d4;padding:30px max(48px,50% - 850px)}.footer-top,.footer-bottom{letter-spacing:.07em;justify-content:space-between;font:10px DM Mono;display:flex}.footer-top{border-bottom:1px solid #888;padding-bottom:15px}.footer-top span:last-child{color:#666}footer h2{margin:95px 0;font-size:clamp(70px,11.5vw,195px)}.contact-grid{border-top:1px solid #111;grid-template-columns:1fr 1fr;display:grid}.contact-grid a{letter-spacing:-.05em;border-bottom:1px solid #777;padding:17px 0;font-size:clamp(20px,2vw,34px);text-decoration:none}.contact-grid a+a{border-left:1px solid #777;padding-left:25px}.contact-grid small{letter-spacing:.07em;margin-bottom:20px;font:10px DM Mono;display:block}.contact-grid span{float:right;margin-right:20px}.footer-bottom{padding-top:105px}.footer-bottom a{text-decoration:none}@media (width<=800px){.cursor{display:none}.hero{min-height:620px}.nav{width:calc(100% - 40px);height:78px}.desktop-nav{display:none}.menu-button{width:27px;height:21px;padding:2px 0;display:block}.menu-button span{background:#fff;height:1px;margin:5px 0;display:block}.mobile-menu{z-index:2;background:#111;flex-direction:column;width:100%;height:0;padding:0 20px;transition:height .3s;display:flex;position:absolute;top:78px;left:0;overflow:hidden}.mobile-menu.open{height:260px}.mobile-menu button{color:#fff;text-align:left;border-bottom:1px solid #555;padding:14px 0;font-size:22px}.mobile-menu em{float:right;font:10px DM Mono}.hero-copy{bottom:18%;left:20px}.hero h1{font-size:24vw}.hero-intro{white-space:normal;margin-top:30px;font-size:12px;position:static}.hero-bottom{bottom:25px;left:20px;transform:none}.section{width:calc(100% - 40px)}.about{padding:82px 0;display:block}.about-lead{margin-top:50px}.about h2{font-size:12vw}.about-info{margin:44px 0 0}.metrics{gap:15px;margin-top:70px}.metrics strong{font-size:10vw}.metrics p{font-size:9px}.capabilities{margin-top:70px}.capability{padding:18px 0;font-size:18px}.work-heading{padding:70px 0}.work-heading .eyebrow{margin:50px 0 0;position:static}.work h2{margin:25px 0 0;font-size:18vw}.case{height:110vw;min-height:440px}.case-meta{grid-template-columns:1fr 1fr;top:20px;left:20px;right:20px}.case-meta span:nth-child(2){display:none}.case h3{font-size:16vw;bottom:25px;left:20px}.case-open{width:52px;height:52px;font-size:21px;bottom:27px;right:20px}.experience{padding:85px 0}.experience>.eyebrow{margin:50px 0 0}.experience-copy{margin:25px 0 0;display:block}.experience h2{font-size:12vw}.experience-copy p{margin-top:40px}.system-map{height:500px;margin-top:65px}.horizontal{display:none}.vertical{top:11%;bottom:11%}.node-main{width:135px;height:135px;top:calc(50% - 67px);left:calc(50% - 67px)}.node-main small{margin-bottom:16px}.n1{width:126px;top:9%;left:0}.n2{width:124px;top:29%;left:auto;right:0}.n3{width:126px;inset:auto auto 29% 0}.n4{width:124px;inset:auto 0 9% auto}footer{padding:22px 20px}.footer-top span:last-child{display:none}footer h2{margin:80px 0;font-size:19vw}.contact-grid{display:block}.contact-grid a{font-size:23px;display:block}.contact-grid a+a{border-left:none;padding-left:0}.footer-bottom{padding-top:60px;font-size:8px}.footer-bottom span:nth-child(2){display:none}}.project-modal{z-index:30;color:#111;background:#fcfcfc;position:fixed;inset:0;overflow-y:auto}.project-modal-bar{z-index:2;letter-spacing:.08em;background:#fcfcfc;border-bottom:1px solid #111;justify-content:space-between;align-items:center;height:75px;padding:0 max(24px,50% - 850px);font:10px DM Mono;display:flex;position:sticky;top:0}.project-modal-bar button{font:inherit}.project-modal-content{width:calc(100% - 96px);max-width:1700px;margin:0 auto;padding:120px 0}.project-intro{grid-template-columns:1fr 1fr;column-gap:8.33%;margin:0 0 130px 16.67%;display:grid}.project-intro .eyebrow{grid-column:1/3}.project-intro h2{letter-spacing:-.08em;margin:35px 0 0;font-size:clamp(50px,7vw,120px);line-height:.85}.project-intro h2 span{display:block}.project-intro>p:not(.eyebrow){align-self:end;margin:0;font-size:15px;line-height:1.9}.project-intro ul{border-top:1px solid #111;grid-column:2;margin:45px 0 0;padding:0;list-style:none}.project-intro li{border-bottom:1px solid #ccc;padding:13px 0;font-size:12px}.project-intro li:before{content:"↗";margin-right:12px}.project-gallery{grid-template-columns:repeat(12,1fr);gap:22px;display:grid}.project-gallery figure{grid-column:span 8;margin:0}.project-gallery figure:nth-child(2n){grid-column:5/span 8}.project-gallery img{object-fit:cover;background:#eee;width:100%;max-height:85vh;display:block}.project-gallery figcaption{letter-spacing:.06em;padding-top:9px;font:10px DM Mono}@media (width<=800px){.project-modal-content{width:calc(100% - 40px);padding:70px 0}.project-intro{margin:0 0 65px;display:block}.project-intro h2{margin:28px 0;font-size:14vw}.project-intro>p:not(.eyebrow){font-size:13px}.project-intro ul{margin-top:35px}.project-gallery{display:block}.project-gallery figure{margin:0 0 26px}.project-gallery img{max-height:68vh}.project-modal-bar{height:62px;padding:0 20px}}.node .focus-container{letter-spacing:-.06em;font-size:20px;font-weight:700;line-height:1}.node .focus-word{font:inherit}.node:hover .focus-word{color:#fff}.node:hover .corner{filter:drop-shadow(0 0 3px #ffffffb3);border-color:#fff}body{background:#e8e5e1;padding:32px}main{background:#fcfcfc;max-width:1800px;margin:0 auto;box-shadow:0 24px 65px #1916131f}.hero{background:#283e32;height:calc(100svh - 64px)}.hero-video{display:none}.hero-image{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.portrait{grid-area:2/1/span 2;align-self:end;width:100%;max-width:370px}.identity{letter-spacing:.04em;margin:20px 0 -8px;font-size:13px;font-weight:700}.identity span{color:#777;margin:0 7px}.work{color:#111;background:#f6f5f2;padding:32px 0 82px}.case-list{grid-template-columns:1fr 1fr;gap:18px;width:calc(100% - 96px);max-width:1700px;margin:auto;display:grid}.case{cursor:pointer;background:#222;border:0;height:min(38vw,570px)}.case img{filter:grayscale(.4);opacity:.9}.case:hover img,.case.active img{opacity:1}.case-overlay{background:linear-gradient(#0000 35%,#000000a3)}.case-meta{color:#fff;top:23px;left:25px;right:25px}.case h3{color:#fff;font-size:clamp(42px,5.4vw,86px);bottom:25px;left:25px}.case-open{width:56px;height:56px;font-size:24px;bottom:26px;right:25px}.skills-grid{border-top:1px solid #111;border-left:1px solid #111;grid-template-columns:repeat(4,1fr);margin-top:110px;display:grid}.skill-card{border-bottom:1px solid #111;border-right:1px solid #111;min-height:310px;padding:18px;position:relative}.skill-card small{letter-spacing:.06em;font:10px DM Mono}.skill-card h3{letter-spacing:-.06em;margin:70px 0 18px;font-size:24px;line-height:1.05}.skill-card p{color:#555;margin:0;font-size:12px;line-height:1.75}.skill-card>span{font-size:20px;position:absolute;bottom:14px;right:16px}.gallery-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gallery-group.group-1{grid-template-columns:1fr}.gallery-group img{height:min(44vw,600px);max-height:none}.gallery-group.group-1 img{height:auto;max-height:85vh}@media (width<=800px){body{padding:0}main{box-shadow:none}.hero{height:100svh}.portrait{width:75%;margin:52px auto 0;display:block}.case-list{width:calc(100% - 40px);display:block}.case{height:110vw;margin-bottom:14px}.skills-grid{grid-template-columns:1fr 1fr;margin-top:65px}.skill-card{min-height:260px;padding:13px}.skill-card h3{margin:52px 0 14px;font-size:18px}.skill-card p{font-size:10px}.gallery-group{display:block}.gallery-group img{height:auto;margin-bottom:10px}.gallery-group.group-1 img{height:auto}}.variable-proximity{font-family:Roboto Flex,PingFang SC,Microsoft YaHei,sans-serif;display:inline-block}.variable-proximity>span:not(.sr-only){transform-origin:bottom;will-change:transform,font-variation-settings;display:inline-block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-container{-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:inline-flex;position:relative}.focus-word{cursor:default;color:inherit;transition:filter .2s;display:inline-block;position:relative}.focus-frame{pointer-events:none;box-sizing:content-box;position:absolute;top:0;left:0}.corner{border:1.5px solid var(--border-color);width:.42em;height:.42em;filter:drop-shadow(0 0 3px var(--glow-color));border-radius:1px;position:absolute}.top-left{border-bottom:none;border-right:none;top:-5px;left:-5px}.top-right{border-bottom:none;border-left:none;top:-5px;right:-5px}.bottom-left{border-top:none;border-right:none;bottom:-5px;left:-5px}.bottom-right{border-top:none;border-left:none;bottom:-5px;right:-5px}