@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Kufi+Arabic:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap";
:root{--ink:#20211e;--muted:#68685f;--sand:#d6c4a7;--cream:#f5f1e9;--stone:#dad8d0;--wood:#8b6e52;--white:#fff;--line:#20211e24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fbfaf7;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.site[dir=rtl]{font-family:Noto Kufi Arabic,sans-serif}.skip{background:var(--ink);color:#fff;z-index:100;padding:12px;position:fixed;top:-60px;left:20px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fbfaf7f0;justify-content:space-between;align-items:center;height:88px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.14em;white-space:nowrap;font:600 19px/1 DM Sans}.brand span{letter-spacing:.38em;margin-top:6px;font-size:8px;display:block}.header nav{gap:2vw;display:flex}.header nav a{color:var(--muted);border-bottom:2px solid #0000;padding:34px 0 29px;font-size:14px}.header nav a:hover,.header nav a.active{color:var(--ink);border-color:var(--ink)}.header-actions{align-items:center;gap:14px;display:flex}.language{font-size:13px}.button{background:var(--ink);color:#fff;border:1px solid var(--ink);justify-content:center;align-items:center;padding:15px 23px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.button:hover{background:var(--wood);border-color:var(--wood);transform:translateY(-2px)}.button.small{padding:11px 16px}.button.ghost{color:var(--ink);background:0 0}.actions{flex-wrap:wrap;gap:12px;display:flex}.hero{grid-template-columns:1.1fr .9fr;align-items:stretch;min-height:690px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:9vw 7vw 8vw 8vw;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--wood);margin:0 0 22px;font-size:11px;font-weight:600}.site[dir=rtl] .eyebrow{text-transform:none;letter-spacing:0}.hero h1,.page-hero h1{letter-spacing:-.035em;max-width:850px;margin:0;font:500 clamp(44px,5.6vw,84px)/1.02 Playfair Display,serif}.site[dir=rtl] .hero h1,.site[dir=rtl] .page-hero h1{letter-spacing:0;font-family:Noto Kufi Arabic,sans-serif;font-weight:500;line-height:1.35}.lead{color:var(--muted);max-width:680px;margin:30px 0;font-size:clamp(17px,1.5vw,21px);line-height:1.7}.hero-art{background:linear-gradient(145deg,#d8d0c4,#b8a990);position:relative;overflow:hidden}.arch{background:#ece6db;border-radius:180px 180px 0 0;width:66%;height:78%;position:absolute;top:11%;left:17%;box-shadow:inset 0 0 0 20px #ffffff3d}.cabinet{background:#7b6958;width:45%;height:31%;position:absolute;bottom:9%;right:8%;box-shadow:inset 0 0 0 1px #ffffff3d}.sofa{background:#c5b49d;border-radius:36px 36px 8px 8px;width:55%;height:22%;position:absolute;bottom:8%;left:3%;box-shadow:0 -30px 0 -15px #b4a48e}.section{padding:100px 8vw}.trust{background:var(--ink);color:#fff;grid-template-columns:.7fr 1.3fr;align-items:center;gap:8vw;padding:62px 8vw;display:grid}.trust h2,.section h2,.cta h2{margin:0;font:500 clamp(32px,4vw,54px)/1.12 Playfair Display,serif}.site[dir=rtl] h2{font-family:Noto Kufi Arabic,sans-serif;line-height:1.5}.trust-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.trust-grid div{border-top:1px solid #ffffff40;flex-direction:column;gap:26px;padding-top:18px;display:flex}.trust-grid b{color:var(--sand);font-size:11px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin-bottom:55px;display:grid}.section-heading>p{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:290px;padding:28px;transition:all .25s;display:flex;position:relative}.service-card:hover{background:var(--cream);transform:translateY(-4px)}.service-card>span{color:var(--wood);font-size:11px}.service-card h3{margin:45px 0 14px;font-size:21px}.service-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.service-card b{position:absolute;bottom:22px;right:25px}.site[dir=rtl] .service-card b{left:25px;right:auto}.projects-preview{background:var(--cream)}.preview-grid,.project-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#c5b9a8,#8b7968);position:relative;overflow:hidden}.placeholder:before{content:"";background:#f4eee28c;border-radius:100px 100px 0 0;width:60%;height:70%;position:absolute;bottom:0;right:8%}.placeholder span,.service-visual span{color:#fff;z-index:1;font-size:11px;position:absolute;top:18px;left:18px}.p1{background:linear-gradient(145deg,#b8b5aa,#72746e)}.p2{background:linear-gradient(145deg,#dfd4c3,#a98e70)}.p3{background:linear-gradient(145deg,#b9aaa0,#78675d)}.preview-grid h3,.project-grid h2{margin:20px 0 7px;font-size:20px}.preview-grid p,.project-grid p{color:var(--muted);font-size:13px}.text-link,.project-grid a{border-bottom:1px solid;margin-top:34px;font-weight:600;display:inline-block}.cta{background:var(--wood);color:#fff;text-align:center;padding:110px 8vw}.cta h2{font-size:clamp(40px,6vw,75px)}.cta>p:not(.eyebrow){color:#fffc;max-width:560px;margin:25px auto;font-size:18px}.cta .actions{justify-content:center}.light-button{color:var(--ink);background:#fff;border-color:#fff}.outline-light{color:#fff;background:0 0;border-color:#ffffffa6}.page-hero{background:var(--cream);padding:115px 8vw 90px}.split{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.split p:not(.eyebrow){color:var(--muted);line-height:1.8}.material-panel{background:linear-gradient(135deg,#d9cdbb,#9d856d);align-items:flex-end;min-height:460px;padding:35px;display:flex;position:relative;overflow:hidden}.material-panel:before{content:"";background:#ffffff47;border-radius:180px 180px 0 0;width:62%;height:75%;position:absolute;bottom:0;right:10%}.material-panel span{color:#fff;max-width:280px;font:500 28px/1.3 Playfair Display,serif;position:relative}.process{background:var(--ink);color:#fff}.process>div{grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}.process article{border:1px solid #ffffff26;min-height:190px;padding:28px}.process article b{color:var(--sand);font-size:11px}.process article h3{margin-top:45px;font-size:19px}.service-list article{border-bottom:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:8vw;padding:80px 0;scroll-margin-top:90px;display:grid}.service-list article:first-child{padding-top:0}.service-visual{color:#fff;background:linear-gradient(135deg,#d0c4b2,#8d7862);align-items:end;min-height:370px;padding:24px;display:flex;position:relative}.service-visual:before{content:"";background:#ffffff3d;border-radius:140px 140px 0 0;width:52%;height:70%;position:absolute;bottom:0;right:12%}.service-visual em{font-size:12px;font-style:normal;position:relative}.service-list h2{margin-bottom:20px}.service-list p{color:var(--muted);line-height:1.75}.service-list ul{flex-wrap:wrap;gap:8px;margin:24px 0;padding:0;list-style:none;display:flex}.service-list li{border:1px solid var(--line);padding:9px 12px;font-size:12px}.quote-note{font-weight:600;color:var(--ink)!important}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid article{padding-bottom:45px}.project-grid article .placeholder{aspect-ratio:16/10}.contact-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-card{border:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:300px;padding:35px;display:flex}.contact-card>span{color:var(--wood);font-size:11px}.contact-card h2{margin:55px 0 18px;font-size:31px}.contact-card p{color:var(--muted);line-height:1.7}.contact-card a:not(.button){border-bottom:1px solid;font-weight:600}.contact-card.primary{background:var(--ink);color:#fff}.contact-card.primary p{color:#ffffffb3}.contact-card.wide{grid-column:1/-1;min-height:230px}.legal{max-width:900px}.legal article{border-bottom:1px solid var(--line);padding:45px 0}.legal article span{color:var(--wood);font-size:11px}.legal article p{color:var(--muted);font-size:17px;line-height:1.85}.legal aside{background:var(--cream);border-left:3px solid var(--wood);margin:35px 0;padding:25px}footer{color:#fff;background:#171815;grid-template-columns:1.4fr .7fr 1fr;gap:6vw;padding:75px 8vw 40px;display:grid}footer p,footer span,footer small{color:#ffffff9e;font-size:13px;line-height:1.7}footer>div{flex-direction:column;gap:10px;display:flex}footer strong{color:var(--sand);margin-bottom:10px;font-size:12px}footer a{font-size:13px}.footer-legal{border-top:1px solid #ffffff26;grid-column:1/-1;grid-template-columns:1fr 2fr auto;margin-top:30px;padding-top:24px;display:grid}.floating{z-index:30;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.site[dir=rtl] .floating{left:22px;right:auto}.floating a{color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;font-weight:600;display:grid;box-shadow:0 8px 25px #00000038}.float-call{background:var(--ink)}.float-wa{background:#247a4b;font-size:12px}:focus-visible{outline-offset:3px;outline:3px solid #2972d3}@media (max-width:1000px){.header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:90px 8vw}.hero-art{min-height:480px}.service-grid{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.header{height:72px}.header-actions .button{display:none}.hero-copy{padding:70px 6vw}.hero h1,.page-hero h1{font-size:43px}.hero-art{min-height:360px}.section,.page-hero{padding:70px 6vw}.trust{padding:55px 6vw}.trust-grid,.service-grid,.preview-grid,.project-grid,.process>div,.contact-grid{grid-template-columns:1fr}.section-heading,.split,.service-list article{grid-template-columns:1fr;gap:35px}.service-card{min-height:235px}.service-list article{padding:55px 0}.service-visual{min-height:290px}.contact-card.wide{grid-column:auto}.cta{padding:80px 6vw}.cta h2{font-size:43px}footer{grid-template-columns:1fr;padding:60px 6vw 30px}.footer-legal{grid-column:auto;grid-template-columns:1fr}.floating{bottom:14px;right:14px}.site[dir=rtl] .floating{left:14px}.floating a{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}