@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#faf8f5;--paper:#fff;--ink:#252523;--soft:#67655f;--line:#e7e2db;--accent:#d75d39;--accent2:#e6a37f;--peach:#fae7db;--dark:#282b29;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.container{width:min(var(--max),calc(100% - 84px));margin:auto}.skip{position:absolute;left:-999px;top:4px}.skip:focus{left:15px;z-index:30;background:white;padding:12px}.header{height:91px;position:sticky;top:0;z-index:10;background:rgba(250,248,245,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand-logo{gap:10px}.brand-image{width:78px;height:78px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.08))}.brand-caption{font-size:10px;line-height:1.6;letter-spacing:1.5px;font-weight:800}.brand-caption small{font-size:8px;letter-spacing:1.1px;color:var(--soft)}nav{display:flex;gap:30px}nav a{font-size:13px;font-weight:600;color:#55534f}nav a:hover,.inline-link:hover{color:var(--accent)}.nav-cta{padding:12px 19px;border:1px solid var(--ink);border-radius:4px;font-size:12px;font-weight:700}.nav-cta span{margin-left:15px}.menu-button{display:none}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:5%;align-items:center;padding-top:95px;padding-bottom:112px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2.4px;font-weight:800;margin:0 0 24px}.eyebrow-line{display:inline-block;width:25px;height:2px;background:var(--accent);vertical-align:middle;margin-right:11px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(45px,5.2vw,75px);line-height:1.12;letter-spacing:-4px;margin:0 0 27px;font-weight:800;max-width:700px}h1 em,h2 em{color:var(--accent);font-style:normal}.hero-lead{color:#64615e;font-size:17px;line-height:1.75;max-width:550px;margin:0 0 35px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:13px;font-weight:800;padding:17px 22px;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:white}.button-text{padding-left:0;padding-right:0;color:var(--ink)}.button-dark{background:var(--ink);color:white;width:100%}.hero-notes{display:flex;flex-wrap:wrap;gap:23px;margin-top:70px;color:#74706b;font-size:11px}.hero-notes b{color:#2d2b2a}.hero-art{height:510px;background:#eee8df;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero-art:before{content:'';position:absolute;background:#e0a484;width:510px;height:510px;border-radius:50%;top:-260px;right:-170px}.art-top,.art-bottom{display:flex;justify-content:space-between;position:relative;z-index:1;padding:26px 28px;font-size:10px;font-weight:800;letter-spacing:1.5px}.art-shape{position:relative;z-index:1;padding:8px 32px}.art-window{width:91%;margin:auto;background:#faf8f5;border:8px solid #2a2b2a;border-radius:12px;transform:rotate(-5deg);box-shadow:12px 28px 30px #3d251f25}.window-bar{padding:10px 15px;border-bottom:1px solid #e7e2db;display:flex;justify-content:space-between;font-size:9px;color:#999}.window-bar span:first-child{color:var(--accent)}.window-content{padding:30px 36px 36px}.window-content>span{font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--accent)}.window-content strong{display:block;font-family:Manrope,sans-serif;font-weight:800;line-height:1.07;letter-spacing:-2px;font-size:40px;margin:18px 0}.window-content i{color:var(--accent);font-style:normal}.window-button{display:inline-flex;padding:9px 14px;background:var(--accent);color:white;font-size:10px;border-radius:2px;gap:24px}.art-bottom{align-items:center}.art-bottom span:last-child{font-size:25px}.section{padding:105px 0}.projects-section{background:white}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-head h2,.about-copy h2,.contact-grid h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,55px);line-height:1.15;letter-spacing:-2.7px;margin:0;font-weight:800}.section-head>p{font-size:14px;color:var(--soft);line-height:1.75;max-width:370px;margin:0 0 4px}.filters{border-bottom:1px solid var(--line);display:flex;gap:30px;margin-bottom:35px}.filter{border:0;background:none;padding:0 0 18px;color:#8a857f;font-size:13px;font-weight:700;cursor:pointer;position:relative}.filter.active{color:var(--ink)}.filter.active:after{position:absolute;content:'';bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.filter span{font-size:10px;color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:white;display:flex;flex-direction:column}.project-preview{height:300px;padding:25px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center}.project-preview.hipathia{background:#e9e5dc}.project-preview.dora{background:#eee7da}.project-preview.saldo{background:#e5ebeb}.project-preview.dhaka{background:#f0e9e5}.project-preview:before{position:absolute;content:'';width:370px;height:370px;border-radius:50%;right:-150px;top:-240px;background:#ffffff66}.project-preview:after{position:absolute;content:'';left:0;right:0;bottom:0;height:48px;background:linear-gradient(180deg,#ffffff00,#00000010)}.project-preview .preview-index{position:absolute;top:18px;left:22px;font-size:10px;letter-spacing:2px;font-weight:800;z-index:3}.preview-browser.live-preview{width:84%;max-width:420px;min-height:215px;box-shadow:8px 16px 23px #00000018;border-radius:10px;background:#fff;transform:rotate(-2.8deg);overflow:hidden;position:relative;z-index:2;border:1px solid #00000010}.browser-top{height:28px;background:#ffffffea;border-bottom:1px solid #00000013;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px}.browser-dots{display:flex;gap:5px;align-items:center}.browser-top b{display:block;width:6px;height:6px;background:#c9c3bb;border-radius:50%}.browser-top small{font-size:10px;color:#7c7770;font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-live-wrap{height:188px;overflow:hidden;position:relative;background:#f3efe9}.preview-live-wrap iframe{width:1280px;height:900px;border:0;transform:scale(.29);transform-origin:top left;pointer-events:none}.preview-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 14px;background:linear-gradient(180deg,#ffffff00,#00000070);display:flex;align-items:end}.preview-overlay span{font-size:13px;line-height:1.35;font-weight:800;color:#fff;max-width:75%;text-shadow:0 2px 8px #00000040}.project-body{padding:26px 28px 28px;flex:1;display:flex;flex-direction:column}.project-category{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:1.6px;margin-bottom:10px}.project-title-row{display:flex;justify-content:space-between;align-items:start;gap:12px}.project-title-row h3{font-family:Manrope,sans-serif;margin:0;font-size:25px;letter-spacing:-1px}.status{font-size:10px;font-weight:800;background:#edf5ef;color:#40704c;border-radius:25px;padding:7px 9px;white-space:nowrap}.status.private{background:#f5f0e9;color:#806b53}.project-body p{font-size:13px;line-height:1.75;color:var(--soft);margin:15px 0 25px;max-width:460px}.project-links{display:flex;gap:22px;align-items:center;margin-top:auto}.project-links a,.project-links button{font-size:12px;font-weight:800;background:none;border:0;padding:0;cursor:pointer}.project-links .visit{color:var(--accent)}.project-links button{color:var(--ink)}.project-clarifier{font-size:11px;line-height:1.7;color:#837d76;margin:25px 0 0}.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}.services-section{background:var(--bg)}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service{border:1px solid var(--line);background:white;padding:30px 24px 35px;min-height:295px;position:relative}.service-number{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px}.service-icon{font-size:36px;color:var(--accent);margin:30px 0 20px}.service h3{font-size:17px;margin:0 0 12px;letter-spacing:-.4px}.service p{color:var(--soft);font-size:12px;line-height:1.7;margin:0}.about-section{background:#ede7df;padding:95px 0}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:11%;align-items:center}.about-photo{height:460px;position:relative;overflow:hidden;background:#b8aea7;border-radius:4px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.photo-tag{position:absolute;bottom:0;left:0;right:0;background:#272927;color:white;display:flex;justify-content:space-between;padding:18px 24px;font-size:11px;letter-spacing:2px;font-weight:800}.photo-tag span{color:#f0aa88}.about-copy h2{margin-bottom:28px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#5d5852;max-width:570px}.inline-link{display:inline-block;margin-top:20px;font-weight:800;font-size:13px;border-bottom:1px solid var(--accent);padding-bottom:12px}.inline-link span{margin-left:30px}.contact-section{background:#f8dfd1;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15%;align-items:center}.contact-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:450px;color:#5f5650}.contact-card{background:#fffaf7;padding:34px;border:1px solid #eac9b7;display:flex;align-items:flex-start;flex-direction:column}.contact-label{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:2px;margin-bottom:28px}.contact-card strong{font-size:24px;letter-spacing:-1px}.contact-number{font-size:22px;font-weight:800;display:flex;justify-content:space-between;width:100%;margin:15px 0 28px}.contact-number span{color:var(--accent)}.footer{background:var(--dark);color:#c7c8c4}.footer-inner{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-brand{font-size:28px;font-weight:800;letter-spacing:-2px;color:white}.footer-logo{display:flex;align-items:center}.footer-brand-image{width:64px;height:64px;object-fit:contain;display:block}.footer a:last-child{color:white}dialog{width:min(550px,calc(100% - 28px));border:0;padding:0;border-radius:8px;background:white;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#141615ab}.dialog-inner{padding:40px;position:relative}.dialog-inner h2{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1.5px;margin:0 0 16px}.dialog-inner>p:not(.eyebrow){color:var(--soft);line-height:1.8}.dialog-close{position:absolute;right:21px;top:14px;border:0;background:none;font-size:32px;cursor:pointer}.dialog-features{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.dialog-features span{padding:9px 12px;background:#f4f0eb;font-size:11px;font-weight:700}.dialog-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.dialog-actions .button{font-size:12px}@media(max-width:1000px){.container{width:min(var(--max),calc(100% - 48px))}.hero{gap:3%}.hero h1{letter-spacing:-2.5px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-art{height:450px}.art-shape{padding:0 15px}.window-content strong{font-size:32px}}@media(max-width:720px){.header{height:75px}.brand-image{width:60px;height:60px}.brand-caption{font-size:9px}.nav-cta{display:none}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--bg);padding:25px 26px;flex-direction:column;box-shadow:0 15px 20px #0001}nav.open{display:flex}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:none;width:38px;height:40px;cursor:pointer}.menu-button span{height:2px;background:var(--ink);width:24px}.hero{grid-template-columns:1fr;padding-top:63px;padding-bottom:66px;gap:50px}.hero h1{font-size:clamp(43px,10vw,64px);letter-spacing:-2.8px}.hero-lead{font-size:15px}.hero-notes{margin-top:40px;gap:14px}.hero-art{height:350px}.art-window{width:77%;min-height:180px}.window-content{padding:18px 28px}.window-content strong{font-size:30px;margin:10px 0}.section{padding:65px 0}.section-head{display:block}.section-head>p{margin-top:20px}.section-head h2,.about-copy h2,.contact-grid h2{font-size:38px;letter-spacing:-1.8px}.filters{gap:20px;overflow-x:auto;white-space:nowrap}.project-grid{grid-template-columns:1fr}.project-preview{height:250px}.project-body{padding:23px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-section{padding:65px 0}.about-photo{max-width:370px;height:360px}.contact-section{padding:65px 0}.footer-inner{flex-wrap:wrap;padding:20px 0}.services-grid{gap:12px}.service{min-height:290px;padding:20px 18px}.service-icon{margin:20px 0}.dialog-inner{padding:28px}.dialog-inner h2{font-size:29px}}@media(max-width:400px){.container{width:calc(100% - 32px)}.hero-actions{gap:15px}.hero h1{font-size:41px}.services-grid{grid-template-columns:1fr}.service{min-height:230px}.hero-notes{display:grid;grid-template-columns:1fr 1fr}.window-content strong{font-size:27px}.contact-card{padding:25px}.contact-number{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
[hidden]{display:none!important}