@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--black:#050505;--black2:#0a0908;--cream:#f6f0e6;--cream2:#fffaf2;--gold:#c8943d;--gold2:#efc66d;--ink:#15110d;--muted:#6f665d;--line:rgba(213,164,78,.34);--max:1240px;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--black);color:#fff;font-family:'Tajawal','Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=en] body{font-family:'Inter','Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}.container{width:min(calc(100% - 44px),var(--max));margin:auto}.section{padding:78px 0}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:#a66d23;font-size:1rem;font-weight:700;letter-spacing:.01em}.eyebrow::before,.eyebrow::after{content:'';width:42px;height:1px;background:#c89545}.section-title{font-size:clamp(2.35rem,4.4vw,4.35rem);line-height:1.18;margin:10px 0 14px;font-weight:800;letter-spacing:-.02em}.section-copy{font-size:1.08rem;line-height:1.95;color:var(--muted);margin:0}.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:linear-gradient(180deg,rgba(4,4,4,.98),rgba(4,4,4,.92));border-bottom:1px solid rgba(230,183,99,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav{height:var(--header);display:grid;grid-template-columns:210px 1fr 160px;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;direction:ltr}.brand-mark{width:68px;height:68px;object-fit:contain}.brand-text{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:600;line-height:.82;letter-spacing:.12em;color:#f0cf89}.brand-text small{display:block;font-family:'Inter',sans-serif;font-size:.48rem;letter-spacing:.46em;margin-top:9px;text-align:center;color:#c99a4a}.nav-links{display:flex;justify-content:center;align-items:center;gap:38px;white-space:nowrap}.nav-links a{font-size:1rem;font-weight:500;color:#f1ebe2;position:relative;padding:29px 0 24px}.nav-links a::after{content:'';position:absolute;left:50%;right:50%;bottom:12px;height:2px;background:#d0a04b;transition:.24s}.nav-links a:hover,.nav-links a.active{color:#f1c972}.nav-links a:hover::after,.nav-links a.active::after{left:0;right:0}.nav-tools{display:flex;justify-content:flex-end;align-items:center;gap:16px}.lang-link{font:700 .92rem 'Inter',sans-serif;color:#f0c86e}.menu-toggle{width:46px;height:46px;border:0;background:transparent;color:#ecc365;display:none;align-items:center;justify-content:center;cursor:pointer}.menu-toggle svg{width:30px;stroke:currentColor;stroke-width:1.8;fill:none}.hero{height:min(910px,100svh);min-height:700px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#050505}.hero-media{position:absolute;inset:0}.hero-media picture,.hero-media img{width:100%;height:100%;display:block}.hero-media img{object-fit:cover;object-position:center 49%;filter:saturate(1.04) contrast(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 12%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.78) 76%,rgba(0,0,0,.96) 100%),radial-gradient(circle at 50% 38%,transparent 0 47%,rgba(0,0,0,.18) 80%,rgba(0,0,0,.42) 100%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:930px;margin:0 auto;padding:180px 20px 52px}.hero h1{font-size:clamp(3.3rem,6.4vw,6.4rem);line-height:1.12;margin:0 0 16px;color:#f4daa0;font-weight:800;text-shadow:0 4px 28px rgba(0,0,0,.9);letter-spacing:-.035em}.hero p{font-size:clamp(1.12rem,1.85vw,1.46rem);line-height:1.9;max-width:850px;margin:0 auto;color:#fff9f0;font-weight:500;text-shadow:0 2px 14px #000}.hero-note{display:inline-flex;align-items:center;gap:18px;margin-top:18px;color:#e1b357;font-weight:700;font-size:.95rem}.hero-note::before,.hero-note::after{content:'';width:50px;height:1px;background:#d4a14a}.services{background:var(--cream);color:var(--ink);padding-top:56px}.services-head{text-align:center;max-width:890px;margin:0 auto 36px}.services-head .eyebrow{font-size:1.07rem}.services-head .section-title{font-size:clamp(2.25rem,4.2vw,4rem)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:linear-gradient(145deg,#17140f,#070707 72%);color:#fff;border:1px solid rgba(224,179,98,.42);border-radius:11px;padding:38px 30px 32px;box-shadow:0 18px 42px rgba(33,23,12,.14);transition:.24s}.service-card:hover{transform:translateY(-5px);border-color:#e0ae56;box-shadow:0 22px 52px rgba(33,23,12,.2)}.service-icon{width:68px;height:68px;margin:0 auto 22px;color:#edbd61}.service-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65}.service-card h3{text-align:center;font-size:1.65rem;line-height:1.4;margin:0 0 13px;font-weight:700}.service-card p{color:#f0e8dc;text-align:center;line-height:1.85;font-size:1rem;min-height:90px;margin:0}.service-more{margin-top:20px}.service-more summary{list-style:none;cursor:pointer;text-align:center;color:#efbd5c;font-size:.96rem;font-weight:600}.service-more summary::-webkit-details-marker{display:none}.service-more[open] summary{margin-bottom:14px}.service-more ul{margin:0;padding:15px 20px 0;border-top:1px solid rgba(255,255,255,.12);color:#ddd3c6;font-size:.9rem;line-height:1.9}.service-more li{margin:5px 0}.about{display:grid;grid-template-columns:1.35fr .82fr;background:var(--cream2);color:var(--ink);min-height:590px}.about-image{position:relative;overflow:hidden;min-height:570px}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.025) saturate(1.02)}.about-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#fffaf2 100%)}html[dir=rtl] .about-image::after{background:linear-gradient(270deg,transparent 60%,#fffaf2 100%)}.about-content{padding:72px 6vw;display:flex;flex-direction:column;justify-content:center}.about-content .eyebrow{justify-content:flex-start;font-size:1.06rem}.about-content .section-title{font-size:clamp(2.25rem,4vw,3.8rem)}.about-content .section-copy{max-width:540px;font-size:1.08rem}.text-button{align-self:flex-start;margin-top:26px;border:1px solid #ba8439;color:#8e5f23;padding:12px 25px;display:inline-flex;gap:12px;align-items:center;font-weight:600;transition:.2s}.text-button:hover{background:#111;color:#efd08a;border-color:#111}.work{background:#080808;position:relative;overflow:hidden}.work::before,.cta::before{content:'';position:absolute;inset:auto -10% -20px;height:130px;border-top:1px solid rgba(217,168,80,.35);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}.work-head{text-align:center;margin-bottom:34px}.work-head .section-copy{color:#d3cbc0}.gallery-shell{position:relative}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gallery-card{aspect-ratio:1.5/1;border:1px solid rgba(227,180,99,.5);border-radius:9px;overflow:hidden;background:#111;margin:0}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.35s;filter:contrast(1.02) saturate(1.03)}.gallery-card:hover img{transform:scale(1.035)}.gallery-dots{display:flex;justify-content:center;gap:9px;margin:18px 0 6px}.gallery-dots i{width:8px;height:8px;border-radius:50%;background:#59534c}.gallery-dots i.active{background:#e0b15c}.work-more{display:flex;justify-content:center;color:#d8a653;font-size:.96rem;font-weight:600;margin-top:10px}.cta{position:relative;background:radial-gradient(circle at 40% 20%,rgba(124,87,35,.18),transparent 35%),#090909;padding:48px 0;border-top:1px solid rgba(211,166,89,.3);border-bottom:1px solid rgba(211,166,89,.3);overflow:hidden}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(2rem,3.4vw,3.25rem);margin:0 0 6px;font-weight:700}.cta p{margin:0;color:#d4ccc0;font-size:1.05rem}.quote-button{border:2px solid #d8aa50;color:#efc978;background:transparent;border-radius:999px;padding:14px 30px;font-weight:700;min-width:190px;cursor:pointer;box-shadow:0 0 18px rgba(218,169,79,.13);transition:.2s}.quote-button:hover{background:#d2a14a;color:#111}.footer{background:#050505;padding:36px 0 20px}.footer-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.social-icons{display:flex;gap:12px;direction:ltr}.social-icon{width:46px;height:46px;border:1px solid #d8ac59;border-radius:50%;display:grid;place-items:center;color:#e4b861;transition:.2s}.social-icon:hover{background:#e1b35b;color:#070707;transform:translateY(-2px)}.social-icon svg{width:21px;height:21px;fill:currentColor}.footer-logo{width:145px;height:145px;object-fit:contain;margin:auto}.copyright{justify-self:end;color:#aaa198;font-size:.84rem}.tagline{margin-top:13px;color:#c99a4a;font-size:.84rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:15px;text-align:center;color:#77716b;font:500 .72rem/1.6 'Inter',sans-serif;letter-spacing:.04em}.modal{position:fixed;inset:0;z-index:5000;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}.modal-card{position:relative;z-index:1;background:#f5efe5;color:#15120e;width:min(620px,100%);border:1px solid #c79a50;border-radius:16px;padding:30px;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;border:1px solid #cdb98f;background:transparent;cursor:pointer}.modal-card h2{margin:0 0 8px;font-size:2rem}.modal-card>p{color:#6d6256;font-size:.95rem}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.85rem;color:#655b50;font-weight:600}.field input,.field textarea{border:1px solid #d5c4aa;background:#fffaf3;padding:12px 13px;border-radius:7px;outline:none}.field textarea{min-height:105px;resize:vertical}.send-quote{grid-column:1/-1;border:0;background:#16120e;color:#efc874;padding:14px;border-radius:8px;cursor:pointer;font-weight:700}.modal-note{grid-column:1/-1;color:#786e61;font-size:.78rem;margin:0}.en-serif{font-family:'Cormorant Garamond',serif}
@media(max-width:1020px){.nav{grid-template-columns:170px 1fr 110px}.nav-links{gap:22px}.brand-text{font-size:1.55rem}.about{grid-template-columns:1fr}.about-image{min-height:460px}.about-image::after{background:linear-gradient(180deg,transparent 62%,#fffaf2)!important}.services-grid{grid-template-columns:1fr}.service-card p{min-height:0}.gallery{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr;gap:22px;text-align:center}.social-icons{justify-content:center}.copyright{justify-self:center}.footer-logo{order:-1}.cta-inner{flex-direction:column;text-align:center}}
@media(max-width:780px){:root{--header:72px}.container{width:min(calc(100% - 28px),var(--max))}.nav{height:var(--header);grid-template-columns:1fr auto}.brand{grid-column:1}.nav-links{display:none;position:fixed;top:var(--header);inset-inline:0;background:rgba(5,5,5,.99);padding:10px 22px 22px;flex-direction:column;gap:0;border-bottom:1px solid #332815}.nav-links.open{display:flex}.nav-links a{width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:1rem}.nav-links a::after{display:none}.nav-tools{grid-column:2}.menu-toggle{display:flex}.brand-mark{width:55px;height:55px}.brand-text{font-size:1.32rem}.lang-link{font-size:.85rem}.hero{min-height:650px;height:82svh}.hero-media img{object-position:center 50%}.hero-content{padding:140px 4px 38px}.hero h1{font-size:clamp(2.7rem,10vw,4.2rem);line-height:1.16}.hero p{font-size:1.02rem;line-height:1.85}.hero-note{font-size:.78rem;gap:10px}.hero-note::before,.hero-note::after{width:30px}.section{padding:64px 0}.services{padding-top:50px}.section-title{font-size:2.25rem}.section-copy{font-size:1rem;line-height:1.85}.service-card{padding:34px 24px 30px}.service-card h3{font-size:1.5rem}.about-content{padding:56px 24px 66px}.about-image{min-height:350px}.gallery{grid-template-columns:1fr 1fr;gap:9px}.cta{padding:38px 0}.quote-form{grid-template-columns:1fr}.field.full,.send-quote,.modal-note{grid-column:auto}.footer-logo{width:124px;height:124px}.social-icon{width:44px;height:44px}}
@media(max-width:500px){.brand-text{display:none}.nav{grid-template-columns:74px 1fr}.hero{height:78svh;min-height:610px}.hero h1{font-size:2.55rem}.hero-content{padding-top:155px}.gallery{grid-template-columns:1fr}.gallery-card{aspect-ratio:1.62/1}.social-icons{gap:10px}.cta h2{font-size:1.95rem}.services-head .section-title{font-size:2.2rem}.eyebrow{font-size:.95rem}}


/* Floating WhatsApp and telephone shortcuts */
.floating-contacts{position:fixed;z-index:1500;right:18px;bottom:calc(30px + env(safe-area-inset-bottom, 0px));display:flex;align-items:flex-end;flex-direction:column;gap:12px;direction:ltr}
.floating-contact{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;box-sizing:border-box;border-radius:999px;text-decoration:none;box-shadow:0 9px 26px rgba(0,0,0,.3);transition:transform .22s ease,box-shadow .22s ease;font-family:'Inter','Segoe UI',Arial,sans-serif;font-weight:700;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.floating-contact:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.4)}
.floating-contact:focus-visible{outline:3px solid #fff;outline-offset:4px}
.floating-contact-icon{width:27px;height:27px;flex-shrink:0;display:block;animation:floating-icon-bob 3.4s ease-in-out infinite}
.floating-contact--whatsapp{width:58px;height:58px;color:#fff;background:#22c763;border:2px solid rgba(255,255,255,.55)}
.floating-contact--whatsapp::before{content:'';position:absolute;inset:-5px;border:2px solid rgba(34,199,99,.47);border-radius:inherit;z-index:-1;pointer-events:none;animation:floating-contact-pulse 3s ease-out infinite}
.floating-contact--phone{padding:0 16px 0 14px;color:#f5cc7b;border:1px solid #c79648;background:linear-gradient(135deg,#19140e,#050505);min-width:195px;font-size:14px;letter-spacing:.015em}
.floating-contact--phone .floating-contact-icon{width:23px;height:23px;animation-delay:.75s}
.floating-phone-number{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
@keyframes floating-icon-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes floating-contact-pulse{0%,100%{opacity:.65;transform:scale(1)}55%{opacity:0;transform:scale(1.24)}}
@media(max-width:780px){.floating-contacts{right:13px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));gap:10px}.floating-contact--whatsapp{width:53px;height:53px;min-height:53px}.floating-contact--phone{min-height:48px;min-width:181px;padding:0 13px;font-size:13px}.floating-contact-icon{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.floating-contact,.floating-contact-icon,.floating-contact--whatsapp::before{animation:none;transition:none}}