@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--bg:#050403;--card:#120d09;--card2:#1b120c;--copper:#d69555;--gold:#f0bd82;--text:#fff6eb;--muted:#c9b8a7;--line:rgba(240,189,130,.24)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
a{text-decoration:none;color:inherit}
img{width:100%;height:100%;object-fit:cover;display:block}
.site-header{background:rgba(5,4,3,.96);border-bottom:1px solid var(--line);padding:18px 6% 14px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand h1{color:var(--gold);font-size:30px;line-height:1.15}
.brand p{color:var(--muted);font-size:15px;font-weight:800}
.mark{width:62px;height:62px;border:2px solid var(--gold);border-radius:20px;display:grid;place-items:center;color:var(--gold);font-weight:900;font-size:19px}
.nav{display:flex;gap:20px;overflow-x:auto;white-space:nowrap;padding-top:18px;font-size:18px;font-weight:900}
.hero{min-height:calc(100vh - 130px);display:grid;align-items:end;padding:190px 6% 34px;background:linear-gradient(135deg,#050403 0%,#21150d 45%,#050403 100%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero-image{position:absolute;inset:0;opacity:1;background:repeating-linear-gradient(45deg,#20140c 0 18px,#0a0604 18px 36px)}
.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,3,.45) 0%,rgba(5,4,3,.38) 35%,rgba(5,4,3,.94) 100%)}
.hero-content{position:relative;z-index:2;max-width:760px;margin-right:auto;background:rgba(5,4,3,.30);border:1px solid rgba(240,189,130,.16);border-radius:26px;padding:18px;backdrop-filter:blur(3px)}
.eyebrow{display:inline-block;color:var(--gold);font-weight:900;font-size:18px;margin-bottom:12px}
.hero h2{font-size:34px;line-height:1.25}
.hero h2 b{color:var(--gold)}
.hero p{color:var(--muted);font-size:17px;margin-top:16px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-buttons a,.cta a{padding:13px 20px;border-radius:16px;font-size:18px;font-weight:900}
.primary,.cta a{background:linear-gradient(135deg,var(--copper),var(--gold));color:#150d07}
.secondary{border:1px solid var(--gold);color:var(--gold);background:rgba(240,189,130,.04)}
.services,.gallery-section,.cta{padding:62px 6%}
.section-title{margin-bottom:28px}
.section-title span{color:var(--gold);font-weight:900;font-size:17px}
.section-title h2{font-size:31px;line-height:1.25}
.service-cards{display:grid;gap:18px}
.service-card{display:block;min-height:165px;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:28px;padding:28px 24px}
.service-card h3{font-size:30px;margin-bottom:10px}
.service-card p{color:var(--muted);font-size:19px}
.gallery-section{background:#090604}
.gallery-note{color:var(--muted);font-size:16px;margin-bottom:22px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gallery-card{height:190px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#1b120c;padding:0}
.gallery-card img{display:block}
.cta{text-align:center;background:radial-gradient(circle at center,rgba(240,189,130,.13),transparent 40%),#050403;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta h2{color:var(--gold);font-size:38px}
.cta p{color:var(--muted);font-size:20px;margin:12px auto 28px;max-width:620px}
.cta a{display:inline-flex}
.footer{display:grid;gap:28px;padding:52px 6%;background:#020201}
.footer h3{color:var(--gold);font-size:24px;margin-bottom:8px}
.footer p,.footer a{color:var(--muted);font-size:18px;display:block;margin:5px 0}
.floating-whatsapp{position:fixed;left:16px;bottom:16px;z-index:40;background:#19b65b;color:white;border-radius:999px;padding:11px 16px;font-weight:900;font-size:16px;box-shadow:0 12px 34px rgba(0,0,0,.45)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
.lightbox.show{display:flex}
.lightbox img{max-width:100%;max-height:86vh;border-radius:18px;object-fit:contain}
.lightbox button{position:absolute;top:18px;left:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#130d08;color:white;font-size:34px}
@media(min-width:760px){.hero{padding:70px 7%;min-height:72vh}.hero h2{font-size:64px}.hero p{font-size:23px}.service-cards{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.footer{grid-template-columns:2fr 1fr 1fr;padding:60px 7%}}