@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#171717;--dark:#111214;--gold:#c7a15a;--gold2:#e2c58c;--paper:#f5f2ec;--muted:#77736c;--line:rgba(199,161,90,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cairo',Arial,sans-serif}body.en{font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:86px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#111214;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;min-width:205px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid var(--gold)}.brand b{display:block;font-size:16px;letter-spacing:.3px}.brand small{display:block;color:#c7bda9;font-size:10px;letter-spacing:1.5px}.topbar nav{display:flex;gap:27px;font-size:13px;color:#e9e5dc}.topbar nav a:hover,.footer-brand:hover{color:var(--gold2)}.head-actions{display:flex;align-items:center;gap:12px}.lang{background:transparent;color:#fff;border:1px solid #76664b;padding:9px 13px;border-radius:2px;cursor:pointer;font:inherit;font-size:12px}.head-call{background:var(--gold);color:#171717;padding:10px 17px;font-weight:700;font-size:12px}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:650px;position:relative;display:flex;align-items:center;padding:80px 10%;overflow:hidden;color:white;background:linear-gradient(90deg,rgba(12,13,14,.92),rgba(12,13,14,.55)),url('assets/onyx.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 55%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:670px}.eyebrow,.section-tag{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.28;margin:22px 0 17px;font-weight:700;letter-spacing:-1.5px}.hero-copy{font-size:16px;line-height:2;color:#e0ddd6;max-width:570px}.hero-buttons{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-size:13px;font-weight:700;transition:.2s}.btn.gold{background:var(--gold);color:#161616}.btn.gold:hover{background:var(--gold2);transform:translateY(-2px)}.btn.outline{border:1px solid rgba(255,255,255,.55);color:white}.btn.outline:hover{border-color:var(--gold);color:var(--gold2)}.hero-points{display:flex;gap:26px;margin-top:52px;color:#d2cec5;font-size:11px}.hero-points span:before{content:"✦";color:var(--gold);margin-inline-end:8px}.hero-mark{position:absolute;z-index:1;bottom:-105px;right:7%;font:300 340px/1 'DM Sans';color:rgba(255,255,255,.045);letter-spacing:-35px}.hero-mark span{color:rgba(199,161,90,.25)}
.section{padding:105px 10%}.section-tag{padding-bottom:18px;border-bottom:1px solid var(--line);display:block;margin-bottom:48px}.intro-grid,.section-heading,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.intro h2,.section-heading h2,.why h2,.contact h2{font-size:clamp(36px,4.5vw,58px);line-height:1.35;margin:0;font-weight:700;letter-spacing:-1px}.intro h2 em,.section-heading h2 em,.why h2 em,.contact h2 em{font-style:normal;color:#b18b4b}.intro-text{font-size:14px;line-height:2.2;color:#5d5a54}.intro-text p{margin:0 0 15px}.text-link{display:inline-block;margin-top:10px;color:#8d6a30;font-weight:700;font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:5px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:75px;border-top:1px solid #d8d0c2;padding-top:27px}.values article{padding:0 10px}.values span,.service>b,.why-grid b{color:var(--gold);font:500 12px 'DM Sans';letter-spacing:2px}.values h3{font-size:17px;margin:12px 0 6px}.values p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}
.dark{background:var(--dark);color:#f5f1e9}.services{padding-bottom:115px}.section-heading{align-items:end;margin-bottom:45px}.section-heading p{font-size:13px;line-height:2.1;color:#aaa69e;max-width:420px;margin:0}.dark .section-tag{border-color:rgba(199,161,90,.28)}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #393733;border-left:1px solid #393733}.service{display:grid;grid-template-columns:40px 1fr 20px;gap:15px;padding:27px 22px;border-right:1px solid #393733;border-bottom:1px solid #393733;align-items:start;min-height:150px}.service h3{margin:0 0 8px;font-size:17px}.service p{margin:0;color:#a8a39a;font-size:12px;line-height:1.9}.service>span{color:var(--gold);font-size:18px}
.material-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.material-card{background:#fff;border:1px solid #e4ded3;display:grid;grid-template-columns:40% 1fr;min-height:190px;align-items:center}.stone{height:100%;min-height:190px;background-size:cover;background-position:center}.stone-marble{background-image:linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05)),url('assets/sink1.jpg')}.stone-granite{background-image:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),url('assets/stairs3.jpg')}.material-card>div:last-child{padding:22px}.material-card h3{margin:0 0 8px;font-size:19px}.material-card p{font:11px 'DM Sans';color:#777;line-height:1.8}.material-card small{font-size:11px;color:#a17c3f}.care-strip{margin-top:28px;background:#e9e3d8;display:grid;grid-template-columns:1fr 180px;align-items:center;padding:24px 35px;gap:30px}.care-strip h3{margin:8px 0;font-size:22px}.care-strip p{font-size:12px;color:#68645c;line-height:2;max-width:620px}.care-strip img{width:100%;height:125px;object-fit:cover}
.gallery{background:#eee9e0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#ddd;min-height:230px}.gallery-grid figure.wide{grid-column:span 2}.gallery-grid img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block;transition:transform .6s}.gallery-grid figure:hover img{transform:scale(1.045)}.gallery-grid figcaption{position:absolute;bottom:0;inset-inline:0;padding:30px 17px 14px;color:white;font-size:12px;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.why{padding-top:95px;padding-bottom:100px}.why h2{margin-bottom:55px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #393733;padding-top:26px}.why-grid h3{font-size:16px;margin:12px 0 8px}.why-grid p{font-size:12px;line-height:2;color:#a8a39a;margin:0}
.contact{background:#e6dfd3}.contact-grid{align-items:center}.contact h2{margin:20px 0}.contact>div>p,.contact-grid>div:first-child>p{color:#6e685e;font-size:13px;line-height:2}.contact-details{border-inline-start:1px solid #cfc4b1;padding-inline-start:45px}.contact-item{padding:15px 0;border-bottom:1px solid #cfc4b1}.contact-item small{display:block;font-size:10px;letter-spacing:1.5px;color:#8d7957;margin-bottom:7px}.contact-item a{font:600 23px 'DM Sans';direction:ltr;display:inline-block}.whatsapp{margin-top:25px;min-width:220px}.contact-note{font-size:11px;color:#7a746a;line-height:2;margin-top:23px}
footer{background:#111214;color:#aaa49a;padding:25px 7%;display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:15px}.footer-brand{font:600 11px 'DM Sans';letter-spacing:1px;color:#e5dfd3}.footer-brand span{color:var(--gold);padding:0 5px}
body.en{direction:ltr}body.en .hero-content,body.en .intro,body.en .services,body.en .materials,body.en .gallery,body.en .why,body.en .contact{text-align:left}body.en .hero-mark{right:auto;left:7%}body.en .hero-points span:before{margin-inline-end:8px}body.en .contact-details{border-inline-start:0;border-left:1px solid #cfc4b1;padding-left:45px;padding-right:0}
@media(max-width:900px){.topbar{padding:0 4%;height:76px}.topbar nav{gap:13px;font-size:11px}.brand{min-width:160px}.brand img{width:44px;height:44px}.head-call{display:none}.section{padding:80px 7%}.hero{padding:75px 8%;min-height:590px}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{height:70px}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:#171819;padding:18px 7%;flex-direction:column;gap:17px;border-top:1px solid #34312b}.topbar nav.open{display:flex}.menu-btn{display:block}.head-actions{margin-inline-start:auto;margin-inline-end:10px}.brand{min-width:0}.brand b{font-size:13px}.brand small{font-size:8px}.hero{min-height:610px;padding:65px 7%;background-position:60% center}.hero h1{font-size:44px}.hero-copy{font-size:14px}.hero-points{gap:11px;flex-wrap:wrap;margin-top:35px}.hero-points span{font-size:10px}.hero-mark{font-size:220px;bottom:-50px}.section{padding:70px 7%}.section-tag{margin-bottom:35px}.intro-grid,.section-heading,.contact-grid{grid-template-columns:1fr;gap:22px}.intro h2,.section-heading h2,.why h2,.contact h2{font-size:39px}.values{grid-template-columns:1fr;gap:22px;margin-top:45px}.service-grid{grid-template-columns:1fr}.service{padding:22px 15px;min-height:130px}.material-cards{grid-template-columns:1fr}.material-card{grid-template-columns:38% 1fr;min-height:160px}.stone{min-height:160px}.material-card>div:last-child{padding:14px}.material-card h3{font-size:16px}.material-card p{font-size:10px}.care-strip{grid-template-columns:1fr 105px;padding:18px;gap:15px}.care-strip h3{font-size:18px}.care-strip p{font-size:11px}.care-strip img{height:100px}.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-grid figure,.gallery-grid figure.wide{grid-column:span 1;min-height:165px}.gallery-grid figure.wide{grid-column:span 2}.gallery-grid img{min-height:165px}.gallery-grid figcaption{font-size:10px;padding:25px 10px 10px}.why-grid{grid-template-columns:1fr 1fr;gap:24px 15px}.contact-details{border:0;border-top:1px solid #cfc4b1;padding:20px 0 0}.contact-item a{font-size:20px}footer{flex-direction:column;align-items:flex-start;gap:12px}.contact-grid>div:first-child>p{font-size:12px}body.en .contact-details{border-left:0;padding-left:0}}