@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#161616;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fff;--panel:#f7f7f5;--line:#e3e3df;--muted:#777773;--black:#111;--soft:#f1f1ef;background:#fff;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;display:flex}.works-page{width:min(100%,1260px);margin:0 auto;padding:0 58px}.works-header{border-bottom:1px solid var(--line);height:92px;color:var(--muted);justify-content:space-between;align-items:center;font:10px DM Mono;display:flex}.works-title{color:var(--black);letter-spacing:-1px;font:800 18px Manrope}.works-title span{color:var(--muted)}.works-main{grid-template-columns:270px minmax(0,1fr);gap:48px;padding:82px 0 120px;display:grid}.works-main>.project-list{align-self:start}.works-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px 0 34px;font:10px DM Mono;display:flex}.works-footer a:hover{color:var(--black)}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex:0 0 252px;width:252px;height:100vh;min-height:100vh;padding:32px 28px;display:flex;position:sticky;top:0}.brand-mark{letter-spacing:-1px;color:var(--black);margin-bottom:74px;font-size:24px;font-weight:800}.brand-mark span{color:var(--muted)}.profile-mini{align-items:center;gap:12px;margin-bottom:64px;display:flex}.avatar{background:var(--black);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:13px}.profile-mini span{color:var(--muted);margin-top:3px;font-size:10px}.side-nav{gap:8px;display:grid}.nav-link{color:var(--muted);align-items:center;gap:14px;padding:12px 0;font-size:13px;transition:color .2s;display:flex}.nav-link span{color:#aaa;font-family:DM Mono;font-size:10px}.nav-link:hover,.nav-link.active,.nav-link.active span{color:var(--black)}.sidebar-bottom{color:var(--muted);gap:12px;margin-top:auto;font-size:11px;display:grid}.sidebar-bottom a{color:#333}.sidebar-bottom small{color:#aaa}.availability{color:#555}.availability i{background:var(--black);border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block}.content{width:min(100%,1260px);margin:0 auto;padding:0 58px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);height:92px;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.breadcrumb{font-family:DM Mono}.breadcrumb b{color:var(--black);padding:0 8px;font-weight:400}.top-actions{align-items:center;gap:26px;display:flex}.top-actions a:first-child{color:#333}.contact-button{color:var(--black);border:1px solid #222;padding:10px 14px;transition:background .2s}.contact-button:hover{background:var(--black);color:#fff}.contact-button span{margin-left:12px}.hero-section{grid-template-columns:1fr 280px;gap:80px;padding:112px 0 126px;display:grid}.eyebrow{color:#555;letter-spacing:1px;margin:0 0 22px;font:500 10px DM Mono}.eyebrow span{color:#aaa}.hero-copy h1{color:var(--black);letter-spacing:-4px;margin:0;font-size:clamp(42px,6vw,78px);font-weight:700;line-height:1.07}.hero-copy h1 em{color:var(--black);font-style:normal;font-weight:500}.hero-description{max-width:515px;color:var(--muted);margin:30px 0 32px;font-size:15px;line-height:1.9}.hero-links{align-items:center;gap:26px;font-size:12px;display:flex}.hero-links a{color:#333}.hero-links .primary-link{color:var(--black);border-bottom:1px solid var(--black);padding-bottom:8px}.primary-link span{color:var(--black);margin-left:20px}.hero-note{border-top:1px solid var(--line);align-self:end;padding-top:34px}.note-line{border-bottom:1px solid var(--line);gap:20px;padding:17px 0;display:flex}.note-line>span{color:var(--black);font:10px DM Mono}.note-line p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.note-line strong{color:#333;font-weight:500}.stats-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:30px 0;display:grid}.stats-row div{border-left:1px solid var(--line);padding-left:24px}.stats-row div:first-child{border-left:0;padding-left:0}.stats-row strong{color:var(--black);letter-spacing:-2px;font-size:36px}.stats-row strong span{color:#777;margin-left:3px;font-size:18px}.stats-row p{color:var(--muted);margin:6px 0 0;font-size:11px}.intro{border-bottom:1px solid var(--line);padding:112px 0}.intro h1{color:var(--black);letter-spacing:-4px;margin:0;font-size:clamp(42px,6vw,74px);font-weight:600;line-height:1.08}.intro>p:last-child{color:var(--muted);margin:24px 0 0;font-size:14px}.work-section{padding:96px 0 120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:55px;display:flex}.section-heading h2{letter-spacing:-2px;margin:0;font-size:40px}.work-count{color:var(--muted);font:10px DM Mono}.project-layout{grid-template-columns:270px minmax(0,1fr);gap:48px;display:grid}.project-list{border-top:1px solid var(--line)}.project-tab{border:0;border-bottom:1px solid var(--line);color:#888;text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;width:100%;padding:19px 8px 19px 0;transition:all .2s;display:grid}.project-tab:hover,.project-tab.selected{color:var(--black)}.project-number{color:#aaa;font:10px DM Mono}.project-tab.selected .project-number{color:var(--black)}.project-tab-name{font-size:12px}.project-arrow{color:#aaa;font-size:16px}.project-tab.selected .project-arrow{color:var(--black)}.project-detail{min-width:0}.detail-topline{color:var(--black);letter-spacing:.5px;justify-content:space-between;margin-bottom:19px;font:10px DM Mono;display:flex}.detail-topline span:last-child{color:var(--muted)}.project-detail>h3{letter-spacing:-1px;margin:0 0 13px;font-size:30px}.project-summary{color:var(--muted);max-width:580px;margin:0 0 18px;font-size:13px;line-height:1.8}.project-tags{flex-wrap:wrap;gap:7px;margin-bottom:28px;display:flex}.project-tags span{color:#555;border:1px solid #d4d4d0;padding:5px 8px;font:10px DM Mono}.preview{border:1px solid var(--line);background:var(--panel)}.preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:15px;min-width:0;padding:10px 13px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#aaa;border-radius:50%;width:6px;height:6px;display:block}.window-dots i:first-child{background:var(--black)}.preview-url{text-overflow:ellipsis;white-space:nowrap;color:#777;flex:1;font:9px DM Mono;overflow:hidden}.preview-links{white-space:nowrap;gap:13px;font-size:10px;display:flex}.preview-links a:first-child{color:var(--black)}.image-frame{background:var(--soft);scroll-snap-type:x mandatory;scrollbar-color:#999 transparent;scrollbar-width:thin;align-items:flex-start;gap:2px;display:flex;overflow:auto hidden}.image-frame img,.image-frame img+img{aspect-ratio:auto;object-fit:contain;object-position:top;scroll-snap-align:start;flex:0 0 100%;width:100%;min-width:0;height:auto;display:block}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;display:grid}.detail-block{border-top:1px solid var(--line);padding-top:15px}.detail-block h4{color:var(--black);margin:0 0 14px;font-size:11px;font-weight:600}.detail-block p{color:var(--muted);margin:8px 0;padding-left:14px;font-size:11px;line-height:1.8;position:relative}.detail-block p:before{content:"—";color:var(--black);position:absolute;left:0}.approach-section{border-top:1px solid var(--line);grid-template-columns:270px 1fr;gap:48px;padding:95px 0 110px;display:grid}.approach-section h2{font-size:26px}.approach-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.approach-grid article{border-top:1px solid var(--line);padding-top:16px}.approach-grid span{color:var(--black);font:10px DM Mono}.approach-grid h3{margin:27px 0 12px;font-size:15px;font-weight:500}.approach-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.9}.about-section{border-top:1px solid var(--line);grid-template-columns:270px 1fr;gap:48px;padding:76px 0 90px;display:grid}.about-section>p:last-child{max-width:440px;color:var(--muted);margin:0;font-size:14px;line-height:2}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:28px 0 38px;font-size:11px;display:flex}.footer a{color:var(--black)}@media (width<=900px){.sidebar{flex-basis:205px;width:205px;padding:26px 20px}.content{padding:0 34px}.hero-section{gap:35px}.project-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}.works-page{padding:0 34px}.works-main{grid-template-columns:210px minmax(0,1fr);gap:28px}}@media (width<=680px){.works-page{padding:0 20px}.works-header{height:69px}.works-header>span{display:none}.works-main{padding:38px 0 70px;display:block}.works-main>.project-list{border:0;gap:8px;margin-bottom:38px;display:flex;overflow-x:auto}.works-main .project-tab{border:1px solid var(--line);width:auto;min-width:max-content;padding:10px 12px;display:flex}.works-main .project-tab.selected{border-color:var(--black)}.works-main .project-number,.works-main .project-arrow{display:none}.project-detail>h3{font-size:25px}.preview-bar{gap:9px}.preview-links{gap:8px}.detail-grid{gap:18px}.works-footer{padding-bottom:26px}}.image-frame img{cursor:zoom-in}.image-lightbox{z-index:10;cursor:zoom-out;background:#fffffff5;place-items:center;padding:42px;display:grid;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;max-width:100%;max-height:100%}.lightbox-close{color:#111;cursor:pointer;background:#fff;border:1px solid #222;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:grid;position:absolute;top:22px;right:24px}.lightbox-close:hover{color:#fff;background:#111}