*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:90px}body{margin:0;color:#1d1d1f;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #0071e3;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding-left:40px;padding-right:40px}header{position:sticky;top:0;z-index:5;border-bottom:1px solid #e9e9eb;background:#ffffffdb;backdrop-filter:blur(20px)}nav{max-width:1160px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:20px;font-weight:750;letter-spacing:-1px}.wordmark span{font-weight:400;color:#777}nav>div{display:flex;align-items:center;gap:31px;font-size:12px}.nav-contact{background:#1d1d1f;color:white;padding:10px 17px;border-radius:30px}.nav-contact span{margin-left:12px}.hero{padding-top:103px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#6e6e73;line-height:1.7}.status-dot{display:inline-block;background:#739c84;width:6px;height:6px;border-radius:50%;margin-right:9px;vertical-align:middle}h1{font-size:clamp(60px,7.9vw,98px);line-height:1.05;letter-spacing:-6px;font-weight:650;margin:30px 0}h1 span{color:#8a8a90}.hero-copy{max-width:510px;font-size:20px;color:#78787e;line-height:1.6;letter-spacing:-.4px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.primary{display:inline-flex;gap:26px;align-items:center;background:#0071e3;color:#fff;border-radius:30px;padding:14px 23px;font-size:13px;transition:background .2s,transform .2s}.primary:hover{background:#0077ed;transform:translateY(-2px)}.text-link{font-size:13px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #e9e9eb;margin-top:77px;padding:24px 0 32px;font-size:9px;letter-spacing:1.5px;color:#929297}.work-section{background:#f5f5f7;padding:85px 0 30px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading>p{color:#86868b;font-size:13px;line-height:1.7;margin-bottom:8px}h2{font-size:46px;letter-spacing:-2px;line-height:1.12;margin:15px 0 30px;font-weight:650}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 30px}.filters button{background:transparent;border:1px solid #dfdfe3;border-radius:30px;padding:10px 18px;color:#6e6e73;font-size:11px}.filters button.active{background:#1d1d1f;color:white;border-color:#1d1d1f}.filters span{margin-left:7px;opacity:.55}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{background:#fff;border-radius:23px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-4px);box-shadow:0 16px 45px #00000009}.project:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;min-height:370px}.project:first-child .art{order:2;height:100%;min-height:350px}.project:first-child .project-body{padding:43px;justify-content:center}.project-body{padding:28px 30px 26px;display:flex;flex-direction:column;flex:1}.project-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.3px;color:#88888d;text-transform:uppercase}.project h3{font-size:26px;letter-spacing:-1px;line-height:1.15;margin:16px 0 11px;font-weight:630}.project:first-child h3{font-size:37px;letter-spacing:-1.5px}.project-body>p{font-size:13px;line-height:1.7;color:#77777d;margin:0 0 22px;max-width:400px}.project-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px}.project-bottom>span{font-size:10px;color:#888}.project button{border:0;background:#f5f5f7;border-radius:50%;width:32px;height:32px;font-size:19px;flex-shrink:0}.project button:hover{background:#0071e3;color:#fff}.art{height:240px;position:relative;overflow:hidden;background:#ecf0f3;display:flex;align-items:center;justify-content:center}.art svg{width:90%;height:90%}.art-label{position:absolute;bottom:17px;left:23px;font-size:8px;letter-spacing:1.7px;color:#73808c}.art.audio{background:#171b25}.art.solar{background:#eaf0e9}.art.vision{background:#e8edf2}.art.green{background:#f0eee7}.art.ledger{background:#edf0f8}.art.circuit{background:#e8eeed}.art.hub{background:#eeeef0}.art.travel{background:#f0ebe5}.art.et{background:#ecebf3}.collection-note{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px 0 15px;color:#88888d}.collection-note span{font-size:9px;letter-spacing:1px}.collection-note p{font-size:11px;max-width:360px;line-height:1.6}.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:105px;padding-bottom:100px}.about h2{font-size:43px}.about h2 span{color:#929297}.about-copy>p{font-size:16px;line-height:1.8;color:#77777d}.about-copy>p:first-child{color:#1d1d1f;margin-top:0}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.skills span{border:1px solid #e4e4e7;border-radius:25px;padding:8px 12px;font-size:10px;color:#777}.recognition{padding:73px 0;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee}.recognition h2{font-size:36px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0}.stats>div{padding:0 25px;border-left:1px solid #ddd}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-size:43px;letter-spacing:-2px;font-weight:600}.stats strong span{font-size:20px;color:#8a8a90;letter-spacing:-1px}.stats p{font-size:12px;margin:12px 0 6px}.stats small{font-size:10px;color:#888}.award-row{border-top:1px solid #e4e4e7;padding-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.award-row>span{font-size:12px}.award-row small{display:block;font-size:9px;color:#888;margin-top:8px;line-height:1.6}.contact{padding-top:95px;padding-bottom:95px;text-align:center}.contact h2{font-size:62px;letter-spacing:-3px;margin:22px 0 30px}.socials{display:flex;justify-content:center;gap:25px;font-size:11px;color:#777;margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9e9eb;padding-top:25px!important;padding-bottom:25px!important}footer>span,footer>a:last-child{font-size:10px;color:#929297}dialog{border:0;border-radius:25px;max-width:680px;width:calc(100% - 32px);padding:48px;max-height:85vh;color:#1d1d1f;box-shadow:0 30px 120px #0003}dialog::backdrop{background:#18202a88;backdrop-filter:blur(8px)}.close{position:absolute;right:17px;top:15px;border:0;background:#f0f0f2;border-radius:50%;width:32px;height:32px;font-size:24px;color:#777}dialog h2{font-size:36px}dialog p{color:#777;font-size:14px;line-height:1.8}.evidence{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.evidence h3{font-size:16px}.evidence ul{padding:0;list-style:none}.evidence li{padding:13px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-size:12px}.evidence li span{font-size:10px;color:#999}dialog .source-note{font-size:10px}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:130px;padding-bottom:20px}}@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}nav{padding:17px 24px}nav>div{gap:18px}nav a[href="#recognition"]{display:none}.nav-contact{padding:9px 12px;font-size:10px}.nav-contact span{display:none}.hero{padding-top:65px}h1{font-size:62px;letter-spacing:-3.8px}.hero-copy{font-size:17px}.hero-foot{margin-top:55px;font-size:8px}.hero-foot>span:last-child{display:none}.hero-actions{gap:22px}.work-section{padding-top:55px}.section-heading{display:block}.section-heading>p{margin:0 0 25px}h2{font-size:36px}.filters{gap:6px}.filters button{font-size:10px;padding:9px 12px}.project-grid{grid-template-columns:1fr}.project:first-child{display:flex;grid-column:auto;min-height:0}.project:first-child .art{order:0;height:240px;min-height:0}.project:first-child .project-body{padding:28px 30px}.project:first-child h3{font-size:26px;letter-spacing:-1px}.collection-note{display:block}.collection-note p{max-width:none}.about{grid-template-columns:1fr;gap:10px;padding-top:65px;padding-bottom:65px}.about h2{font-size:36px}.stats{grid-template-columns:1fr;gap:30px}.stats>div{padding:0;border:0}.stats strong{font-size:40px}.award-row{grid-template-columns:1fr 1fr;gap:25px}.contact{padding-top:70px;padding-bottom:70px}.contact h2{font-size:43px;letter-spacing:-2px}footer>span{display:none}dialog{padding:40px 25px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:700px){h1{font-size:clamp(44px,11.8vw,62px)}nav>div{gap:14px}.hero-copy{max-width:100%}}
.project-name{font-size:10px!important;letter-spacing:.2px;color:#525259!important;margin:0 0 10px!important}.project-open{display:grid;place-items:center;background:#f5f5f7;border-radius:50%;width:34px;height:34px;flex-shrink:0;font-size:19px}.project-open:hover{background:#0071e3;color:white}.art>img{width:100%;height:100%;object-fit:cover}.art:has(>img) .art-label{background:#ffffffdc;padding:6px 9px;left:15px;border-radius:4px;color:#444}.stats strong{font-size:36px}.back-link{display:inline-block;color:#777;font-size:12px;margin-bottom:40px}.case{padding-top:65px;padding-bottom:65px}.case>h1{font-size:clamp(44px,6vw,74px);letter-spacing:-3.5px;max-width:900px}.case-intro{font-size:22px;line-height:1.6;color:#777;max-width:740px}.case-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding:32px 0;margin:40px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.case-meta small{font-size:9px;letter-spacing:1.5px;color:#888}.case-meta p{font-size:12px;line-height:1.7}.case-image{margin:45px 0}.case-image img{display:block;max-width:100%;width:100%;max-height:500px;object-fit:contain;background:#f5f5f7;border-radius:18px}.case-image figcaption{font-size:11px;line-height:1.6;color:#888;margin-top:12px}.case-layout{display:grid;grid-template-columns:200px 1fr;gap:70px}.case-layout aside{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:120px;padding-top:50px;font-size:12px;color:#777}.case-layout section{padding:40px 0 25px}.case-layout h2{font-size:36px;margin:12px 0 25px}.case-layout p,.process-list li{font-size:16px;line-height:1.9;color:#6e6e73}.process-list{padding-left:24px}.process-list li{padding-left:12px;margin:14px 0}.process-list li::marker{color:#0071e3;font-size:13px}.scope-note{padding:22px 25px;background:#f5f5f7;border-radius:15px;margin-top:25px}.scope-note h3{font-size:13px;margin:0 0 8px}.scope-note p{font-size:13px;margin:0;line-height:1.8}.evidence-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e5e5e9;font-size:14px}.evidence-link:hover{color:#0071e3}.evidence-link small{display:block;font-size:10px;color:#888;margin-top:7px}.case-layout .evidence-status{font-size:13px;background:#f5f5f7;padding:22px;border-radius:12px}.next-case{display:block;border-top:1px solid #e5e5e9;margin-top:60px;padding-top:35px}.next-case strong{display:block;font-size:28px;letter-spacing:-1px;font-weight:600;margin-top:13px}.cv{max-width:950px;padding-top:50px;padding-bottom:70px}.cv h1{font-size:58px;letter-spacing:-3px}.cv>p{font-size:14px;line-height:1.8;color:#666}.cv section{border-top:1px solid #eee;padding:20px 0;margin-top:25px}.cv h2{font-size:28px;letter-spacing:-1px}.cv h3{font-size:16px;font-weight:600;margin-bottom:8px}.cv section p{font-size:14px;line-height:1.8;color:#666}.cv-project{margin-bottom:25px}.cv-project small{color:#888;font-size:11px}.cv-actions{display:flex;justify-content:space-between;align-items:start}.cv-actions button{border:0}.cv a:hover{color:#0071e3}.cv-actions .primary:hover{color:white}@media(max-width:700px){.case-layout{grid-template-columns:1fr;gap:0}.case-layout aside{display:none}.case-meta{grid-template-columns:1fr;gap:15px;margin:30px 0}.case-meta p{margin:7px 0}.case>h1{font-size:44px;letter-spacing:-2px}.case-intro{font-size:18px}.case-layout section{padding:28px 0}.case-layout h2{font-size:31px}.next-case strong{font-size:24px}.cv h1{font-size:42px}.cv-actions .primary{font-size:10px;padding:12px}.stats strong{font-size:34px}.art{min-width:0}.project-grid{min-width:0}.project{min-width:0}.project-top{flex-wrap:wrap}}@media print{header,footer,.cv-actions{display:none!important}.cv{max-width:none;padding:0}.cv h1{font-size:32px;letter-spacing:-1px}.cv .case-intro{font-size:16px}.cv h2{font-size:19px}.cv section{margin-top:13px;padding:8px 0}.cv section p,.cv>p{font-size:10px;line-height:1.5}.cv h3{font-size:12px}.cv-project{break-inside:avoid;margin-bottom:15px}.cv-project small{font-size:9px}a{color:inherit}@page{size:A4;margin:17mm}}
.metrics-scroll{overflow-x:auto;margin:28px 0;max-width:100%}.metrics-table{border-collapse:collapse;width:100%;min-width:500px;text-align:left;font-size:12px}.metrics-table caption{text-align:left;font-size:10px;color:#888;padding:0 0 16px;line-height:1.7}.metrics-table th,.metrics-table td{padding:14px 12px;border-bottom:1px solid #e5e5e9;line-height:1.6}.metrics-table thead{background:#f5f5f7}.metrics-table tbody th{font-weight:500}.metrics-table tbody tr:nth-child(3){color:#0071e3;background:#f4f9ff}.case-layout>div{min-width:0}
.live-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:25px 0 35px}.screenshot-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 65px}.screenshot-gallery figure{margin:0;min-width:0}.screenshot-gallery img{display:block;width:100%;height:430px;object-fit:cover;object-position:top;border:1px solid #e5e5e9;border-radius:15px;background:#fafafa}.screenshot-gallery a{display:block}.screenshot-gallery figcaption{font-size:11px;line-height:1.7;color:#888;margin-top:13px}@media(max-width:700px){.screenshot-gallery{gap:18px;grid-template-columns:1fr}.screenshot-gallery img{height:440px}.live-actions{gap:20px}}
.screenshot-gallery.photos img{object-fit:contain;object-position:center;background:#f5f5f7;padding:12px}
.art>img[src="assets/electrical-installation.png"]{object-fit:contain;background:#f5f5f7;padding:12px 12px 40px}
.et-works{margin:55px 0 65px}.et-works h2{font-size:36px;letter-spacing:-1px}.et-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:24px}.et-work-grid article{background:#f5f5f7;border-radius:22px;padding:32px}.et-work-grid h3{font-size:25px;letter-spacing:-.7px;margin-top:0}.et-work-grid p{font-size:15px;line-height:1.8;color:#666}.et-work-grid small{color:#777;font-size:11px}.et-work-grid .live-actions{gap:18px;margin-bottom:0}
.art:has(>img[src="assets/masar-cover.png"]){background:#0b0e10}.art>img[src="assets/masar-cover.png"]{object-fit:contain;object-position:center}
.about-portrait{margin:30px 0 0;width:240px;max-width:100%}.about-portrait img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid #eee}@media(max-width:700px){.about-portrait{width:200px;margin:25px 0 30px}}