@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{color:#111;font-synthesis:none;--paper:#f1f0eb;--ink:#111;--muted:#686863;--line:#00000024;--blue:#3157ff;--pad:clamp(24px,4vw,72px);background:#f1f0eb;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{width:100%;display:block}::selection{background:var(--blue);color:#fff}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.section-pad{max-width:1720px;padding-left:var(--pad);padding-right:var(--pad);margin-inline:auto}.navbar{z-index:50;transition:background .3s,border .3s;position:fixed;top:0;left:0;right:0}.navbar.is-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f1f0ebe6}.nav-inner{max-width:1720px;padding:0 var(--pad);justify-content:space-between;align-items:center;height:86px;margin:auto;display:flex}.brand{font-size:15px;font-weight:700;line-height:1}.brand small{letter-spacing:.08em;color:var(--muted);margin-top:6px;font-size:10px;font-weight:500;display:block}.nav-links{gap:clamp(20px,2.4vw,42px);font-size:12px;font-weight:600;display:flex}.nav-links a{padding:9px 0;transition:opacity .25s,transform .25s;position:relative}.nav-links a:after{content:"";background:var(--blue);height:1px;transition:right .3s;position:absolute;bottom:3px;left:0;right:100%}.nav-links a:hover{transform:translateY(-2px)}.nav-links a:hover:after,.nav-links a.active:after{right:0}.menu-toggle{background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:600;display:none}.section-kicker{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.section-kicker i{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.section-kicker.light{color:#aaa}.text-link{border-bottom:1px solid;align-self:flex-end;padding-bottom:7px;font-size:12px;font-weight:600}.text-link span{color:var(--blue);margin-left:12px}.hero{grid-template-columns:repeat(12,1fr);align-content:center;min-height:100svh;padding-top:150px;padding-bottom:48px;display:grid}.hero>.section-kicker{grid-column:1/-1;margin-bottom:clamp(24px,3vh,46px)}.hero h1{letter-spacing:-.08em;grid-column:1/12;margin:0;font-size:clamp(72px,10.5vw,180px);font-weight:600;line-height:.86}.hero-mask{padding-bottom:.08em;display:block;overflow:hidden}.hero-mask b{font-weight:600;display:block}.hero-bottom{grid-column:7/-1;grid-template-columns:2fr 1fr;align-items:end;gap:48px;margin-top:clamp(36px,5vh,76px);display:grid}.hero-bottom p{color:#4f4f4b;margin:0;font-size:clamp(16px,1.15vw,20px);line-height:1.7}.hero-foot{border-top:1px solid var(--line);letter-spacing:.08em;color:var(--muted);grid-column:1/-1;justify-content:space-between;align-self:end;margin-top:clamp(48px,8vh,100px);padding-top:16px;font-size:10px;display:flex}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.stats>div{border-right:1px solid var(--line);padding:34px clamp(18px,2vw,32px)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border-right:0}.stats strong{letter-spacing:-.06em;font-size:clamp(34px,4vw,68px);font-weight:600;line-height:1;display:block}.stats span{color:var(--muted);letter-spacing:.05em;margin-top:14px;font-size:11px;display:block}.section{padding-top:clamp(100px,12vw,210px);padding-bottom:clamp(90px,11vw,180px)}.section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;margin-bottom:clamp(54px,7vw,110px);padding-top:20px;display:flex}.section-head h2,.process>h2{letter-spacing:-.065em;margin:28px 0 0;font-size:clamp(48px,7vw,116px);font-weight:600;line-height:.94}.section-note{color:var(--muted);text-align:right;font-size:12px;line-height:1.7}.selected-grid{grid-template-columns:repeat(12,1fr);gap:clamp(46px,7vw,130px) clamp(18px,2.5vw,46px);display:grid}.project-card{grid-column:span 6}.project-card:nth-child(2){margin-top:15vw}.project-card:nth-child(3),.project-card:nth-child(6){grid-column:span 7}.project-card:nth-child(4),.project-card:nth-child(5){grid-column:span 5}.project-card:nth-child(4){margin-top:11vw}.project-card:nth-child(6){margin-top:9vw}.project-image{aspect-ratio:1;background:#deddd7;position:relative;overflow:hidden}.project-image img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .35s}.project-card:nth-child(3n) .project-image img{aspect-ratio:1}.project-card a:hover .project-image img{filter:contrast(1.03)brightness(1.025);transform:scale(1.035)}.demo-badge,.inline-demo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#f1f0ebe0;padding:8px 10px;font-size:9px;font-weight:600;position:absolute;top:15px;left:15px}.inline-demo{border:1px solid var(--line);margin-top:16px;display:inline-block;position:static}.project-meta{border-top:1px solid var(--line);grid-template-columns:70px 1fr 1fr auto;align-items:start;gap:18px;margin-top:14px;padding-top:16px;display:grid}.project-number{color:var(--blue);font-size:10px;font-weight:600}.project-meta h3{letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(20px,2.2vw,38px);font-weight:600}.project-meta h3:after{content:"";background:var(--ink);width:0;height:1px;transition:width .35s;display:block}.project-card a:hover h3:after{width:100%}.project-meta p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.project-services{text-align:right}.project-arrow{font-size:18px}.statement{letter-spacing:-.07em;margin:42px 0 clamp(70px,9vw,140px);font-size:clamp(52px,8vw,135px);font-weight:600;line-height:.93}.about-grid{grid-template-columns:repeat(12,1fr);gap:clamp(24px,4vw,72px);display:grid}.portrait-wrap{grid-column:1/6}.portrait-wrap img{aspect-ratio:1;object-fit:cover;filter:grayscale();border-radius:50%}.about-copy{grid-column:7/-1;align-self:end}.about-copy>p{letter-spacing:-.03em;margin:0 0 30px;font-size:clamp(20px,2vw,34px);line-height:1.5}.tag-row{flex-wrap:wrap;gap:8px;margin:44px 0;display:flex}.tag-row span,.about-facts span{border:1px solid var(--line);color:var(--muted);padding:9px 12px;font-size:10px}.expertise{position:relative}.expertise-preview{right:var(--pad);opacity:.95;width:min(30vw,500px);height:38vw;max-height:570px;position:absolute;top:18%;overflow:hidden}.expertise-preview img{object-fit:cover;width:100%;height:100%;transition:opacity .25s}.expertise-list{z-index:1;margin-top:52px;position:relative}.expertise-list button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:8% 42% 38% auto;align-items:center;width:100%;padding:25px 0;transition:color .25s;display:grid}.expertise-list button:last-child{border-bottom:1px solid var(--line)}.expertise-list button:hover,.expertise-list button:focus-visible{color:var(--blue)}.expertise-list span{font-size:10px}.expertise-list strong{letter-spacing:-.055em;font-size:clamp(28px,4.2vw,72px);font-weight:600}.expertise-list small{font-size:11px;line-height:1.6}.expertise-list b{font-size:20px;font-weight:400}.process>h2{margin:45px 0 clamp(65px,9vw,140px)}.process-list button{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:9% 29% 30% auto;align-items:start;gap:15px;width:100%;padding:25px 0;display:grid}.process-list button:last-child{border-bottom:1px solid var(--line)}.process-list span{color:var(--blue);font-size:11px}.process-list strong{letter-spacing:-.05em;font-size:clamp(26px,3.5vw,56px)}.process-list small{color:var(--muted);font-size:11px;line-height:1.6}.process-list b{text-align:right;font-size:22px;font-weight:400}.process-list p{max-height:0;color:var(--muted);grid-column:2/4;margin:0;font-size:15px;line-height:1.8;transition:max-height .5s,padding .5s;overflow:hidden}.process-list .is-open p{max-height:150px;padding:20px 0 14px}.filters{flex-wrap:wrap;gap:7px;margin-bottom:46px;display:flex}.filters button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:30px;padding:9px 14px;font-size:10px;transition:all .25s}.filters button:hover,.filters button.active{background:var(--ink);color:var(--paper)}.archive-grid,.works-grid{grid-template-columns:repeat(3,1fr);gap:55px 20px;display:grid}.project-card.is-compact{grid-column:auto;margin:0}.is-compact .project-meta{grid-template-columns:44px 1fr auto}.is-compact .project-meta h3{font-size:20px}.is-compact .project-image img{aspect-ratio:1}.compare{background:#ddd;height:min(68vw,880px);position:relative;overflow:hidden}.compare>img,.compare-after,.compare-after img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare-after{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare-label{z-index:3;background:#f1f0ebe6;padding:8px 10px;font-size:10px;position:absolute;top:18px}.compare-label.before{left:18px}.compare-label.after{right:18px}.compare-line{z-index:2;top:0;bottom:0;left:var(--position);background:#fff;width:1px;position:absolute}.compare-line span{color:#111;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0003}.compare input{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.motion-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.motion-tile{position:relative;overflow:hidden}.motion-tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.motion-tile:hover img{transform:scale(1.03)}.motion-tile span,.motion-tile b{z-index:2;background:#f1f0ebe6;padding:7px 9px;font-size:9px;position:absolute;left:16px}.motion-tile span{top:16px}.motion-tile b{font-weight:600;bottom:16px}.tile-1{grid-column:span 7;height:45vw;max-height:720px}.tile-2{grid-column:span 5;height:32vw;max-height:510px}.tile-3{grid-column:8/-1;height:26vw;margin-top:-13vw}.page{min-height:75vh;padding-top:160px;padding-bottom:160px}.page-hero{grid-template-columns:repeat(12,1fr);padding:6vw 0 10vw;display:grid}.page-hero .section-kicker{grid-column:1/-1}.page-hero h1{letter-spacing:-.075em;grid-column:1/11;margin:40px 0;font-size:clamp(62px,9vw,152px);font-weight:600;line-height:.9}.page-hero>p:last-child{color:var(--muted);grid-column:8/-1;font-size:18px;line-height:1.7}.works-grid{grid-template-columns:repeat(2,1fr)}.works-grid .project-card:nth-child(2n){margin-top:9vw}.about-page-hero{padding-bottom:7vw}.about-page-grid{border-top:1px solid var(--line);grid-template-columns:repeat(12,1fr);gap:6vw;padding:6vw 0 12vw;display:grid}.about-page-photo{grid-column:1/6}.about-page-photo img{filter:grayscale();border-radius:50%}.about-page-copy{grid-column:7/-1;align-self:end}.about-page-copy>p{letter-spacing:-.035em;font-size:clamp(20px,2.3vw,38px);line-height:1.5}.about-facts{flex-wrap:wrap;gap:8px;margin-top:45px;display:flex}.resume-section>.section-kicker{margin-bottom:45px}.resume-row{border-top:1px solid var(--line);grid-template-columns:18% 38% 16% 1fr;gap:20px;padding:24px 0;display:grid}.resume-row:last-child{border-bottom:1px solid var(--line)}.resume-row>span,.resume-row>strong{font-size:11px}.resume-row h2{margin:0;font-size:18px}.resume-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.contact-page{flex-direction:column;min-height:100svh;padding-top:180px;display:flex}.contact-page h1,.not-found h1{letter-spacing:-.08em;margin:50px 0;font-size:clamp(68px,10vw,165px);font-weight:600;line-height:.87}.contact-lead{width:40%;color:var(--muted);align-self:flex-end;font-size:18px;line-height:1.7}.contact-options{grid-template-columns:1fr 1fr;margin-top:auto;padding-top:9vw;display:grid}.contact-options a{border-top:1px solid var(--line);grid-template-columns:80px 1fr auto;align-items:center;padding:22px 0;display:grid}.contact-options a:first-child{margin-right:28px}.contact-options small{color:var(--muted);font-size:10px}.contact-options strong{font-size:clamp(18px,2vw,30px)}.contact-options span{font-size:10px}.contact-note{color:var(--muted);border-top:1px solid var(--line);padding-top:18px;font-size:10px}.not-found{padding-top:220px;padding-bottom:240px}.project-hero{grid-template-columns:repeat(12,1fr);padding-top:170px;padding-bottom:8vw;display:grid}.project-hero>div:first-child{grid-column:1/4}.project-hero h1{letter-spacing:-.075em;grid-column:4/-1;margin:0;font-size:clamp(64px,9vw,150px);font-weight:600;line-height:.9}.project-facts{border-top:1px solid var(--line);grid-column:4/-1;grid-template-columns:1fr 1.5fr .6fr 2fr;gap:30px;margin-top:6vw;padding-top:18px;display:grid}.project-facts div{flex-direction:column;gap:10px;display:flex}.project-facts small{color:var(--muted);font-size:9px}.project-facts span{font-size:11px;line-height:1.5}.project-cover img{object-fit:cover;height:min(75vw,1080px)}.project-story{padding-top:10vw;padding-bottom:10vw}.project-story article{border-top:1px solid var(--line);grid-template-columns:35% 1fr;padding:30px 0;display:grid}.project-story article:last-child{border-bottom:1px solid var(--line)}.project-story h2{font-size:11px;font-weight:600}.project-story p{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,48px);line-height:1.35}.project-gallery{flex-direction:column;gap:10vw;display:flex}.gallery-block{flex-direction:column;gap:14px;display:flex}.gallery-block span{color:var(--muted);font-size:10px}.gallery-block img{aspect-ratio:4/3;object-fit:cover}.gallery-block.w100{width:100%}.gallery-block.w75{width:75%}.gallery-block.w66{width:66%}.gallery-block.w50{width:50%}.gallery-block.right{align-self:flex-end}.project-results{padding-top:13vw;padding-bottom:13vw}.project-results h2{letter-spacing:-.055em;max-width:1300px;font-size:clamp(38px,5vw,82px);line-height:1.2}.next-project{border-top:1px solid var(--line);grid-template-columns:25% 1fr auto;align-items:end;padding-top:50px;padding-bottom:90px;display:grid}.next-project small{color:var(--blue);font-size:10px}.next-project strong{letter-spacing:-.065em;font-size:clamp(42px,7vw,110px)}.next-project span{font-size:44px}.footer{color:#f1f0eb;background:#111;padding:clamp(90px,11vw,180px) 0 32px}.footer-inner{max-width:1720px;padding:0 var(--pad);margin:auto}.footer h2{letter-spacing:-.075em;margin:50px 0 6vw;font-size:clamp(62px,9vw,150px);font-weight:600;line-height:.88}.footer-cta{border-bottom:1px solid #777;align-items:center;gap:70px;padding:15px 0;font-size:14px;display:inline-flex}.footer-cta span{color:#6680ff}.footer-grid{border-top:1px solid #ffffff2b;grid-template-columns:1.1fr 1fr 1fr auto;gap:30px;margin-top:10vw;padding:24px 0;display:grid}.footer-grid div{flex-direction:column;gap:10px;display:flex}.footer-grid small{color:#888;font-size:9px}.footer-grid a,.footer-grid p{margin:0;font-size:12px}.footer-grid button{color:#f1f0eb;cursor:pointer;background:0 0;border:0;font-size:11px}.footer-base{color:#777;border-top:1px solid #ffffff2b;justify-content:space-between;padding-top:20px;font-size:9px;display:flex}@media (width<=900px){.hero h1{grid-column:1/-1}.hero-bottom{grid-column:5/-1}.project-meta{grid-template-columns:55px 1fr auto}.project-services{display:none}.expertise-preview{opacity:.22;width:45vw}.archive-grid{grid-template-columns:repeat(2,1fr)}.resume-row{grid-template-columns:22% 1fr 20%}.resume-row p{grid-column:2/-1}.project-facts{grid-template-columns:1fr 1fr}.tile-3{margin-top:-8vw}.contact-lead{width:55%}}@media (width<=680px){:root{--pad:20px}.nav-inner{height:70px}.menu-toggle{display:block}.nav-links{background:var(--paper);padding:24px var(--pad) 36px;border-bottom:1px solid var(--line);flex-direction:column;font-size:16px;display:none;position:absolute;top:70px;left:0;right:0}.nav-links.is-open{display:flex}.hero{min-height:100svh;padding-top:125px;display:block}.hero h1{font-size:clamp(62px,19vw,100px)}.hero-bottom{margin-top:42px;display:block}.hero-bottom p{font-size:15px}.hero-bottom .text-link{margin-top:26px;display:inline-block}.hero-foot{margin-top:65px}.stats{grid-template-columns:1fr 1fr;padding:0}.stats>div{padding:24px 20px}.stats>div:first-child{padding-left:20px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{display:block}.section-head .text-link{margin-top:32px;display:inline-block}.section-note{text-align:left;margin-top:22px}.selected-grid{display:block}.project-card,.project-card:nth-child(n){margin:0 0 70px}.project-image img,.project-card:nth-child(3n) .project-image img{aspect-ratio:1}.project-meta{grid-template-columns:38px 1fr auto}.project-meta h3{font-size:22px}.statement{font-size:14vw}.about-grid{display:block}.portrait-wrap{width:75%;margin-bottom:55px}.about-copy>p{font-size:19px}.expertise-preview{display:none}.expertise-list button{grid-template-columns:11% 1fr auto}.expertise-list small{grid-column:2/3;margin-top:8px}.expertise-list b{grid-area:1/3/3}.process-list button{grid-template-columns:12% 1fr auto}.process-list small{grid-column:2/3;margin-top:7px}.process-list b{grid-area:1/3/3}.process-list p{grid-column:2/-1}.archive-grid,.works-grid{grid-template-columns:1fr}.works-grid .project-card:nth-child(n){margin:0 0 60px}.compare{height:115vw}.motion-grid{display:block}.motion-tile{height:100vw;margin:0 0 18px;display:block}.page{padding-top:120px}.page-hero{padding:30px 0 90px;display:block}.page-hero h1{font-size:16vw}.page-hero>p:last-child{font-size:15px}.about-page-grid{padding:60px 0 100px;display:block}.about-page-photo{width:78%;margin-bottom:55px}.about-page-copy>p{font-size:19px}.resume-row{grid-template-columns:1fr auto;display:grid}.resume-row h2{grid-column:1/-1;margin-top:10px}.resume-row p{grid-column:1/-1}.contact-page h1,.not-found h1{font-size:17vw}.contact-lead{width:100%;font-size:15px}.contact-options{grid-template-columns:1fr;margin-top:90px}.contact-options a:first-child{margin-right:0}.contact-options a{grid-template-columns:55px 1fr;gap:8px}.contact-options span{grid-column:2}.project-hero{padding-top:125px;display:block}.project-hero h1{margin-top:45px;font-size:16vw}.project-facts{grid-template-columns:1fr 1fr;margin-top:55px;display:grid}.project-cover img{height:95vw}.project-story article{display:block}.project-story h2{margin-bottom:25px}.project-story p{font-size:21px}.gallery-block.w75,.gallery-block.w66,.gallery-block.w50{width:100%}.gallery-block img{aspect-ratio:4/3}.next-project{grid-template-columns:1fr auto}.next-project small{grid-column:1/-1}.next-project strong{font-size:12vw}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid button{text-align:left}.footer-base{gap:30px}.footer h2{font-size:16vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.project-story p{font-size:clamp(18px,2.3vw,36px);line-height:1.5}@media (width<=680px){.hero h1{font-size:clamp(54px,15.8vw,82px)}}.media-section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(42px,6vw,90px);padding-top:20px;display:flex}.media-section-head h2{letter-spacing:-.06em;margin:24px 0 0;font-size:clamp(42px,6vw,96px);font-weight:600;line-height:.95}.media-section-head>p{color:var(--muted);text-align:right;margin:0;font-size:11px;line-height:1.75}.main-image-section{padding-top:clamp(80px,10vw,160px);padding-bottom:clamp(110px,13vw,210px);overflow:hidden}.project-page>.main-image-section{padding-top:0;padding-bottom:clamp(80px,8vw,130px)}.project-page>.main-image-section+.project-story{padding-top:0}.main-image-rail{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;align-items:flex-end;gap:clamp(10px,1.2vw,20px);padding:clamp(24px,4vw,58px) 0;display:flex;overflow:auto hidden}.main-image-rail figure{background:#deddd7;flex:0 0 clamp(220px,20vw,340px);margin:0;transition:flex-basis .52s cubic-bezier(.22,1,.36,1),opacity .42s,transform .42s;position:relative;overflow:hidden}.main-image-rail figure:only-child{flex-basis:min(70vw,720px)}.main-image-rail.has-active figure:not(.is-active){opacity:.52;flex-basis:clamp(150px,14vw,230px)}.main-image-rail figure.is-active{flex-basis:clamp(300px,30vw,500px)}.main-image-open{width:100%;height:100%;color:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.main-image-rail img{aspect-ratio:1;object-fit:cover;height:auto}.main-image-rail figcaption{color:#fff;background:linear-gradient(#0000,#0000009e);justify-content:space-between;padding:42px 14px 13px;display:flex;position:absolute;inset:auto 0 0}.main-image-rail figcaption span,.main-image-rail figcaption small{letter-spacing:.08em;font-size:9px}.image-lightbox{z-index:200;overscroll-behavior:contain;color:#f4f3ef;background:#0a0b0cf7;position:fixed;inset:0;overflow:hidden}.image-lightbox-toolbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0ceb;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:24px;width:100vw;min-height:64px;padding:16px 24px;display:flex;position:sticky;top:0;left:0}.image-lightbox-toolbar span{letter-spacing:.12em;font-size:11px}.image-lightbox-toolbar button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff57;border-radius:999px;flex:none;padding:9px 13px}.image-lightbox-tools{align-items:center;gap:8px;display:flex}.image-lightbox-tools output{min-width:54px;color:var(--muted);text-align:center;font-size:12px}.image-lightbox-canvas{cursor:zoom-out;touch-action:none;justify-content:center;align-items:center;height:calc(100dvh - 64px);padding:16px;display:flex;overflow:hidden}.image-lightbox-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;width:fit-content;position:relative}.image-lightbox-frame.is-dragging{cursor:grabbing}.image-lightbox-canvas img{transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:calc(100vw - 32px);height:auto;max-height:calc(100dvh - 112px);box-shadow:0 24px 80px #0000006b}.image-lightbox-arrow{color:#fff;cursor:pointer;background:#10212be6;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.image-lightbox-arrow.is-left{left:12px}.image-lightbox-arrow.is-right{right:12px}.image-lightbox-arrow:hover{background:#294450}.image-lightbox-arrow:focus-visible{outline-offset:3px;outline:2px solid #fff}.aplus-section{background:#e8e7e1;padding-top:clamp(85px,10vw,170px);padding-bottom:clamp(90px,11vw,190px)}.aplus-title{align-items:flex-end}.device-switch{border:1px solid var(--line);border-radius:999px;padding:4px;display:flex}.device-switch button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px;font-size:10px;transition:background .25s,color .25s}.device-switch button.active{background:var(--ink);color:var(--paper)}.aplus-stack{flex-direction:column;gap:0;display:flex}.aplus-row{min-width:0}.aplus-row-head{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;align-items:center;padding-bottom:13px;display:grid}.aplus-row-head>span{color:var(--blue);font-size:10px}.aplus-row-head>small{color:var(--muted);letter-spacing:.08em;font-size:9px}.aplus-carousel{position:relative}.aplus-arrow{z-index:3;width:48px;height:48px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#f1f0ebeb;border:1px solid #0003;border-radius:50%;place-items:center;padding:0;transition:background .25s,color .25s,transform .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 28px #00000024}.aplus-arrow.is-left{left:18px}.aplus-arrow.is-right{right:18px}.aplus-arrow:hover{color:var(--paper);background:var(--ink);transform:translateY(-50%)scale(1.04)}.aplus-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.aplus-scroll::-webkit-scrollbar{display:none}.aplus-scroll figure{scroll-snap-align:start;background:#d6d5cf;flex:0 0 100%;margin:0;position:relative}.aplus-row.desktop img{aspect-ratio:1464/600;object-fit:cover}.aplus-row.mobile .aplus-carousel{max-width:min(100%,1200px);margin-inline:auto}.aplus-row.mobile img{aspect-ratio:1200/900;object-fit:cover}.aplus-scroll figcaption{background:#f1f0ebe6;padding:7px 9px;font-size:9px;position:absolute;bottom:12px;right:12px}.media-empty{text-align:center;min-height:280px;color:var(--muted);border:1px dashed #00000038;place-content:center;gap:10px;display:grid}.media-empty strong{color:var(--ink);font-size:18px}.media-empty span{font-size:10px}.project-navigation{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-nav-link,.project-nav-empty{min-height:clamp(220px,25vw,420px)}.project-nav-link{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,54px);padding:clamp(40px,5vw,80px) 0;display:grid}.project-nav-link.is-previous{border-right:1px solid var(--line);padding-right:clamp(24px,4vw,70px)}.project-nav-link.is-next{text-align:right;grid-template-columns:minmax(0,1fr) auto;padding-left:clamp(24px,4vw,70px)}.project-nav-copy{flex-direction:column;gap:18px;min-width:0;display:flex}.project-nav-copy small{color:var(--blue);font-size:10px}.project-nav-copy strong{letter-spacing:-.055em;overflow-wrap:anywhere;font-size:clamp(30px,4.2vw,72px);line-height:.98}.project-nav-arrow{font-size:clamp(28px,3vw,48px);transition:transform .3s cubic-bezier(.22,1,.36,1)}.project-nav-link.is-previous:hover .project-nav-arrow{transform:translate(-8px)}.project-nav-link.is-next:hover .project-nav-arrow{transform:translate(8px)}@media (width<=680px){.media-section-head{display:block}.media-section-head>p{text-align:left;margin-top:22px}.main-image-section{padding-right:0}.main-image-section .media-section-head{margin-right:var(--pad)}.main-image-rail{padding-right:var(--pad)}.main-image-rail figure,.main-image-rail figure:only-child{flex-basis:72vw}.main-image-rail.has-active figure:not(.is-active),.main-image-rail figure.is-active{opacity:1;flex-basis:72vw}.aplus-title .device-switch{margin-top:28px;display:inline-flex}.aplus-row-head{grid-template-columns:42px 1fr}.aplus-arrow{width:42px;height:42px}.aplus-arrow.is-left{left:10px}.aplus-arrow.is-right{right:10px}.project-nav-link,.project-nav-empty{min-height:190px}.project-nav-link{gap:12px;padding-top:34px;padding-bottom:34px;display:flex}.project-nav-link.is-previous{padding-right:14px}.project-nav-link.is-next{padding-left:14px}.project-nav-copy{gap:12px}.project-nav-copy strong{font-size:clamp(22px,7vw,34px)}}@media (prefers-reduced-motion:reduce){.main-image-rail figure,.aplus-scroll{scroll-behavior:auto;transition:none}}body{line-height:1.6}.hero h1,.section-head h2,.process>h2,.statement,.page-hero h1,.contact-page h1,.not-found h1,.project-hero h1,.project-results h2,.next-project strong,.footer h2{line-height:1.08}.footer{padding-top:clamp(54px,7vw,100px)}.footer-grid{margin-top:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#071015;--ink:#f4f7f8;--muted:#c1cdd2;--line:#ecf5f833;--blue:#b9ddef}html{background:#071015}body{color:var(--ink);background:linear-gradient(#05090c 0%,#10191f 23%,#293a43 52%,#536b76 100%) fixed}.navbar.is-scrolled{border-bottom-color:var(--line);background:#050a0ed1}.nav-links,.aplus-section{background:0 0}.main-image-rail figure,.aplus-scroll figure,.project-image,.compare,.media-empty{background:#dae8ee1a}@media (width>=681px) and (hover:hover) and (pointer:fine){.main-image-rail figure:not(:only-child){background:0 0;align-items:flex-end;height:clamp(300px,30vw,500px);display:flex}.main-image-rail figure:not(:only-child) .main-image-open{flex-shrink:0;height:auto}}.aplus-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#040a0e33}.demo-badge,.inline-demo,.compare-label,.motion-tile span,.motion-tile b,.aplus-scroll figcaption{color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080f14cc}.device-switch button.active,.filters button:hover,.filters button.active,.aplus-row-head button:hover{color:var(--paper);background:var(--ink)}.aplus-arrow{color:var(--ink);background:#080f14cc;border-color:#ffffff47;box-shadow:0 8px 30px #0000004d}.aplus-arrow:hover{color:var(--paper);background:var(--ink)}.hero-bottom p,.section-note,.about-copy>p,.about-page-copy>p,.contact-lead,.project-meta p,.process-list p,.process-list small,.footer-grid small,.footer-base{color:var(--muted)}.footer{color:var(--ink);border-top:1px solid var(--line);background:#03070adb}.footer-grid,.footer-base{border-color:var(--line)}.footer-grid button{color:var(--ink)}@media (width<=680px){.nav-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a0ef5}}.portrait-wrap,.about-page-photo{aspect-ratio:1;background:0 0;border-radius:50%;overflow:hidden;box-shadow:0 24px 70px #00000061,0 8px 24px #0000003d}.portrait-wrap img,.about-page-photo img{object-fit:cover;transform-origin:50%;border-radius:50%;width:100%;height:100%;transform:scale(1.2)}.selected-grid .project-card:nth-child(n){grid-column:span 6;margin-top:0}.works-grid .project-card:nth-child(n){margin-top:0}.selected-work-head .filters{margin:clamp(34px,4vw,64px) 0 0}.selected-work-head .text-link{margin-bottom:0}.compare,.compare>img,.compare-after,.compare-after img{background:#fff}.compare>img,.compare-after img{object-fit:contain}.compare-before{filter:none}.horizontal-feature-section{background:0 0;border:0;padding-top:0;padding-bottom:0;overflow:hidden}.horizontal-feature-stage{aspect-ratio:2928/1250;background:#08080a;width:100%;position:relative;overflow:hidden}.horizontal-feature-background,.horizontal-feature-shade{width:100%;height:100%;position:absolute;inset:0}.horizontal-feature-background{object-fit:cover}.horizontal-feature-shade{pointer-events:none;background:linear-gradient(90deg,#0000 0 27%,#04050714 39%,#04050738 100%)}.horizontal-feature-rail{z-index:2;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#ffffffeb #fff3;align-items:stretch;gap:clamp(10px,1vw,18px);padding:0 max(12px,1vw) 12px 0;display:flex;position:absolute;inset:18% 0 4% 33%;overflow:auto hidden}.horizontal-feature-rail::-webkit-scrollbar{height:6px}.horizontal-feature-rail::-webkit-scrollbar-track{background:#fff3}.horizontal-feature-rail::-webkit-scrollbar-thumb{background:#ffffffeb;border-radius:10px}.horizontal-feature-rail figure{aspect-ratio:724/906;background:#09070a;border:1px solid #ffffff6b;flex:none;height:calc(100% - 10px);margin:0;overflow:hidden}.horizontal-feature-rail img{object-fit:cover;width:100%;height:100%}@media (width<=680px){.horizontal-feature-section{padding-bottom:0;padding-right:0}.horizontal-feature-stage{aspect-ratio:auto;height:118vw}.horizontal-feature-background{object-position:22% center}.horizontal-feature-rail{padding-right:var(--pad);top:19%;bottom:5%;left:18%}.horizontal-feature-rail figure{height:calc(100% - 12px)}}.motion-showcase.is-text-only .section-head{margin-bottom:0}.section-kicker{font-size:clamp(15px,1vw,17px);font-weight:300}.section-note{font-size:clamp(16px,1.1vw,18px);font-weight:300}.media-section-head>p{font-size:clamp(15px,1vw,17px);font-weight:300}.expertise-list span{letter-spacing:-.04em;color:#6f8995;font-size:clamp(28px,4.2vw,72px);font-weight:300;line-height:1;transition:color .25s}.expertise-list button:hover span,.expertise-list button:focus-visible span{color:var(--blue)}.expertise-list small{font-size:13px;font-weight:300}.process-list button{grid-template-columns:8% 42% 38% auto;align-items:center;gap:0}.process-list span{letter-spacing:-.04em;color:#6f8995;font-size:clamp(28px,4.2vw,72px);font-weight:300;line-height:1;transition:color .25s}.process-list strong{letter-spacing:-.055em;font-size:clamp(28px,4.2vw,72px);font-weight:600}.process-list small{font-size:13px;font-weight:300}.process-list button:hover span,.process-list button:focus-visible span{color:var(--blue)}.process-list .is-open p{max-height:220px}@media (width<=680px){.process-list button{grid-template-columns:11% 1fr auto}}.about-page-hero .about-page-title{grid-column:1/-1;font-size:clamp(58px,7.2vw,122px)}.project-card{position:relative}.project-aplus-preview{z-index:3;background:#fff;position:absolute;inset:0;overflow:hidden}.project-aplus-preview-stack{will-change:transform;width:100%}.project-image .project-aplus-preview img,.project-card a:hover .project-image .project-aplus-preview img{aspect-ratio:auto;object-fit:contain;filter:none;width:100%;height:auto;transition:none;display:block;transform:none}.floating-projects{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:90;font-size:14px;font-weight:300;position:fixed;transform:translate(-50%)}.floating-projects-trigger{color:var(--ink);cursor:pointer;background:#15252df2;border:1px solid #ffffff38;border-radius:28px;justify-content:space-between;align-items:center;gap:32px;padding:15px 24px;display:flex;box-shadow:0 8px 32px #0005}.floating-projects-panel{width:230px;padding-bottom:10px;position:absolute;bottom:100%;left:0;transform:translateY(8px)}.floating-projects-panel,.floating-projects-children{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.floating-projects .is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.floating-projects ul{background:#15252d;border:1px solid #ffffff26;border-radius:12px;margin:0;padding:6px;list-style:none;box-shadow:0 12px 36px #0005}.floating-projects-parent{position:relative}.floating-projects-parent>button,.floating-projects-children a{width:100%;min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.floating-projects-parent>button[aria-expanded=true],.floating-projects a:hover,.floating-projects button:hover{color:var(--blue);background:#ffffff12}.floating-projects :focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.floating-projects-children{width:194px;padding-left:8px;position:absolute;bottom:-6px;left:100%;transform:translate(-8px)}@media (width<=900px),(height<=550px){.floating-projects-panel{width:min(280px,100vw - 32px);margin-left:-140px;left:50%}.floating-projects-list{max-height:calc(100dvh - 130px);overflow-y:auto}.floating-projects-children{width:100%;padding:0 0 0 12px;display:none;position:static}.floating-projects-children.is-open{display:block}.floating-projects-children ul{box-shadow:none}}.project-filters{z-index:10;scroll-margin-top:100px;position:relative;overflow:visible}.project-filter-item{position:relative}.project-filter-item:has(.is-open){z-index:2}.project-filter-dropdown{opacity:0;visibility:hidden;pointer-events:none;width:190px;padding-top:8px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;transform:translateY(-6px)}.project-filter-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.project-filter-links{border:1px solid var(--line);background:#15252d;border-radius:12px;max-height:320px;padding:6px;overflow-y:auto;box-shadow:0 16px 32px #0004}.project-filter-links a{color:var(--ink);border-radius:7px;justify-content:space-between;gap:16px;padding:12px;font-size:14px;font-weight:300;display:flex}.project-filter-links a:hover,.project-filter-links a:focus-visible{color:var(--blue);background:#ffffff12}@media (width<=680px){.project-filter-dropdown{width:155px}.project-filter-item:nth-child(4n) .project-filter-dropdown{left:auto;right:0}}.project-carousel-slide{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.project-carousel-pause{z-index:2;color:#fff;cursor:pointer;opacity:0;background:#071015a6;border:1px solid #ffffff4d;border-radius:50%;width:32px;height:32px;transition:opacity .2s;position:absolute;top:14px;right:14px}.project-card:hover .project-carousel-pause,.project-card:focus-within .project-carousel-pause{opacity:1}@media (hover:none){.project-carousel-pause{opacity:1}}.project-card .project-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.project-card.is-compact .project-meta{grid-template-columns:minmax(0,1fr) auto}@media (width<=900px){.project-card .project-meta{grid-template-columns:minmax(0,1fr) auto}}.about-page-title span{white-space:nowrap;display:block}@media (width<=680px){.about-page-hero .about-page-title{font-size:8vw}}