:root{
  --bg:#080808;--bg2:#0d0d0d;--panel:#111;--panel2:#15120f;--gold:#b99255;--gold2:#d5b474;--gold3:#8f6b36;--text:#f5f2eb;--muted:#aaa49b;--line:rgba(213,180,116,.24);--white-line:rgba(255,255,255,.08);--container:1450px;--shadow:0 28px 70px rgba(0,0,0,.42)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Montserrat',Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden;direction:ltr;text-align:left}
html[lang^="ar"] body{font-family:'Tajawal',Arial,sans-serif;direction:rtl;text-align:right}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 52px),var(--container));margin-inline:auto}
.site-main{overflow:hidden}
.section{padding:110px 0}
.section-dark{background:#090909}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow,.section-label span,.hero-kicker{font-family:'Montserrat',sans-serif;font-size:.72rem;letter-spacing:.28em;color:var(--gold2);font-weight:700;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:0 24px;border:1px solid transparent;font-weight:800;transition:.25s ease;white-space:nowrap}
.btn-gold{background:linear-gradient(135deg,var(--gold2),#9e7740);color:#0a0a0a;border-color:rgba(255,232,187,.28);box-shadow:0 10px 25px rgba(185,146,85,.15)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-outline,.btn-glass{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(10,10,10,.25);backdrop-filter:blur(10px)}
.btn-outline:hover,.btn-glass:hover{border-color:var(--gold2);color:var(--gold2);background:rgba(185,146,85,.06)}
.gold-link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--gold2);font-weight:800}
.gold-link:hover{gap:16px}

/* Header */
.site-header{position:fixed;top:0;inset-inline:0;z-index:1000;background:linear-gradient(to bottom,rgba(5,5,5,.88),rgba(5,5,5,.22),transparent);border-bottom:1px solid transparent;transition:.3s ease}
.site-header.is-scrolled{background:rgba(6,6,6,.94);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.07);box-shadow:0 12px 35px rgba(0,0,0,.24)}
.header-inner{height:96px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:34px}
.brand{display:flex;align-items:center;min-width:0}
.brand img,.custom-logo{max-height:78px;width:auto;object-fit:contain}
.custom-logo-link{display:flex;align-items:center}
.primary-nav{justify-self:center}
.primary-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:34px;align-items:center}
.primary-nav li{position:relative}
.primary-nav a{display:block;color:#f5f2eb;font-weight:700;font-size:.95rem;padding:33px 0 26px;position:relative}
.primary-nav a::after{content:"";position:absolute;inset-inline:50% 50%;bottom:20px;height:1px;background:var(--gold2);transition:.25s}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--gold2)}
.primary-nav a:hover::after,.primary-nav .current-menu-item>a::after{inset-inline:0 0}
.header-tools{display:flex;align-items:center;gap:14px}
.lang-chip{width:38px;height:38px;border-radius:50%;border:1px solid rgba(213,180,116,.5);display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;color:#eee1c6;background:rgba(9,9,9,.5)}
.header-cta{min-height:42px;padding:0 18px;font-size:.87rem}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px 0}

/* Hero */
.lux-hero{position:relative;min-height:790px;height:92vh;max-height:980px;background-image:var(--hero);background-size:cover;background-position:center;display:flex;align-items:center;border-bottom:1px solid rgba(213,180,116,.3)}
.lux-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(5,5,5,.82) 32%,rgba(5,5,5,.38) 63%,rgba(5,5,5,.38) 100%),linear-gradient(to top,rgba(5,5,5,.82),transparent 38%)}
.lux-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(202,160,89,.12),transparent 27%);pointer-events:none}
.hero-gridlines{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(90deg,#000 0%,transparent 72%)}
.lux-hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,700px) 220px;justify-content:space-between;align-items:center;padding-top:80px}
.hero-kicker{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.hero-kicker span{width:45px;height:1px;background:var(--gold2)}
.lux-hero h1{font-size:clamp(3.4rem,6.5vw,7.3rem);line-height:.99;letter-spacing:-.035em;margin:0 0 28px;max-width:830px;text-shadow:0 6px 28px rgba(0,0,0,.5)}
.lux-hero h1::first-line{color:var(--gold2)}
.lux-hero-copy>p{font-size:1.14rem;color:#d5d0c8;max-width:650px;margin:0 0 32px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-proof{margin-top:48px;display:flex;gap:0;border-top:1px solid rgba(255,255,255,.12);max-width:680px}
.hero-proof>div{padding:18px 28px 0;border-inline-end:1px solid rgba(255,255,255,.1);min-width:155px}
.hero-proof>div:first-child{padding-inline-start:0}.hero-proof>div:last-child{border:0}
.hero-proof strong{display:block;font-family:'Montserrat',sans-serif;color:var(--gold2);font-size:1.1rem}
.hero-proof span{color:#918b81;font-size:.8rem}
.hero-rail{border-inline-start:1px solid var(--gold);padding-inline-start:28px;display:grid;gap:7px;align-self:center}
.hero-rail span{font-family:'Montserrat',sans-serif;font-size:.7rem;letter-spacing:.24em;color:#b3aea6}
.hero-rail span:last-child{margin-top:8px;color:#fff;line-height:1.6}
.hero-bottom{position:absolute;z-index:4;bottom:26px;inset-inline:0;display:flex;justify-content:space-between;align-items:flex-end}
.hero-index{display:flex;align-items:center;gap:12px;font-family:'Montserrat',sans-serif;color:#777}
.hero-index b{color:var(--gold2)}.hero-index i{display:block;width:120px;height:1px;background:linear-gradient(90deg,var(--gold2) 0 35%,rgba(255,255,255,.24) 35%)}
.hero-location{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:start}.hero-location .pin{grid-row:1/3;font-size:1.6rem;color:var(--gold2)}.hero-location strong{color:var(--gold2);font-size:.86rem}.hero-location small{color:#bbb5ac}

/* About */
.luxe-about{background:radial-gradient(circle at 78% 20%,rgba(185,146,85,.07),transparent 26%),linear-gradient(180deg,#0d0d0d,#090909)}
.luxe-about-grid{display:grid;grid-template-columns:1.05fr 1.15fr 160px;gap:70px;align-items:center}
.about-collage{position:relative;min-height:560px}
.about-main-photo{position:absolute;inset:0 18% 8% 0;margin:0;overflow:hidden;border:1px solid rgba(213,180,116,.22);box-shadow:var(--shadow)}
.about-main-photo img,.about-small-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}
.about-main-photo::after,.about-small-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.35),transparent 65%)}
.about-small-photo{position:absolute;width:42%;height:43%;inset-inline-end:0;bottom:0;margin:0;border:8px solid #0d0d0d;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.35)}
.experience-badge{position:absolute;inset-inline-start:-18px;bottom:50px;background:linear-gradient(145deg,#b88f4f,#8c6736);color:#0b0b0b;padding:24px 26px;width:180px;box-shadow:0 18px 36px rgba(0,0,0,.35)}
.experience-badge strong{font-family:'Montserrat',sans-serif;font-size:2.4rem;display:block;line-height:1}.experience-badge span{display:block;margin-top:9px;font-weight:800;line-height:1.45}
.collage-frame{position:absolute;inset:30px 5% -18px 9%;border:1px solid rgba(213,180,116,.18);z-index:-1}
.section-label{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-label::after{content:"";width:64px;height:1px;background:var(--gold)}
.about-content h2{font-size:clamp(2.6rem,4vw,5rem);margin:0 0 24px;line-height:1.05}.about-content>p{color:#bbb5ad;font-size:1.08rem;max-width:730px}
.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.about-values div{border-top:1px solid rgba(213,180,116,.24);padding-top:17px;display:grid;gap:8px}.about-values b{color:var(--gold2);font-size:1.45rem}.about-values span{font-weight:700;font-size:.9rem}
.about-side{height:335px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}
.about-side strong{font-family:'Montserrat',sans-serif;font-size:3.3rem;color:var(--gold2);line-height:1}.about-side span{color:#d3c8b5;font-weight:700}.about-side i{width:50px;height:1px;background:var(--gold);margin:18px 0}.about-side small{color:#807a72;line-height:1.9}

/* Services */
.luxury-services{background:#060606;position:relative;border-block:1px solid rgba(213,180,116,.14)}
.luxury-services::before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle at 12% 10%,rgba(185,146,85,.18),transparent 25%),linear-gradient(135deg,transparent 45%,rgba(255,255,255,.018) 45% 46%,transparent 46%);background-size:auto,28px 28px}
.luxe-heading{display:flex;justify-content:center;align-items:center;gap:18px;text-align:center;position:relative;z-index:2}.luxe-heading h2{font-size:clamp(2.2rem,3.5vw,4.2rem);margin:4px 0 0;line-height:1}.mini-line{width:58px;height:1px;background:var(--gold)}
.services-luxe-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}
.service-luxe-card{border:1px solid rgba(213,180,116,.3);background:linear-gradient(155deg,rgba(255,255,255,.025),rgba(255,255,255,.008));padding:38px 30px 30px;min-height:310px;display:flex;flex-direction:column;transition:.3s ease}
.service-luxe-card:hover{transform:translateY(-7px);background:linear-gradient(155deg,rgba(185,146,85,.09),rgba(255,255,255,.01));border-color:rgba(213,180,116,.55);box-shadow:0 20px 45px rgba(0,0,0,.32)}
.service-icon{font-size:2rem;color:var(--gold2);height:48px}.service-luxe-card h3{font-size:1.35rem;margin:22px 0 10px}.service-luxe-card p{color:#969087;margin:0 0 22px}.service-more{margin-top:auto;color:var(--gold2);font-weight:700;font-size:.9rem;display:flex;gap:8px;align-items:center}.service-luxe-card:hover .service-more{gap:14px}

/* Stats */
.lux-stats{position:relative;overflow:hidden;border-bottom:1px solid rgba(213,180,116,.2)}
.lux-stats-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(14,12,9,.90)),url('https://sadabro.com/wp-content/uploads/2023/11/pexels-ivan-129544-1.jpg') center/cover;filter:saturate(.35)}
.stats-luxe-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr repeat(4,1fr);min-height:180px;align-items:stretch}
.stats-title,.stat-luxe{padding:38px 30px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid rgba(255,255,255,.13)}
.stats-title span{color:var(--gold2);font-size:1.15rem;font-weight:700}.stats-title strong{font-size:2rem;line-height:1.2}.stat-luxe{text-align:center;align-items:center}.stat-luxe b{font-family:'Montserrat',sans-serif;font-size:3rem;line-height:1;color:var(--gold2)}.stat-luxe span{margin-top:9px;color:#beb7ad;font-size:.9rem}

/* Projects */
.luxe-projects{background:#0a0a0a}
.projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.projects-head h2{font-size:clamp(2.5rem,4vw,4.6rem);margin:2px 0 0;line-height:1}.project-tabs{display:flex;gap:28px;color:#aaa39b;font-weight:700}.project-tabs span{padding-bottom:6px;border-bottom:1px solid transparent}.project-tabs .active{color:var(--gold2);border-color:var(--gold2)}
.project-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;align-items:stretch}
.project-luxe-card{min-width:0}.project-luxe-image{position:relative;display:block;height:330px;background-size:cover;background-position:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.project-luxe-image::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 25%,rgba(0,0,0,.45));transition:.35s}.project-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,.72),transparent 48%)}
.project-arrow{position:absolute;top:16px;inset-inline-end:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;background:rgba(8,8,8,.25);opacity:0;transform:translateY(8px);transition:.3s}.project-luxe-card:hover .project-arrow{opacity:1;transform:none}.project-luxe-card:hover .project-luxe-image::before{background:linear-gradient(160deg,rgba(185,146,85,.10),rgba(0,0,0,.38))}
.project-luxe-meta{padding:14px 2px}.project-luxe-meta h3{margin:0;font-size:1rem;line-height:1.3}.project-luxe-meta small{color:#736d64;font-family:'Montserrat',sans-serif;font-size:.58rem;letter-spacing:.15em}
.project-all-card{height:330px;border:1px solid var(--gold3);background:linear-gradient(160deg,#151009,#090909);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:26px;color:var(--gold2);position:relative;overflow:hidden}.project-all-card::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(213,180,116,.1);border-radius:50%;inset-inline-end:-70px;bottom:-70px}.project-all-card span{font-size:1.45rem;line-height:1.3}.project-all-card span b{font-size:1.8rem}.project-all-card i{width:55px;height:1px;background:var(--gold);margin:24px 0}.project-all-card small{font-weight:700}

/* Why */
.luxe-why{background:#060606;border-top:1px solid rgba(255,255,255,.06)}
.why-luxe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:42px}.why-luxe-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);text-align:center;padding:30px 24px;min-height:220px}.why-luxe-card b{color:var(--gold2);font-size:2rem}.why-luxe-card h3{font-size:1.15rem;margin:14px 0 7px}.why-luxe-card p{color:#8e887f;margin:0;font-size:.92rem}

/* Partners */
.partners-strip{background:#0c0c0c;border-block:1px solid rgba(213,180,116,.16);padding:34px 0}.partners-inner{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:center}.partners-title span{display:block;font-family:'Montserrat',sans-serif;font-size:.65rem;letter-spacing:.22em;color:var(--gold2)}.partners-title strong{font-size:1.35rem}.partners-placeholder{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.partners-placeholder span{height:52px;border-inline-start:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#66615b;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.08em}

/* CTA */
.luxe-cta{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.luxe-cta-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(11,10,9,.72)),url('https://sadabro.com/wp-content/uploads/2023/11/WhatsApp-Image-2023-11-08-at-23.31.32.jpeg') center/cover;filter:saturate(.45)}.luxe-cta-inner{position:relative;z-index:2;min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:40px}.luxe-cta h2{font-size:2rem;margin:4px 0}.luxe-cta p{margin:0;color:#aba59c}.luxe-cta>span,.luxe-cta-inner>div>span{color:var(--gold2);font-weight:700}.luxe-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Footer */
.site-footer{background:#050505;padding-top:64px}.footer-gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.footer-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr;gap:54px;padding:60px 0 48px}.footer-brand img{width:230px;max-height:130px;object-fit:contain;object-position:center;margin-bottom:14px}.footer-brand p,.site-footer p,.site-footer li,.site-footer a{color:#928c84}.site-footer h3{color:var(--gold2);font-size:1rem;margin:0 0 18px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.site-footer a:hover{color:var(--gold2)}.footer-project .btn{margin-top:12px}.footer-bottom{min-height:70px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#69645e;font-size:.82rem}.footer-legal{display:flex;gap:10px}.back-to-top{width:38px;height:38px;border:1px solid rgba(213,180,116,.35);display:grid;place-items:center;color:var(--gold2)!important;border-radius:50%}

/* General inner pages */
.page-hero{position:relative;padding:230px 0 100px;min-height:490px;display:flex;align-items:end;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.63)),url('https://sadabro.com/wp-content/uploads/2023/11/WhatsApp-Image-2023-11-08-at-23.20.36.jpeg') center/cover}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(185,146,85,.13),transparent 24%)}.page-hero-inner{position:relative;z-index:2}.page-hero h1{font-size:clamp(3rem,5vw,6rem);line-height:1;margin:8px 0 20px}.page-hero p{max-width:700px;color:#b9b2a9;font-size:1.08rem}.page-hero-about{background-image:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.58)),url('https://sadabro.com/wp-content/uploads/2023/11/WhatsApp-Image-2023-11-08-at-23.28.23.jpeg')}.page-hero-projects{background-image:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.54)),url('https://sadabro.com/wp-content/uploads/2023/11/WhatsApp-Image-2023-11-08-at-23.19.30-1024x768.jpeg')}.page-hero-contact{background-image:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.6)),url('https://sadabro.com/wp-content/uploads/2023/11/pexels-ivan-129544-1.jpg')}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.prose{color:#bbb4ab;font-size:1.05rem}.prose h2,.prose h3{color:#fff}.about-page-grid h2{font-size:clamp(2.7rem,4vw,5rem);margin:0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-panel{border:1px solid var(--line);padding:38px;background:linear-gradient(160deg,rgba(185,146,85,.05),rgba(255,255,255,.01));min-height:310px}.value-panel h2{font-size:1.9rem;margin:24px 0 13px}.value-panel p{color:var(--muted)}.card-index{font-family:'Montserrat',sans-serif;color:var(--gold2)}.hse-section{background:radial-gradient(circle at 80% 20%,rgba(185,146,85,.10),transparent 30%),#090909;border-block:1px solid var(--line)}.hse-grid h2{font-size:clamp(2.3rem,4vw,4.5rem);line-height:1.05;margin:0}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-card{border:1px solid var(--white-line);padding:30px;background:#0e0e0e}.why-card strong{color:var(--gold2)}.why-card p{color:var(--muted)}
.projects-page{background:#090909}.project-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filter-pill{border:1px solid var(--line);padding:9px 16px;color:#a9a299;background:#0c0c0c;font-weight:700}.filter-pill.is-active{background:var(--gold);color:#0b0b0b}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{border:1px solid var(--white-line);background:#0d0d0d;overflow:hidden}.project-image{display:block;height:355px;background:#111;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.project-card:hover .project-image img{transform:scale(1.045)}.image-placeholder{width:100%;height:100%;min-height:280px;display:grid;place-items:center;background:radial-gradient(circle at 60% 35%,rgba(185,146,85,.18),transparent 28%),linear-gradient(145deg,#16110b,#090909);color:var(--gold2);text-align:center;padding:20px}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:18px}.project-meta h3{margin:0;font-size:1rem}.project-meta span{color:var(--gold2)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-info h2,.contact-form-panel h2{font-size:clamp(2.5rem,4vw,4rem);margin:4px 0 28px}.contact-cards{display:grid;gap:10px}.contact-card{border:1px solid var(--white-line);padding:22px;background:#0d0d0d}.contact-card span{display:block;color:var(--gold2);font-size:.75rem;font-weight:800;margin-bottom:6px}.contact-form-panel{border:1px solid var(--line);background:linear-gradient(145deg,#12100d,#0a0a0a);padding:40px;box-shadow:var(--shadow)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.contact-form-panel input,.contact-form-panel textarea,.quote-form input,.quote-form textarea,.quote-form select{width:100%!important;background:#080808!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;padding:14px!important;border-radius:0!important}.contact-form-panel label,.quote-form label{color:#e8e0d4!important}.contact-form-panel button,.wpforms-submit{background:linear-gradient(135deg,var(--gold2),#9f7842)!important;color:#090909!important;border:0!important;padding:13px 24px!important;font-weight:800!important;border-radius:0!important}
.content-shell{max-width:1000px}.content-card{padding:35px 0;border-bottom:1px solid var(--white-line)}

/* Animations */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1200px){
  .header-inner{grid-template-columns:210px 1fr auto;gap:20px}.primary-nav ul{gap:22px}.header-cta{display:none}
  .luxe-about-grid{grid-template-columns:1fr 1.05fr;gap:50px}.about-side{display:none}
  .services-luxe-grid{grid-template-columns:repeat(2,1fr)}
  .stats-luxe-grid{grid-template-columns:1fr repeat(2,1fr)}.stats-title{grid-row:span 2}.stat-luxe:nth-child(4){border-top:1px solid rgba(255,255,255,.13)}.stat-luxe:nth-child(5){border-top:1px solid rgba(255,255,255,.13)}
  .project-showcase{grid-template-columns:repeat(4,1fr)}.project-all-card{grid-column:span 4;height:150px;flex-direction:row;justify-content:space-between;align-items:center}.project-all-card i{display:none}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .container{width:min(calc(100% - 30px),var(--container))}.section{padding:82px 0}
  .site-header{background:rgba(5,5,5,.94)}.header-inner{height:78px;grid-template-columns:1fr auto auto}.brand img,.custom-logo{max-height:62px}.menu-toggle{display:block;grid-column:3}.header-tools{grid-column:2}.lang-chip{width:35px;height:35px}.primary-nav{position:fixed;top:78px;inset-inline:0;background:#070707;border-top:1px solid var(--white-line);padding:12px 20px 28px;display:none}.primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column;align-items:stretch;gap:0}.primary-nav li{border-bottom:1px solid var(--white-line)}.primary-nav a{padding:14px 4px}.primary-nav a::after{display:none}
  .lux-hero{height:auto;min-height:760px;padding:150px 0 100px;background-position:60% center}.lux-hero-inner{grid-template-columns:1fr}.hero-rail{display:none}.lux-hero h1{font-size:clamp(3rem,12vw,5.4rem)}.hero-proof{flex-wrap:wrap}.hero-proof>div{min-width:130px;padding-inline:16px}.hero-bottom{bottom:18px}.hero-location{display:none}
  .luxe-about-grid{grid-template-columns:1fr}.about-collage{min-height:470px}.about-main-photo{inset-inline-end:14%}.about-values{grid-template-columns:repeat(2,1fr)}
  .stats-luxe-grid{grid-template-columns:1fr 1fr}.stats-title{grid-column:1/-1;grid-row:auto;min-height:130px}.stat-luxe{border-top:1px solid rgba(255,255,255,.12)}
  .projects-head{align-items:flex-start;flex-direction:column}.project-tabs{gap:16px;overflow:auto;max-width:100%}.project-showcase{grid-template-columns:repeat(2,1fr)}.project-all-card{grid-column:span 2}.why-luxe-grid{grid-template-columns:repeat(2,1fr)}.partners-inner{grid-template-columns:1fr}.partners-placeholder{grid-template-columns:repeat(2,1fr)}
  .luxe-cta-inner{padding:36px 0;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,1fr)}
  .split-grid,.contact-layout{grid-template-columns:1fr;gap:45px}.value-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding:180px 0 70px;min-height:430px}
}
@media(max-width:600px){
  .header-tools{display:none}.header-inner{grid-template-columns:1fr auto}.menu-toggle{grid-column:2}
  .lux-hero{min-height:720px;padding-top:135px;background-position:66% center}.lux-hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.95),rgba(5,5,5,.78)),linear-gradient(to top,rgba(5,5,5,.86),transparent 45%)}.lux-hero h1{font-size:clamp(2.8rem,15vw,4.4rem)}.lux-hero-copy>p{font-size:1rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px}.hero-proof>div{padding:14px 7px 0!important;min-width:0}.hero-proof strong{font-size:.95rem}.hero-proof span{font-size:.67rem}.hero-index i{width:75px}
  .about-collage{min-height:390px}.about-main-photo{inset:0 10% 10% 0}.about-small-photo{width:44%;height:40%}.experience-badge{width:145px;padding:18px;bottom:34px}.experience-badge strong{font-size:2rem}.about-values{grid-template-columns:1fr 1fr}
  .services-luxe-grid,.why-luxe-grid,.project-showcase,.value-grid,.projects-grid,.cards-grid,.footer-grid{grid-template-columns:1fr}.service-luxe-card{min-height:260px}.project-luxe-image{height:300px}.project-all-card{grid-column:auto;height:180px;flex-direction:column;align-items:flex-start;justify-content:center}.partners-placeholder{grid-template-columns:1fr 1fr}.stats-luxe-grid{grid-template-columns:1fr}.stat-luxe{border-inline-end:0}.stats-title{text-align:center;align-items:center}.luxe-cta-actions{display:grid;width:100%}.luxe-cta-actions .btn{width:100%}.footer-grid{gap:32px}.footer-bottom{padding:18px 0;flex-direction:column;align-items:flex-start}.footer-legal{order:2}.back-to-top{position:absolute;inset-inline-end:15px}.contact-form-panel{padding:24px}.page-hero{min-height:390px;padding-top:160px}.page-hero h1{font-size:3rem}
}

/* v2 inner-page polish */
.about-page-photo{position:relative;min-height:520px;border:1px solid rgba(213,180,116,.22);overflow:hidden;box-shadow:var(--shadow)}
.about-page-photo img{width:100%;height:100%;min-height:520px;object-fit:cover;filter:saturate(.78) contrast(1.06)}
.about-page-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.45),transparent 52%)}
.about-page-photo span{position:absolute;z-index:2;bottom:24px;inset-inline-start:24px;color:var(--gold2);font-family:'Montserrat',sans-serif;font-weight:800;letter-spacing:.18em}
.luxe-project-card .project-meta{align-items:flex-end}.luxe-project-card .project-meta small{display:block;color:#716b63;font-family:'Montserrat',sans-serif;font-size:.58rem;letter-spacing:.15em;margin-bottom:4px}.luxe-project-card .project-meta h3{font-size:1.08rem}
.single-project-content>img:first-child,.single-project-content .wp-block-image:first-child img{width:100%;max-height:700px;object-fit:cover;border:1px solid var(--line);margin-bottom:34px}
@media(max-width:900px){.about-page-photo,.about-page-photo img{min-height:430px}}
@media(max-width:600px){.about-page-photo,.about-page-photo img{min-height:340px}}


/* === v3 professional polish === */
body{font-size:17px}
::selection{background:var(--gold2);color:#080808}
.site-header{will-change:background,box-shadow}
.site-header.is-scrolled .header-inner{height:78px}
.header-inner{transition:height .28s ease}
.brand img,.custom-logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.primary-nav a{letter-spacing:0}
.primary-nav li.current-menu-item>a,.primary-nav li.current_page_item>a{color:var(--gold2)}
.menu-toggle{position:relative;width:44px;height:44px}.menu-toggle span{position:absolute;inset-inline:9px;transition:.25s}.menu-toggle span:nth-child(1){top:11px}.menu-toggle span:nth-child(2){top:19px}.menu-toggle span:nth-child(3){top:27px}.menu-toggle.is-active span:nth-child(1){top:20px;transform:rotate(45deg)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:nth-child(3){top:20px;transform:rotate(-45deg)}
.btn{border-radius:2px;position:relative;overflow:hidden}.btn:focus-visible,.project-filter-btn:focus-visible,a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.section-more{display:flex;justify-content:center;margin-top:34px}

/* Project filters are real controls, not plain text */
.project-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.project-filter-btn{appearance:none;border:1px solid rgba(213,180,116,.22);background:rgba(255,255,255,.015);color:#a9a39a;padding:10px 18px;min-height:42px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:800;transition:background .22s,border-color .22s,color .22s,transform .22s;position:relative}
.project-filter-btn:hover{color:var(--gold2);border-color:rgba(213,180,116,.58);transform:translateY(-1px)}
.project-filter-btn.is-active{background:linear-gradient(135deg,var(--gold2),#9f7842);border-color:var(--gold2);color:#090909;box-shadow:0 8px 25px rgba(185,146,85,.14)}
.project-filter-btn.is-active::after{content:"";position:absolute;inset-inline:18px;bottom:-6px;height:1px;background:var(--gold2);opacity:.7}
[data-project-card]{transition:opacity .28s ease,transform .28s ease,visibility .28s ease}
[data-project-card].is-filtered-out{display:none}
.project-empty{border:1px solid var(--line);padding:28px;text-align:center;color:var(--muted);margin:28px 0 0}

/* Cards */
.service-luxe-card,.why-luxe-card,.project-card,.contact-card,.value-panel,.service-detail-card{transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.service-luxe-card:hover,.why-luxe-card:hover,.service-detail-card:hover{transform:translateY(-6px);border-color:rgba(213,180,116,.5);box-shadow:0 22px 55px rgba(0,0,0,.3)}
.project-luxe-image::before,.project-image::before{content:"";position:absolute;inset:0;border:1px solid transparent;transition:border-color .28s;z-index:2;pointer-events:none}
.project-luxe-card:hover .project-luxe-image::before,.project-card:hover .project-image::before{border-color:rgba(213,180,116,.55)}
.project-luxe-card:hover .project-arrow{transform:translate(-4px,-4px);background:var(--gold2);color:#080808}
.project-arrow{transition:.25s}
.project-luxe-card:hover .project-luxe-image{background-size:108%}
.project-luxe-image{background-size:100%;transition:background-size .5s ease}
.project-image{position:relative}

/* Services page replaces the legacy Elementor content */
.page-hero-services{background-image:linear-gradient(270deg,rgba(5,5,5,.94),rgba(5,5,5,.58)),url('https://sadabro.com/wp-content/uploads/2023/11/pexels-ivan-129544-1.jpg')}
.services-page{background:radial-gradient(circle at 12% 0%,rgba(185,146,85,.08),transparent 25%),#080808}
.services-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:58px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.services-intro h2{font-size:clamp(2.8rem,4.5vw,5.2rem);line-height:1.05;margin:.15em 0 0}.services-intro p{color:var(--muted);font-size:1.08rem;margin:0}
.service-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-detail-card{min-height:330px;border:1px solid var(--white-line);background:linear-gradient(155deg,rgba(185,146,85,.055),rgba(255,255,255,.012));padding:30px;position:relative;overflow:hidden}.service-detail-card::after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(213,180,116,.08);border-radius:50%;inset-inline-end:-55px;bottom:-55px}.service-number{font-family:'Montserrat',sans-serif;color:#5e574e;font-size:.72rem;letter-spacing:.18em}.service-detail-icon{color:var(--gold2);font-size:1.6rem;margin:38px 0 18px}.service-detail-card h3{font-size:1.25rem;margin:0 0 12px}.service-detail-card p{color:var(--muted);font-size:.93rem;min-height:88px}.services-process{padding:105px 0;background:#050505;border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.process-grid article{border-top:1px solid var(--gold3);padding:26px 18px 0}.process-grid b{font-family:'Montserrat',sans-serif;color:var(--gold2)}.process-grid h3{margin:13px 0 8px}.process-grid p{color:var(--muted);margin:0}

/* Contact and bidi */
.ltr-text{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;text-align:left!important;font-family:'Montserrat',sans-serif}
.contact-card strong{font-size:1.02rem}

/* Refine about and section spacing */
.luxe-about-grid{grid-template-columns:minmax(420px,1.05fr) minmax(0,1.2fr) 145px}.about-content{max-width:720px}.about-side{justify-self:end}
.partners-placeholder span{border:1px solid rgba(255,255,255,.07);padding:14px 18px;text-align:center;color:#8d877e;background:rgba(255,255,255,.015);font-size:.78rem}

/* Page hero typography */
.page-hero-inner{max-width:760px;margin-inline-start:0;margin-inline-end:auto}.page-hero h1{font-size:clamp(3.4rem,6vw,6.6rem);line-height:1;margin:.12em 0 .2em}.page-hero p{font-size:1.08rem;max-width:720px;color:#c4beb4}

/* Reveal with subtle stagger */
.reveal{transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

@media(max-width:1200px){.service-detail-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.luxe-about-grid{grid-template-columns:1fr 1.08fr}}
@media(max-width:900px){.project-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scrollbar-width:none}.project-tabs::-webkit-scrollbar{display:none}.project-filter-btn{flex:0 0 auto}.services-intro{grid-template-columns:1fr;gap:20px}.page-hero-inner{max-width:none}.site-header.is-scrolled .header-inner{height:72px}}
@media(max-width:600px){body{font-size:16px}.service-detail-grid,.process-grid{grid-template-columns:1fr}.service-detail-card{min-height:auto}.project-filter-btn{padding:9px 14px}.page-hero h1{font-size:3rem}.services-intro h2{font-size:2.7rem}.luxe-about-grid{grid-template-columns:1fr}}

/* === v3.1 Motion Edition ============================================ */
.sada-scroll-progress{position:fixed;z-index:99999;top:0;inset-inline:0;height:2px;pointer-events:none;background:rgba(255,255,255,.025)}
.sada-scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2),#f0d598);transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 14px rgba(213,180,116,.4)}
html[lang^="ar"] .sada-scroll-progress span{transform-origin:right center}

/* Enhanced reveal language */
.motion-js .reveal{will-change:opacity,transform,filter;transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.22,.61,.36,1),filter 1s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-js .reveal[data-reveal="from-right"]{transform:translate3d(34px,14px,0);filter:blur(3px)}
.motion-js .reveal[data-reveal="from-left"]{transform:translate3d(-34px,14px,0);filter:blur(3px)}
.motion-js .reveal[data-reveal="from-up"]{transform:translate3d(0,34px,0);filter:blur(2px)}
.motion-js .reveal[data-reveal="zoom-soft"]{transform:translate3d(0,20px,0) scale(.975);filter:blur(2px)}
.motion-js .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}

/* Hero movement and entrance */
.lux-hero{background-position:center calc(50% + var(--hero-parallax,0px));will-change:background-position}
.page-hero{background-position:center calc(50% + var(--page-parallax,0px));will-change:background-position}
.motion-js .lux-hero-overlay,.motion-js .hero-gridlines{transition:opacity 1.35s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.motion-js body:not(.motion-loaded) .lux-hero-overlay{opacity:.35}
.motion-js body:not(.motion-loaded) .hero-gridlines{opacity:0;transform:scale(1.04)}
.motion-js body.motion-loaded .lux-hero-overlay{opacity:1}
.motion-js body.motion-loaded .hero-gridlines{transform:scale(1)}
.hero-kicker span,.mini-line,.section-label::after{transform-origin:right center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.motion-js .reveal:not(.is-visible) .hero-kicker span,.motion-js .reveal:not(.is-visible) .mini-line,.motion-js .reveal:not(.is-visible) .section-label::after{transform:scaleX(.15)}

/* Parallax media: local and subtle, never scroll-jacked */
.motion-parallax{--parallax-y:0px;transform:translate3d(0,var(--parallax-y),0);will-change:transform}
.about-main-photo.motion-parallax,.about-small-photo.motion-parallax,.about-page-photo.motion-parallax{transition:box-shadow .35s ease}
.luxe-cta-bg.motion-parallax{transform:translate3d(0,var(--parallax-y),0) scale(1.06);inset:-6% -2%;will-change:transform}

/* Gold CTA micro-interaction */
.btn-gold{--mag-x:0px;--mag-y:0px;transform:translate3d(var(--mag-x),var(--mag-y),0);will-change:transform}
.btn-gold:hover{transform:translate3d(var(--mag-x),calc(var(--mag-y) - 2px),0)}
.btn-gold::before{content:"";position:absolute;inset:-80% auto -80% -45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg) translateX(-220%);transition:transform .65s ease;pointer-events:none}
.btn-gold:hover::before{transform:skewX(-20deg) translateX(520%)}

/* Card spotlight follows the pointer on desktop */
.service-luxe-card,.why-luxe-card,.service-detail-card,.project-luxe-card,.contact-card,.value-panel{isolation:isolate}
.service-luxe-card::before,.why-luxe-card::before,.service-detail-card::before,.contact-card::before,.value-panel::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(213,180,116,.105),transparent 58%);transition:opacity .28s ease}
.service-luxe-card:hover::before,.why-luxe-card:hover::before,.service-detail-card:hover::before,.contact-card:hover::before,.value-panel:hover::before{opacity:1}

/* Animated project filtering */
[data-project-card]{transform-origin:center center}
[data-project-card].is-filtering-out{opacity:0!important;transform:scale(.965) translateY(12px)!important;filter:blur(2px);pointer-events:none}
[data-project-card].is-filtering-in{animation:sadaFilterIn .46s cubic-bezier(.2,.75,.25,1) both}
@keyframes sadaFilterIn{from{opacity:0;transform:translateY(18px) scale(.975);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

/* Richer project-image motion without aggressive zoom */
.project-luxe-image{background-size:cover;background-position:center;transition:background-size .75s cubic-bezier(.2,.75,.25,1),filter .45s ease}
.project-luxe-card:hover .project-luxe-image{background-size:108%;filter:saturate(1.06)}
.project-luxe-card .project-shade{transition:opacity .45s ease,background .45s ease}
.project-luxe-card:hover .project-shade{background:linear-gradient(to top,rgba(8,8,8,.58),transparent 56%)}

/* Stats become a motion focal point */
.stat-luxe b,.experience-badge strong,.about-side strong{font-variant-numeric:tabular-nums;min-width:3ch}
.stat-luxe{position:relative;overflow:hidden}
.stat-luxe::after{content:"";position:absolute;inset-inline:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold3),transparent);transform:scaleX(0);transition:transform .8s ease .15s}
.stat-luxe.is-visible::after,.stat-luxe:hover::after{transform:scaleX(1)}

/* Header feels smoother during scroll */
.site-header,.header-inner,.brand img,.custom-logo{will-change:transform,background,box-shadow}
.site-header.is-scrolled .brand img,.site-header.is-scrolled .custom-logo{transform:scale(.92)}
.brand img,.custom-logo{transition:transform .32s ease,filter .32s ease}
.primary-nav a::after{transform-origin:center;box-shadow:0 0 12px rgba(213,180,116,.28)}

/* Back-to-top feedback */
.back-to-top{transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}
.back-to-top:hover{transform:translateY(-4px);border-color:var(--gold2);color:#090909;background:var(--gold2)}

/* Smooth horizontal category strip on phones */
.project-tabs{scroll-behavior:smooth;overscroll-behavior-inline:contain}

@media(max-width:900px){
  .motion-parallax{transform:none!important}
  .lux-hero,.page-hero{background-position:center!important}
  .sada-scroll-progress{height:2px}
}
@media(hover:none){
  .service-luxe-card::before,.why-luxe-card::before,.service-detail-card::before,.contact-card::before,.value-panel::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .sada-scroll-progress{display:none}
  .motion-parallax,.btn-gold{transform:none!important}
  [data-project-card].is-filtering-in{animation:none!important}
  .btn-gold::before{display:none}
}
.service-luxe-card,.why-luxe-card,.service-detail-card,.contact-card,.value-panel{position:relative}
.service-luxe-card::before,.why-luxe-card::before,.service-detail-card::before,.contact-card::before,.value-panel::before{z-index:0}
.service-luxe-card>*:not(.screen-reader-text),.why-luxe-card>*:not(.screen-reader-text),.service-detail-card>*:not(.screen-reader-text),.contact-card>*:not(.screen-reader-text),.value-panel>*:not(.screen-reader-text){position:relative;z-index:1}

/* Floating WhatsApp — SADA-BRO branded */
.floating-whatsapp{position:fixed;inset-inline-end:26px;bottom:max(26px,env(safe-area-inset-bottom));z-index:1200;display:inline-flex;align-items:center;gap:0;color:var(--gold2);filter:drop-shadow(0 16px 28px rgba(0,0,0,.45));animation:wa-float-in .8s 1.1s both cubic-bezier(.2,.8,.2,1)}
.floating-whatsapp__icon{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(8,8,8,.94);border:1px solid rgba(213,180,116,.68);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 0 0 rgba(213,180,116,0);backdrop-filter:blur(14px);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s,box-shadow .35s}
.floating-whatsapp__icon svg{width:27px;height:27px;fill:currentColor;display:block}
.floating-whatsapp__icon::after{content:"";position:absolute;top:2px;inset-inline-end:2px;width:9px;height:9px;border-radius:50%;background:#25d366;border:2px solid #080808;box-shadow:0 0 0 3px rgba(37,211,102,.08)}
.floating-whatsapp__icon::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(213,180,116,.58);opacity:0;animation:wa-pulse-once 2.2s 2.2s 1 ease-out}
.floating-whatsapp__label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translateX(8px);background:rgba(8,8,8,.94);border:1px solid rgba(213,180,116,.34);border-inline-end:0;padding:11px 0 11px 0;font-weight:800;font-size:.9rem;line-height:1;backdrop-filter:blur(14px);transition:max-width .45s cubic-bezier(.2,.8,.2,1),opacity .28s ease,transform .35s ease,padding .45s cubic-bezier(.2,.8,.2,1),color .25s,border-color .25s}
.floating-whatsapp:hover,.floating-whatsapp:focus-visible{color:#f0cf8b}
.floating-whatsapp:hover .floating-whatsapp__label,.floating-whatsapp:focus-visible .floating-whatsapp__label{max-width:230px;opacity:1;transform:none;padding:12px 16px 12px 19px;border-color:rgba(213,180,116,.68)}
.floating-whatsapp:hover .floating-whatsapp__icon,.floating-whatsapp:focus-visible .floating-whatsapp__icon{transform:translateY(-3px) scale(1.035);background:#0d0c0a;border-color:var(--gold2);box-shadow:0 12px 35px rgba(185,146,85,.17)}
.floating-whatsapp:focus-visible{outline:0}.floating-whatsapp:focus-visible .floating-whatsapp__icon{outline:2px solid var(--gold2);outline-offset:4px}
@keyframes wa-float-in{from{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:none}}
@keyframes wa-pulse-once{0%{opacity:0;transform:scale(1)}25%{opacity:.65}100%{opacity:0;transform:scale(1.48)}}
@media (max-width:700px){.floating-whatsapp{inset-inline-end:16px;bottom:max(16px,env(safe-area-inset-bottom))}.floating-whatsapp__icon{width:54px;height:54px}.floating-whatsapp__label{display:none}}
@media (prefers-reduced-motion:reduce){.floating-whatsapp,.floating-whatsapp__icon::before{animation:none}.floating-whatsapp__icon,.floating-whatsapp__label{transition:none}}
@media print{.floating-whatsapp{display:none!important}}


/* === v3.4 typography + projects polish === */
/* Arabic headlines need generous line boxes: prevent glyph/diacritic collisions. */
.lux-hero-copy{max-width:780px;min-width:0}
.lux-hero h1{
  font-size:clamp(3.15rem,5.45vw,6.15rem);
  line-height:1.16;
  letter-spacing:0;
  max-width:780px;
  margin-bottom:24px;
  text-wrap:balance;
  overflow-wrap:normal;
}
.lux-hero-copy>p{max-width:720px;line-height:1.9}
.hero-kicker{line-height:1.55}
.project-tabs{direction:ltr;gap:10px}
.project-filter-btn{min-width:96px;text-align:center;border-radius:2px}
.project-filter-btn.is-active{transform:none}
.project-filter-btn.is-active:hover{transform:translateY(-1px)}

@media (min-width:901px) and (max-width:1500px){
  .lux-hero-inner{grid-template-columns:minmax(0,760px) 180px;gap:42px}
  .lux-hero h1{font-size:clamp(3.25rem,5.2vw,5.55rem);max-width:740px}
  .lux-hero-copy>p{max-width:680px}
}
@media (max-width:900px){
  .lux-hero h1{line-height:1.14;letter-spacing:0;max-width:760px}
  .project-tabs{width:100%;justify-content:flex-start;gap:8px}
}
@media (max-width:600px){
  .lux-hero h1{font-size:clamp(2.65rem,13vw,4.1rem);line-height:1.16;text-wrap:pretty}
  .project-filter-btn{min-width:auto;padding-inline:15px}
}

/* === v4.0 English-first construction system ======================== */
html{direction:ltr}
html[lang^="ar"]{direction:rtl}
html[lang^="ar"] .eyebrow,html[lang^="ar"] .section-label span,html[lang^="ar"] .hero-kicker{font-family:'Montserrat',sans-serif}

/* English is the source layout. Arabic is mirrored by rtl.css / lang selector. */
.header-inner,.primary-nav ul,.header-tools,.lux-hero-inner,.hero-actions,.hero-proof,.hero-bottom,.services-luxe-grid,.stats-luxe-grid,.project-showcase,.why-luxe-grid,.projects-grid,.value-grid,.cards-grid,.partners-inner,.footer-grid,.contact-layout,.service-detail-grid,.process-grid{direction:ltr}
.project-tabs{direction:ltr;justify-content:flex-end}
.lux-hero-copy,.page-hero-inner,.service-luxe-card,.project-luxe-meta,.why-luxe-card,.value-panel,.contact-info,.contact-form-panel,.site-footer{text-align:left}
.page-hero-inner{margin-inline-start:0;margin-inline-end:auto}

/* Dynamic inner-page hero image, when supplied inline. */
.page-hero[style*="--pagehero"]{background-image:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.56)),var(--pagehero)}

/* Project locations under cards */
.project-luxe-meta small,.project-meta small{display:block;color:#817a70;margin-top:5px;letter-spacing:.05em;text-transform:none;font-family:'Montserrat',sans-serif}
.project-meta>div{min-width:0}.project-meta h3{margin-top:4px}
.project-empty-state{grid-column:1/-1;border:1px solid var(--line);min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--muted);padding:30px}.project-empty-state strong{color:var(--text);font-size:1.1rem}

/* Single project case study */
.project-case-hero{position:relative;min-height:72vh;max-height:900px;height:760px;background:var(--project-hero) center/cover no-repeat;border-bottom:1px solid var(--line);display:flex;align-items:flex-end}
.project-case-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.94) 0%,rgba(5,5,5,.66) 42%,rgba(5,5,5,.18) 75%),linear-gradient(to top,rgba(5,5,5,.92),transparent 45%)}
.project-case-hero-inner{position:relative;z-index:2;padding-bottom:82px;max-width:1000px;margin-inline-start:0;margin-inline-end:auto}
.project-case-hero h1{font-size:clamp(3.2rem,6vw,6.8rem);line-height:1.02;margin:.14em 0 .22em;max-width:980px;text-wrap:balance}
.project-location{display:flex;align-items:center;gap:10px;color:#d1cbc1;font-size:1.05rem;margin:0}.project-location span{color:var(--gold2);font-size:1.3rem}
.project-case-intro{background:radial-gradient(circle at 8% 0%,rgba(185,146,85,.08),transparent 30%),#090909}
.project-case-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.project-case-intro h2{font-size:clamp(2.5rem,4.2vw,4.8rem);line-height:1.05;margin:.15em 0 .55em}
.project-fact{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:5px}.project-fact span{color:var(--gold2);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.project-fact strong{font-weight:600;color:#d9d3c9}
.project-summary{border-inline-start:1px solid var(--line);padding-inline-start:42px;font-size:1.16rem;color:#c1bbb2;line-height:2}.project-summary p{margin:0}.project-summary-placeholder{color:#756f67;font-style:italic}
.project-gallery-section{padding:40px 0 120px;background:#060606}
.project-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;border-top:1px solid var(--line);padding-top:40px}.project-gallery-heading h2{font-size:clamp(2.4rem,4vw,4.5rem);margin:0;line-height:1}
.project-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.project-gallery-item{grid-column:span 4;position:relative;height:360px;padding:0;border:1px solid rgba(255,255,255,.08);background:#0d0d0d;overflow:hidden;cursor:zoom-in;color:#fff}.project-gallery-item.is-featured{grid-column:span 8;height:560px}.project-gallery-item:nth-child(4n+3):not(.is-featured){grid-column:span 5}.project-gallery-item:nth-child(4n+4){grid-column:span 7}
.project-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s;filter:saturate(.9)}.project-gallery-item:hover img{transform:scale(1.035);filter:saturate(1.05)}.project-gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.5),transparent 45%);opacity:.55;transition:.3s}.project-gallery-item span{position:absolute;z-index:2;inset-inline-end:20px;bottom:18px;color:var(--gold2);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s}.project-gallery-item:hover span{opacity:1;transform:none}
.project-next-section{padding:70px 0 95px;border-top:1px solid var(--line);background:#090909}.project-next-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:15px}.project-nav-card{min-height:150px;border:1px solid var(--white-line);padding:28px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(150deg,rgba(185,146,85,.04),rgba(255,255,255,.01));transition:.3s}.project-nav-card:hover{border-color:var(--gold3);transform:translateY(-3px)}.project-nav-card span{color:var(--gold2);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-nav-card strong{font-size:1.25rem}.project-nav-next{text-align:right;align-items:flex-end}.project-nav-all{display:grid;place-items:center;border:1px solid var(--line);padding:0 26px;color:var(--gold2);font-weight:700;white-space:nowrap}
.project-lightbox{position:fixed;z-index:100000;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:40px 90px}.project-lightbox.is-open{display:flex}.project-lightbox figure{margin:0;max-width:min(1450px,92vw);max-height:88vh}.project-lightbox img{max-height:88vh;max-width:100%;object-fit:contain}.project-lightbox button{position:absolute;border:1px solid rgba(213,180,116,.5);background:rgba(8,8,8,.7);color:#fff;width:52px;height:52px;display:grid;place-items:center;cursor:pointer;font-size:1.4rem}.project-lightbox-close{top:25px;inset-inline-end:28px}.project-lightbox-prev{inset-inline-start:28px}.project-lightbox-next{inset-inline-end:28px}.project-lightbox button:hover{background:var(--gold2);color:#080808}
body.lightbox-open{overflow:hidden}

/* Better English heading rhythm */
html:not([lang^="ar"]) .lux-hero h1{line-height:.98;letter-spacing:-.045em;max-width:850px}
html:not([lang^="ar"]) .lux-hero-copy>p{line-height:1.75}
html:not([lang^="ar"]) .luxe-heading h2,html:not([lang^="ar"]) .projects-head h2{letter-spacing:-.035em}

@media(max-width:1100px){.project-case-intro-grid{grid-template-columns:1fr;gap:35px}.project-summary{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:30px}.project-gallery-item,.project-gallery-item:nth-child(4n+3):not(.is-featured),.project-gallery-item:nth-child(4n+4){grid-column:span 6}.project-gallery-item.is-featured{grid-column:1/-1;height:520px}}
@media(max-width:700px){.project-case-hero{height:620px;min-height:620px}.project-case-hero-inner{padding-bottom:48px}.project-case-hero h1{font-size:clamp(2.7rem,12vw,4rem)}.project-gallery-grid{gap:10px}.project-gallery-item,.project-gallery-item:nth-child(4n+3):not(.is-featured),.project-gallery-item:nth-child(4n+4),.project-gallery-item.is-featured{grid-column:1/-1;height:300px}.project-next-grid{grid-template-columns:1fr}.project-nav-next{text-align:left;align-items:flex-start}.project-nav-all{min-height:60px;order:3}.project-lightbox{padding:65px 15px}.project-lightbox-prev{inset-inline-start:10px;bottom:15px;top:auto}.project-lightbox-next{inset-inline-end:10px;bottom:15px;top:auto}.project-lightbox-close{top:12px;inset-inline-end:12px}.project-tabs{justify-content:flex-start}}
.project-case-intro-grid.no-summary{grid-template-columns:minmax(0,780px);justify-content:flex-start}


/* v4.2 refinements */
.services-page-home .home-service-detail-grid{margin-top:42px}
.floating-whatsapp-group{position:fixed;inset-inline-end:26px;bottom:max(26px,env(safe-area-inset-bottom));z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.floating-whatsapp-group .floating-whatsapp{position:relative;inset:auto;bottom:auto;z-index:auto}
.floating-whatsapp-group .floating-whatsapp--secondary{animation-delay:1.28s}
.contact-actions .ltr-text{margin-inline-start:7px}
@media(max-width:700px){.floating-whatsapp-group{inset-inline-end:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}}
@media print{.floating-whatsapp-group{display:none!important}}


/* === v4.3 service icon system + WhatsApp picker ===================== */
.service-detail-icon{
  width:54px;height:54px;margin:34px 0 18px;display:grid;place-items:center;
  color:var(--gold2);border:1px solid rgba(213,180,116,.24);
  background:linear-gradient(145deg,rgba(213,180,116,.085),rgba(255,255,255,.015));
  transform:rotate(0deg);transition:transform .32s ease,border-color .32s ease,background .32s ease;
}
.service-detail-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.service-detail-card:hover .service-detail-icon{transform:translateY(-3px);border-color:rgba(213,180,116,.65);background:rgba(213,180,116,.09)}
.service-detail-icon--01{border-radius:4px}.service-detail-icon--02{clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%)}
.service-detail-icon--03{border-radius:50%}.service-detail-icon--04{border-radius:3px 16px 3px 3px}
.service-detail-icon--05{transform:rotate(45deg)}.service-detail-card:hover .service-detail-icon--05{transform:rotate(45deg) translateY(-3px)}
.service-detail-icon--05 svg{transform:rotate(-45deg)}.service-detail-icon--06{border-radius:16px 3px 16px 3px}
.service-detail-icon--07{border-radius:3px}.service-detail-icon--08{border-radius:50% 50% 3px 3px}

/* One WhatsApp button; numbers appear only after the visitor opens it. */
.floating-whatsapp-picker{position:fixed;inset-inline-end:26px;bottom:max(26px,env(safe-area-inset-bottom));z-index:1300;filter:drop-shadow(0 18px 34px rgba(0,0,0,.5))}
.floating-whatsapp-toggle{width:60px;height:60px;border-radius:50%;border:1px solid rgba(213,180,116,.72);background:rgba(8,8,8,.96);color:var(--gold2);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.floating-whatsapp-toggle:hover,.floating-whatsapp-toggle:focus-visible,.floating-whatsapp-picker.is-open .floating-whatsapp-toggle{transform:translateY(-3px);border-color:var(--gold2);background:#0f0d09;box-shadow:0 12px 36px rgba(185,146,85,.18)}
.floating-whatsapp-toggle:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
.floating-whatsapp-toggle__icon{position:relative;width:30px;height:30px;display:grid;place-items:center}.floating-whatsapp-toggle__icon svg{width:29px;height:29px;fill:currentColor}
.floating-whatsapp-toggle__icon::after{content:"";position:absolute;top:-4px;inset-inline-end:-5px;width:9px;height:9px;border-radius:50%;background:#25d366;border:2px solid #080808}
.floating-whatsapp-panel{position:absolute;inset-inline-end:0;bottom:74px;width:min(330px,calc(100vw - 32px));padding:16px;background:rgba(8,8,8,.985);border:1px solid rgba(213,180,116,.34);box-shadow:0 24px 70px rgba(0,0,0,.58);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:opacity .24s ease,visibility .24s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
html[dir="rtl"] .floating-whatsapp-panel{transform-origin:bottom left}
.floating-whatsapp-picker.is-open .floating-whatsapp-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.floating-whatsapp-panel__head{padding:2px 4px 13px;border-bottom:1px solid rgba(213,180,116,.16);margin-bottom:8px}.floating-whatsapp-panel__head strong{display:block;color:#f5f1e8;font-size:1rem;margin-bottom:3px}.floating-whatsapp-panel__head span{display:block;color:var(--muted);font-size:.78rem}
.floating-whatsapp-panel__numbers{display:grid;gap:7px}.floating-whatsapp-number{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);color:#f3efe6;transition:background .22s ease,border-color .22s ease,transform .22s ease}.floating-whatsapp-number:hover,.floating-whatsapp-number:focus-visible{background:rgba(213,180,116,.075);border-color:rgba(213,180,116,.42);transform:translateX(-2px);outline:0}
html[dir="ltr"] .floating-whatsapp-number:hover,html[dir="ltr"] .floating-whatsapp-number:focus-visible{transform:translateX(2px)}
.floating-whatsapp-number__mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#101810;border:1px solid rgba(37,211,102,.42);color:#70e694;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.02em}.floating-whatsapp-number small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:2px}.floating-whatsapp-number b{display:block;color:#f7f3ea;font-family:'Montserrat',sans-serif;font-size:.91rem;font-weight:650}.floating-whatsapp-number i{color:var(--gold2);font-style:normal;font-size:1.05rem}
@media(max-width:700px){.floating-whatsapp-picker{inset-inline-end:16px;bottom:max(16px,env(safe-area-inset-bottom))}.floating-whatsapp-toggle{width:56px;height:56px}.floating-whatsapp-panel{bottom:68px;width:min(310px,calc(100vw - 28px))}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp-toggle,.floating-whatsapp-panel,.floating-whatsapp-number,.service-detail-icon{transition:none!important}}
@media print{.floating-whatsapp-picker{display:none!important}}

/* v4.4 project case study — cleaner editorial gallery */
.project-case-hero-v2{height:68vh;min-height:610px;max-height:760px}
.project-case-hero-v2 .project-case-hero-inner{padding-bottom:64px}
.project-case-hero-v2 h1{max-width:1050px;font-size:clamp(3rem,5.6vw,6.1rem)}
.project-case-intro-v2{padding:92px 0 78px}
.project-case-intro-v2 .project-case-intro-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:110px}
.project-case-intro-v2 .project-summary{font-size:1.1rem;line-height:2;color:#c6c0b7}
.project-case-intro-v2 .project-fact{margin-top:28px}
.project-gallery-editorial{padding:34px 0 120px;background:#070707}
.project-gallery-editorial .project-gallery-heading{align-items:flex-end;margin-bottom:46px}
.project-gallery-editorial .project-gallery-heading>div{max-width:760px}
.project-gallery-editorial .project-gallery-heading p{max-width:360px;margin:0;color:#817b72;text-align:end}
.project-gallery-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.project-gallery-card{grid-column:auto!important;height:auto!important;min-height:0!important;display:block;position:relative;padding:0;border:1px solid rgba(213,180,116,.16);background:#0b0b0b;overflow:hidden;cursor:zoom-in;text-align:inherit;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.project-gallery-card.is-full-row{grid-column:1/-1!important}
.project-gallery-card:hover{transform:translateY(-4px);border-color:rgba(213,180,116,.5);box-shadow:0 24px 55px rgba(0,0,0,.34)}
.project-gallery-media{display:block;position:relative;background:#0c0c0c;overflow:hidden}
.project-gallery-card .project-gallery-media img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important;transform:none!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.project-gallery-card:hover .project-gallery-media img{transform:scale(1.015)!important;filter:brightness(.94)!important}
.project-gallery-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.56),transparent 28%);opacity:.72}
.project-gallery-index{position:absolute;z-index:3;inset-inline-start:18px;bottom:16px;color:rgba(255,255,255,.75);font-family:'Montserrat',sans-serif;font-size:.72rem;letter-spacing:.18em}
.project-gallery-open{position:absolute!important;z-index:3!important;inset-inline-end:18px!important;bottom:15px!important;top:auto!important;color:var(--gold2)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;opacity:0!important;transform:translateY(6px)!important;transition:.3s!important}
.project-gallery-card:hover .project-gallery-open{opacity:1!important;transform:none!important}
.project-gallery-card.is-portrait:not(.is-full-row){align-self:start}
.project-next-section-v2{padding-top:78px}
.project-lightbox{backdrop-filter:blur(10px)}
.project-lightbox figure{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:calc(100vw - 190px)}
.project-lightbox img{box-shadow:0 24px 80px rgba(0,0,0,.65)}
@media(max-width:1000px){
  .project-case-intro-v2 .project-case-intro-grid{grid-template-columns:1fr;gap:34px}
  .project-gallery-editorial .project-gallery-heading{display:block}
  .project-gallery-editorial .project-gallery-heading p{max-width:none;text-align:start;margin-top:16px}
}
@media(max-width:760px){
  .project-case-hero-v2{height:72vh;min-height:560px}
  .project-case-intro-v2{padding:72px 0 56px}
  .project-gallery-editorial{padding-top:20px;padding-bottom:86px}
  .project-gallery-grid-v2{grid-template-columns:1fr;gap:14px}
  .project-gallery-card,.project-gallery-card.is-full-row{grid-column:1/-1!important}
  .project-gallery-open{opacity:1!important;transform:none!important}
  .project-gallery-index{bottom:15px}
}


/* === v4.5 adaptive project gallery ==================================
   Images are always visible. The layout adapts to the number of images
   so 3-image and 6-image projects keep a deliberate editorial rhythm. */
.project-gallery-grid-v3{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:20px;
  align-items:start;
}
.project-gallery-grid-v3 .project-gallery-card{
  grid-column:span 6!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  background:#0a0a0a!important;
  border:1px solid rgba(213,180,116,.16)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
/* Important: an older generic rule targeted every span inside gallery
   cards. Explicitly reset the media wrapper so photos never require hover. */
.project-gallery-grid-v3 .project-gallery-card .project-gallery-media{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  overflow:hidden!important;
  background:#0d0d0d!important;
  color:inherit!important;
}
.project-gallery-grid-v3 .project-gallery-card .project-gallery-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  aspect-ratio:4/3;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s ease!important;
}
.project-gallery-grid-v3 .project-gallery-card:hover .project-gallery-media img{
  transform:scale(1.018)!important;
  filter:brightness(.95)!important;
}
.project-gallery-grid-v3 .project-gallery-card::after{
  z-index:2;
  background:linear-gradient(to top,rgba(0,0,0,.48),transparent 26%)!important;
  opacity:.62!important;
}
.project-gallery-grid-v3 .project-gallery-index{
  z-index:4!important;
  opacity:1!important;
  transform:none!important;
}
.project-gallery-grid-v3 .project-gallery-open{
  z-index:4!important;
  opacity:1!important;
  transform:none!important;
  position:absolute!important;
  inset-inline-end:16px!important;
  bottom:13px!important;
  padding:7px 10px!important;
  border:1px solid rgba(213,180,116,.34)!important;
  background:rgba(7,7,7,.66)!important;
  backdrop-filter:blur(5px);
  color:var(--gold2)!important;
  font-size:.68rem!important;
  line-height:1!important;
}

/* 1 image: cinematic full width */
.project-gallery-grid-v3.gallery-layout-1 .project-gallery-card{grid-column:1/-1!important}
.project-gallery-grid-v3.gallery-layout-1 .project-gallery-media img{aspect-ratio:16/9}

/* 2 images: clean split */
.project-gallery-grid-v3.gallery-layout-2 .project-gallery-card{grid-column:span 6!important}

/* 3 images: one hero frame + two supporting frames */
.project-gallery-grid-v3.gallery-layout-3 .gallery-pos-1{grid-column:1/-1!important}
.project-gallery-grid-v3.gallery-layout-3 .gallery-pos-1 .project-gallery-media img{aspect-ratio:16/8.5}
.project-gallery-grid-v3.gallery-layout-3 .gallery-pos-2,
.project-gallery-grid-v3.gallery-layout-3 .gallery-pos-3{grid-column:span 6!important}

/* 4 images: balanced 2 × 2 */
.project-gallery-grid-v3.gallery-layout-4 .project-gallery-card{grid-column:span 6!important}

/* 5 images: one lead + two balanced rows */
.project-gallery-grid-v3.gallery-layout-5 .gallery-pos-1{grid-column:1/-1!important}
.project-gallery-grid-v3.gallery-layout-5 .gallery-pos-1 .project-gallery-media img{aspect-ratio:16/8.5}
.project-gallery-grid-v3.gallery-layout-5 .project-gallery-card:not(.gallery-pos-1){grid-column:span 6!important}

/* 6 images: one lead, two halves, then three equal frames */
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-1{grid-column:1/-1!important}
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-1 .project-gallery-media img{aspect-ratio:16/8.5}
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-2,
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-3{grid-column:span 6!important}
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-4,
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-5,
.project-gallery-grid-v3.gallery-layout-6 .gallery-pos-6{grid-column:span 4!important}

/* Larger galleries keep the same hierarchy: lead image, two halves,
   then a three-column rhythm. */
.project-gallery-grid-v3.gallery-layout-many .gallery-pos-1{grid-column:1/-1!important}
.project-gallery-grid-v3.gallery-layout-many .gallery-pos-1 .project-gallery-media img{aspect-ratio:16/8.5}
.project-gallery-grid-v3.gallery-layout-many .gallery-pos-2,
.project-gallery-grid-v3.gallery-layout-many .gallery-pos-3{grid-column:span 6!important}
.project-gallery-grid-v3.gallery-layout-many .project-gallery-card:nth-child(n+4){grid-column:span 4!important}

@media(max-width:1000px){
  .project-gallery-grid-v3{gap:16px}
  .project-gallery-grid-v3.gallery-layout-6 .gallery-pos-4,
  .project-gallery-grid-v3.gallery-layout-6 .gallery-pos-5,
  .project-gallery-grid-v3.gallery-layout-6 .gallery-pos-6,
  .project-gallery-grid-v3.gallery-layout-many .project-gallery-card:nth-child(n+4){grid-column:span 6!important}
}
@media(max-width:700px){
  .project-gallery-grid-v3{grid-template-columns:1fr!important;gap:13px}
  .project-gallery-grid-v3 .project-gallery-card,
  .project-gallery-grid-v3[class*="gallery-layout-"] .project-gallery-card{
    grid-column:1/-1!important;
  }
  .project-gallery-grid-v3 .project-gallery-card .project-gallery-media img,
  .project-gallery-grid-v3[class*="gallery-layout-"] .gallery-pos-1 .project-gallery-media img{
    aspect-ratio:4/3!important;
  }
  .project-gallery-grid-v3 .project-gallery-open{font-size:.64rem!important;padding:6px 8px!important}
}


/* === v4.6 UI/UX spacing polish =====================================
   Keep page headings inside a generous safe area on both LTR and RTL,
   tighten About, and remove excess whitespace / duplication on Contact. */
.page-hero .page-hero-inner{
  width:min(calc(100% - 120px),var(--container));
  max-width:var(--container)!important;
  margin-inline:auto!important;
}
.page-hero .page-hero-inner h1,
.page-hero .page-hero-inner p{max-width:860px}
body.sada-en .page-hero .page-hero-inner h1,
body.sada-en .page-hero .page-hero-inner p{margin-inline-start:0;margin-inline-end:auto}
body.sada-ar .page-hero .page-hero-inner h1,
body.sada-ar .page-hero .page-hero-inner p{margin-inline-start:auto!important;margin-inline-end:0!important}

/* About page: shorter hero and a more useful crop of the project photo. */
.page-hero-about{min-height:405px;padding:178px 0 68px;background-position:center 58%!important}
.luxe-about-page{padding-top:72px;padding-bottom:86px}
.about-page-grid{align-items:center;gap:64px}
.about-page-photo{min-height:0!important;height:460px;max-height:460px}
.about-page-photo img{min-height:0!important;height:100%!important;object-fit:cover;object-position:center 72%}
.about-page-grid .prose{max-width:720px}

/* Contact page: one source of contact data, compact two-column balance. */
.contact-page-compact{padding:76px 0 82px;min-height:0!important}
.contact-layout-clean{grid-template-columns:1fr 1fr;gap:42px;align-items:start}
.contact-layout-clean .contact-info,
.contact-layout-clean .contact-form-panel{min-height:0}
.contact-cards-clean{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-cards-clean .contact-card:first-child,
.contact-cards-clean .contact-card:last-child{grid-column:1/-1}
.contact-form-panel-clean{padding:36px;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.contact-form-panel-clean h2{margin-bottom:18px}
.contact-panel-copy{color:var(--muted);max-width:600px;margin:0;line-height:1.9}
.contact-actions-clean{margin-top:28px}

@media(max-width:1050px){
  .page-hero .page-hero-inner{width:min(calc(100% - 72px),var(--container))}
  .about-page-grid{gap:42px}
  .about-page-photo{height:420px;max-height:420px}
  .contact-layout-clean{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .page-hero .page-hero-inner{width:min(calc(100% - 32px),var(--container))}
  .page-hero-about{min-height:365px;padding:150px 0 54px}
  .luxe-about-page{padding-top:54px;padding-bottom:66px}
  .about-page-photo{height:330px;max-height:330px}
  .about-page-photo img{object-position:center 68%}
  .contact-page-compact{padding:54px 0 62px}
  .contact-cards-clean{grid-template-columns:1fr}
  .contact-cards-clean .contact-card:first-child,
  .contact-cards-clean .contact-card:last-child{grid-column:auto}
  .contact-form-panel-clean{padding:25px}
  .contact-actions-clean{display:grid;grid-template-columns:1fr}
  .contact-actions-clean .btn{width:100%}
}

/* =========================================================
   v4.7 — Portfolio spacing + rebuilt contact page
   ========================================================= */

/* Keep the selected-work grid visually full at desktop sizes.
   Six projects + the CTA now occupy two complete rows. */
.project-showcase{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.project-all-card{
  grid-column:span 2;
  height:330px;
}
.luxe-projects{
  padding-bottom:92px;
}
.luxe-projects .project-showcase{
  margin-bottom:0;
}

/* Contact page: one compact, unified information surface instead
   of two competing panels and a large empty lower half. */
.contact-v2{
  padding:78px 0 88px;
  border-bottom:1px solid var(--line);
}
.contact-v2-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:60px;
  align-items:end;
  margin-bottom:38px;
}
.contact-v2-head h2{
  margin:8px 0 0;
  font-size:clamp(2.8rem,4.4vw,5.3rem);
  line-height:.98;
  letter-spacing:-.035em;
}
.contact-v2-head p{
  margin:0;
  color:#aaa39a;
  font-size:1.04rem;
  line-height:1.9;
  max-width:620px;
}
.contact-v2-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.contact-v2-card,
.contact-v2-action{
  min-height:150px;
  border:1px solid rgba(213,180,116,.20);
  background:linear-gradient(145deg,rgba(185,146,85,.045),rgba(255,255,255,.012));
  padding:26px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:start;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.contact-v2-card::after,
.contact-v2-action::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border:1px solid rgba(213,180,116,.07);
  border-radius:50%;
  inset-inline-end:-55px;
  bottom:-55px;
  pointer-events:none;
}
.contact-v2-card span,
.contact-v2-action span{
  color:var(--gold2);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:11px;
}
.contact-v2-card strong,
.contact-v2-action strong{
  font-size:1.06rem;
  line-height:1.7;
  font-weight:700;
}
.contact-v2-card a{color:#fff}
.contact-v2-address,
.contact-v2-email{grid-column:span 2}
.contact-v2-action{
  appearance:none;
  width:100%;
  cursor:pointer;
  transition:border-color .3s ease,transform .3s ease,background .3s ease;
  font:inherit;
}
.contact-v2-action i{
  position:absolute;
  inset-inline-end:24px;
  top:24px;
  color:var(--gold2);
  font-style:normal;
  transition:transform .3s ease;
}
.contact-v2-action:hover{
  border-color:rgba(213,180,116,.55);
  background:linear-gradient(145deg,rgba(185,146,85,.095),rgba(255,255,255,.018));
  transform:translateY(-3px);
}
.contact-v2-action:hover i{transform:translate(3px,-3px)}
.contact-v2-form{
  margin-top:22px;
  border:1px solid var(--line);
  padding:34px;
  background:#0b0b0b;
}
.contact-v2-form-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:24px;
}
.contact-v2-form-head h3{
  font-size:clamp(2rem,3vw,3.4rem);
  margin:0;
}

body.sada-ar .contact-v2-head,
body.sada-ar .contact-v2-grid,
body.sada-ar .contact-v2-form-head{direction:rtl}
body.sada-ar .contact-v2-head,
body.sada-ar .contact-v2-card,
body.sada-ar .contact-v2-action,
body.sada-ar .contact-v2-form{text-align:right}
body.sada-ar .contact-v2-card,
body.sada-ar .contact-v2-action{align-items:flex-start}

@media(max-width:1200px){
  .project-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}
  .project-all-card{grid-column:span 2}
  .contact-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-v2-address,.contact-v2-email{grid-column:span 2}
}

@media(max-width:900px){
  .project-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-all-card{grid-column:span 2;height:190px}
  .contact-v2{padding:60px 0 68px}
  .contact-v2-head{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
  .contact-v2-head p{max-width:720px}
}

@media(max-width:600px){
  .project-showcase{grid-template-columns:1fr}
  .project-all-card{grid-column:auto;height:180px}
  .luxe-projects{padding-bottom:66px}
  .contact-v2-grid{grid-template-columns:1fr}
  .contact-v2-address,.contact-v2-email{grid-column:auto}
  .contact-v2-card,.contact-v2-action{min-height:132px;padding:22px}
  .contact-v2-form{padding:24px 20px}
  .contact-v2-form-head{display:block}
  .contact-v2-form-head .eyebrow{display:block;margin-bottom:8px}
}

/* =========================================================
   v4.8 — Inner-page spacing + Arabic heading typography fix
   ========================================================= */

/* Inner page heroes should feel compact, not like a second homepage. */
.page-hero{
  min-height:420px;
  padding:164px 0 62px;
  align-items:flex-end;
}
.page-hero .page-hero-inner{
  width:min(calc(100% - 96px),var(--container));
  max-width:var(--container);
  margin-inline:auto;
}
.page-hero h1{
  max-width:820px;
  font-size:clamp(3rem,4.5vw,5.15rem);
  line-height:1.03;
  margin:8px 0 16px;
}
.page-hero p{
  max-width:720px;
  margin:0;
  line-height:1.8;
}

/* Less empty space on Services / Projects / About / Contact inner pages. */
.services-page,
.projects-page,
.luxe-about-page,
.contact-v2{
  padding-top:72px;
  padding-bottom:78px;
}
.services-intro{
  gap:48px;
  margin-bottom:42px;
  padding-bottom:30px;
  align-items:start;
}
.services-intro h2{
  font-size:clamp(2.5rem,3.5vw,4.1rem);
  line-height:1.08;
  margin:.12em 0 0;
}
.services-intro p{line-height:1.9}
.projects-head h2{font-size:clamp(2.6rem,3.8vw,4.4rem);line-height:1.06}
.contact-v2-head h2{font-size:clamp(2.6rem,3.8vw,4.35rem);line-height:1.05}
.about-page-grid h2{font-size:clamp(2.5rem,3.8vw,4.3rem);line-height:1.08}

/* Arabic headings: safe gutter, smaller scale, no clipping or aggressive wrapping. */
body.sada-ar .page-hero .page-hero-inner,
html[lang^="ar"] body .page-hero .page-hero-inner,
html[dir="rtl"] body .page-hero .page-hero-inner{
  width:min(calc(100% - 120px),var(--container))!important;
  margin-inline:auto!important;
  text-align:right!important;
}
body.sada-ar .page-hero h1,
body.sada-ar .services-intro h2,
body.sada-ar .projects-head h2,
body.sada-ar .contact-v2-head h2,
body.sada-ar .about-page-grid h2,
html[lang^="ar"] .page-hero h1,
html[dir="rtl"] .page-hero h1{
  letter-spacing:0!important;
  line-height:1.18!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
body.sada-ar .page-hero h1{
  font-size:clamp(3rem,4.4vw,4.8rem)!important;
  max-width:760px!important;
  margin-right:0!important;
  margin-left:auto!important;
}
body.sada-ar .page-hero p{
  max-width:720px!important;
  margin-right:0!important;
  margin-left:auto!important;
  line-height:1.95!important;
}
body.sada-ar .services-intro{
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
  gap:42px;
  align-items:start;
}
body.sada-ar .services-intro h2{
  font-size:clamp(2.45rem,3.45vw,3.85rem)!important;
  max-width:760px;
  margin-right:0;
  margin-left:auto;
}
body.sada-ar .services-intro p{
  max-width:650px;
  margin-right:0;
  margin-left:auto;
}
body.sada-ar .projects-head h2,
body.sada-ar .contact-v2-head h2,
body.sada-ar .about-page-grid h2{
  font-size:clamp(2.45rem,3.5vw,3.95rem)!important;
}

/* Make section starts feel connected to the hero instead of separated by a void. */
.page-hero + .section,
.page-hero + .services-page,
.page-hero + .projects-page,
.page-hero + .contact-v2{
  border-top:0;
}

@media(max-width:1050px){
  .page-hero{min-height:390px;padding:150px 0 54px}
  .page-hero .page-hero-inner,
  body.sada-ar .page-hero .page-hero-inner,
  html[lang^="ar"] body .page-hero .page-hero-inner,
  html[dir="rtl"] body .page-hero .page-hero-inner{width:min(calc(100% - 64px),var(--container))!important}
  body.sada-ar .services-intro{grid-template-columns:1fr;gap:18px}
}
@media(max-width:700px){
  .page-hero{min-height:350px;padding:132px 0 46px}
  .page-hero .page-hero-inner,
  body.sada-ar .page-hero .page-hero-inner,
  html[lang^="ar"] body .page-hero .page-hero-inner,
  html[dir="rtl"] body .page-hero .page-hero-inner{width:min(calc(100% - 32px),var(--container))!important}
  .page-hero h1,body.sada-ar .page-hero h1{font-size:clamp(2.45rem,12vw,3.5rem)!important}
  .services-page,.projects-page,.luxe-about-page,.contact-v2{padding-top:52px;padding-bottom:60px}
  .services-intro{gap:18px;margin-bottom:30px;padding-bottom:24px}
  .services-intro h2,body.sada-ar .services-intro h2{font-size:clamp(2.2rem,10vw,3rem)!important}
}