:root{
 --bg:#090d0c;--bg2:#0f1714;--panel:#161c18;--panel2:#1d241f;
 --ivory:#e2d4bf;--paper:#111512;--ink:#e7dccb;--muted:#aaa294;--muted2:#8d877b;
 --copper:#c67a48;--copper2:#e1a66f;--sage:#4fa78f;--sage2:#8fc8b7;--line:rgba(225,166,111,.13);
 --shadow:0 26px 80px rgba(0,0,0,.28);--soft-shadow:0 18px 55px rgba(13,17,19,.12);
 --radius:28px;--ease:cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.9;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1240px,92%);margin:auto}
::selection{background:var(--sage);color:#07110f}

/* scroll progress + page transition */
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--sage),var(--copper2));z-index:10020;box-shadow:0 0 22px rgba(74,197,168,.6)}
.page-transition{position:fixed;z-index:10010;inset:0;pointer-events:none;background:#0a0d0f;transform:translateY(100%);transition:transform .58s var(--ease)}
.page-transition.show{transform:translateY(0)}

/* top */
.topbar{position:relative;z-index:100;background:#080a0c;color:#dbe3e1;border-bottom:1px solid rgba(255,255,255,.06);font-size:.88rem;letter-spacing:.01em}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;gap:1rem;flex-wrap:wrap}.topbar b{color:var(--sage2)}.topbar a{color:var(--ivory);transition:.25s}.topbar a:hover{color:var(--sage2)}.dot{color:var(--copper)}
.header{position:sticky;top:0;z-index:100;background:rgba(10,13,15,.82);backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid rgba(255,255,255,.08);transition:.35s var(--ease)}
.header.scrolled{background:rgba(10,13,15,.96);box-shadow:0 12px 45px rgba(0,0,0,.16)}
.navwrap{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:88px}
.brand{display:flex;align-items:center;gap:.85rem;min-width:max-content;color:var(--ivory)}.brand img{width:62px;height:62px;object-fit:contain;border-radius:18px;background:#171c18;border:1px solid rgba(225,166,111,.22);box-shadow:0 10px 32px rgba(0,0,0,.34);transition:.45s var(--ease)}.brand:hover img{transform:rotate(-3deg) scale(1.05)}.brand strong{font-size:1.45rem;letter-spacing:-.03em}.brand small{display:block;color:#98a5a4;font-size:.71rem;margin-top:-5px}
.nav{display:flex;gap:.15rem;align-items:center;flex-wrap:wrap}.nav a{position:relative;padding:.62rem .72rem;border-radius:999px;font-size:.91rem;font-weight:800;color:#c3ccca;transition:.25s}.nav a:after{content:"";position:absolute;right:50%;left:50%;bottom:5px;height:2px;background:linear-gradient(90deg,var(--sage),var(--copper));transition:.35s var(--ease);border-radius:3px}.nav a:hover,.nav a.active{color:var(--ivory);background:rgba(255,255,255,.055)}.nav a:hover:after,.nav a.active:after{right:22%;left:22%}.menu-btn{display:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--ivory);border-radius:14px;padding:.62rem .8rem;font-size:1.2rem}

/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:var(--ivory);padding:105px 0 105px;min-height:760px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(80% 60% at 85% 12%,rgba(74,197,168,.18),transparent 60%),radial-gradient(70% 60% at 8% 95%,rgba(201,139,90,.18),transparent 65%),linear-gradient(135deg,#0a0d0f,#11171a 58%,#0a0c0d)}
.hero:after{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 90%)}
.aurora{position:absolute;z-index:-1;width:460px;height:460px;filter:blur(75px);opacity:.22;border-radius:50%;animation:drift 12s ease-in-out infinite alternate}.aurora.a{right:-90px;top:40px;background:var(--sage)}.aurora.b{left:-120px;bottom:-120px;background:var(--copper);animation-delay:-4s}
@keyframes drift{to{transform:translate3d(70px,-45px,0) scale(1.14)}}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:4.5rem;align-items:center}.eyebrow,.pill{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);padding:.38rem .78rem;border-radius:999px;font-size:.88rem;color:#cbd5d3;backdrop-filter:blur(10px)}.eyebrow:before,.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 6px rgba(74,197,168,.09)}
.hero h1{font-size:clamp(2.7rem,5.9vw,5.85rem);line-height:1.08;letter-spacing:-.055em;margin:1.1rem 0 1.25rem;max-width:840px}.hero h1 span{background:linear-gradient(100deg,var(--sage2),#d8c9b5 42%,var(--copper2) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.12rem;color:#acb8b6;max-width:720px;margin:0}.actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.7rem}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.88rem 1.25rem;border-radius:15px;font-weight:900;border:1px solid transparent;transition:.35s var(--ease)}.btn:before{content:"";position:absolute;z-index:-1;inset:0;transform:translateX(105%);background:rgba(255,255,255,.15);transition:.45s var(--ease)}.btn:hover:before{transform:translateX(0)}.btn:hover{transform:translateY(-3px)}.btn-gold{background:linear-gradient(135deg,var(--sage2),var(--sage));color:#061310;box-shadow:0 16px 40px rgba(74,197,168,.18)}.btn-light{border-color:rgba(255,255,255,.17);color:var(--ivory);background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.hero-media{position:relative;min-height:520px;perspective:1000px}.hero-media:before{content:"";position:absolute;inset:11% -7% -7% 17%;border:1px solid rgba(255,255,255,.13);border-radius:38px;transform:rotate(4deg)}.hero-media>img{position:absolute;inset:0;width:88%;height:92%;object-fit:cover;border-radius:34px;box-shadow:0 45px 95px rgba(0,0,0,.43);clip-path:polygon(7% 0,100% 0,100% 90%,91% 100%,0 100%,0 10%);transition:transform .8s var(--ease)}.hero-media:hover>img{transform:scale(1.025) rotate(.4deg)}
.hero-media .float-card{position:absolute;z-index:3;background:rgba(17,22,24,.88);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1rem 1.1rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}.hero-media .float-card.one{left:-20px;top:12%;animation:floaty 5.5s ease-in-out infinite}.hero-media .float-card.two{right:-15px;bottom:4%;animation:floaty 6.5s ease-in-out infinite reverse}.float-card b{display:block;color:var(--ivory);font-size:1.05rem}.float-card span{color:#9eaaa8;font-size:.78rem}.float-card i{display:inline-block;width:10px;height:10px;background:var(--sage);border-radius:50%;margin-left:.4rem;box-shadow:0 0 16px rgba(74,197,168,.8)}
@keyframes floaty{50%{transform:translateY(-13px)}}
.hero-proof{display:flex;align-items:center;gap:1rem;margin-top:1.65rem;color:#98a5a3;font-size:.88rem}.hero-proof .dots{display:flex}.hero-proof .dots span{width:30px;height:30px;border-radius:50%;border:2px solid #0c1012;margin-left:-8px;background-size:cover;background-position:center}.hero-proof strong{color:var(--ivory)}

/* generic sections */
section{padding:105px 0;position:relative}.section-head{max-width:820px;margin:0 auto 3.2rem;text-align:center}.section-head .kicker{display:inline-flex;align-items:center;gap:.5rem;color:#d39a68;font-weight:950;letter-spacing:.02em}.section-head .kicker:before{content:"";width:24px;height:2px;background:var(--copper)}.section-head h2{font-size:clamp(2rem,4vw,3.65rem);line-height:1.17;letter-spacing:-.045em;color:#eadfce;margin:.55rem 0 .7rem}.section-head p{color:var(--muted2);margin:0;font-size:1rem}.grid{display:grid;gap:1.25rem}

/* services */
.services{grid-template-columns:repeat(3,1fr);counter-reset:svc}.card{border:1px solid rgba(21,26,29,.085);border-radius:var(--radius);background:#191e1a;overflow:hidden;box-shadow:0 12px 40px rgba(12,17,19,.055)}.service-card{position:relative;min-height:290px;padding:1.8rem;display:flex;flex-direction:column;justify-content:flex-end;transition:.5s var(--ease);counter-increment:svc}.service-card:before{content:"0"counter(svc);position:absolute;top:1.3rem;left:1.5rem;color:#a7afad;font-size:.77rem;font-weight:900;letter-spacing:.1em}.service-card:after{content:"";position:absolute;inset:0;background:radial-gradient(90% 80% at 90% 10%,rgba(74,197,168,.13),transparent 55%),linear-gradient(180deg,transparent,rgba(201,139,90,.06));opacity:0;transition:.5s}.service-card>*{position:relative;z-index:2}.service-card:hover{transform:translateY(-9px);border-color:rgba(74,197,168,.26);box-shadow:0 28px 80px rgba(12,17,19,.13)}.service-card:hover:after{opacity:1}.icon{width:56px;height:56px;border-radius:18px;background:#22312c;color:#8fc8b7;display:grid;place-items:center;font-size:1.35rem;margin-bottom:auto;border:1px solid rgba(74,197,168,.18);transition:.5s var(--ease)}.service-card:hover .icon{transform:rotate(-7deg) scale(1.08);background:var(--sage);color:#062019}.service-card h3{color:#e8dccb;margin:1.1rem 0 .35rem;font-size:1.3rem}.service-card p{color:#a8a095;margin:0 0 .95rem;line-height:1.75}.arrow{color:#d9a271;font-weight:950;display:flex;align-items:center;gap:.35rem}.arrow:after{content:"↗";transition:.3s}.service-card:hover .arrow:after{transform:translate(-4px,-4px)}

/* signature showcase */
.signature{background:#0d1012;color:var(--ivory);overflow:hidden}.signature:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 50% at 85% 20%,rgba(74,197,168,.13),transparent),radial-gradient(60% 70% at 0% 80%,rgba(201,139,90,.13),transparent)}.signature .section-head h2{color:var(--ivory)}.signature .section-head p{color:#9ca8a6}.signature .section-head .kicker{color:var(--copper2)}
.showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:1.3rem}.showcase-main,.showcase-stack>a{position:relative;overflow:hidden;border-radius:32px;background:#15191b}.showcase-main{min-height:590px}.showcase-main img,.showcase-stack img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}.showcase-main:hover img,.showcase-stack>a:hover img{transform:scale(1.055)}.showcase-main:after,.showcase-stack>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.78))}.showcase-copy{position:absolute;z-index:2;right:2rem;left:2rem;bottom:1.8rem}.showcase-copy span{color:var(--sage2);font-size:.82rem}.showcase-copy h3{font-size:2rem;margin:.15rem 0}.showcase-copy p{color:#c0cac8;max-width:620px;margin:0}.showcase-stack{display:grid;gap:1.3rem;grid-template-rows:1fr 1fr}.showcase-stack>a{min-height:280px}.showcase-stack .showcase-copy{right:1.3rem;left:1.3rem;bottom:1.15rem}.showcase-stack .showcase-copy h3{font-size:1.35rem}

/* marquee */
.marquee{padding:0;background:#0d1012;color:var(--ivory);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;padding:1.05rem 0}.marquee-track span{display:flex;align-items:center;gap:1.5rem;padding:0 1.4rem;font-size:1rem;color:#bdc7c5;white-space:nowrap}.marquee-track span:after{content:"✦";color:var(--sage)}@keyframes marquee{to{transform:translateX(50%)}}

/* process */
.process-grid{grid-template-columns:repeat(4,1fr)}.process-step{position:relative;padding:1.7rem 1.45rem 1.5rem;border-top:1px solid #ccd3d0}.process-step:before{content:attr(data-step);position:absolute;top:-17px;right:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid #bbc4c1;color:#7c5337;font-weight:900;font-size:.8rem}.process-step h3{margin:.7rem 0 .25rem}.process-step p{margin:0;color:#6d7577;font-size:.94rem}

/* stats */
.stats-band{padding:40px 0;background:#15211d;border-top:1px solid rgba(74,197,168,.14);border-bottom:1px solid rgba(74,197,168,.14)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{padding:1.1rem 1.3rem;border-left:1px solid rgba(24,92,78,.13)}.stat:last-child{border-left:0}.stat b{display:block;font-size:1.85rem;letter-spacing:-.04em;color:#d5b58f}.stat span{color:#9eaa9f;font-size:.88rem}

/* light gallery */
.band{background:#151a17}.gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px}.gallery a{border-radius:24px;overflow:hidden;position:relative;background:#202722;box-shadow:0 12px 35px rgba(14,19,20,.08);transition:.5s var(--ease)}.gallery a:nth-child(5n+1){grid-row:span 2}.gallery a:nth-child(7n+2){grid-column:span 2}.gallery img{width:100%;height:100%;object-fit:cover;transition:.75s var(--ease)}.gallery a:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(14,19,20,.16)}.gallery a:hover img{transform:scale(1.07)}.gallery .caption{position:absolute;z-index:2;inset:auto 0 0;background:linear-gradient(transparent,rgba(8,12,13,.84));color:var(--ivory);padding:3.1rem 1rem .9rem;font-weight:850;transform:translateY(12px);opacity:.86;transition:.4s}.gallery a:hover .caption{transform:none;opacity:1}

/* inner pages */
.breadcrumb{background:#0c0f11;color:#86918f;border-bottom:1px solid rgba(255,255,255,.07)}.breadcrumb .container{padding:.65rem 0;font-size:.86rem}.breadcrumb a{color:var(--sage2)}
.mini-hero{position:relative;overflow:hidden;padding:88px 0 94px;background:#0d1012;color:var(--ivory);isolation:isolate}.mini-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(60% 75% at 90% 20%,rgba(74,197,168,.16),transparent 62%),radial-gradient(55% 80% at 0% 100%,rgba(201,139,90,.16),transparent 65%)}.mini-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.mini-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:4rem;align-items:center}.mini-hero h1{font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.1;letter-spacing:-.05em;margin:.7rem 0 1rem}.mini-hero p{color:#aeb9b7;max-width:690px;font-size:1.04rem}.mini-img{position:relative;border-radius:34px;overflow:hidden;max-height:500px;box-shadow:0 38px 90px rgba(0,0,0,.38);clip-path:polygon(9% 0,100% 0,100% 89%,91% 100%,0 100%,0 10%)}.mini-img:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}.mini-img img{width:100%;height:500px;object-fit:cover;transition:1s var(--ease)}.mini-img:hover img{transform:scale(1.04)}.subnav{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}.subnav a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d5dddb;padding:.43rem .75rem;border-radius:999px;font-weight:800;font-size:.84rem;transition:.3s}.subnav a:hover{background:var(--sage);color:#062019;border-color:var(--sage)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:stretch}.content-box{position:relative;background:#191e1a;border:1px solid rgba(19,26,28,.08);border-radius:28px;padding:2rem;box-shadow:0 16px 55px rgba(12,17,19,.055);overflow:hidden}.content-box:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 100% 0,rgba(74,197,168,.09),transparent 60%);pointer-events:none}.content-box h2,.content-box h3{position:relative;color:#e8dccb;letter-spacing:-.02em}.content-box p{position:relative;color:#a9a196}.checklist{position:relative;list-style:none;padding:0;margin:1rem 0}.checklist li{padding:.48rem 2rem .48rem 0;position:relative;color:#bbb1a2}.checklist li:before{content:"✓";position:absolute;right:0;top:.46rem;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#20352e;color:#8fc8b7;font-weight:950;font-size:.72rem}.note{font-size:.9rem;color:#b1aa9e;background:#1b2924;border-right:3px solid var(--sage);padding:.8rem .95rem;border-radius:10px}.paint-hero img{object-fit:cover}

/* faq */
.faq{max-width:940px;margin:auto}.faq details{border:1px solid rgba(20,26,28,.09);border-radius:18px;margin:.85rem 0;background:#191e1a;padding:1rem 1.15rem;box-shadow:0 8px 25px rgba(13,18,20,.035);transition:.3s}.faq details[open]{border-color:rgba(74,197,168,.3);box-shadow:0 16px 45px rgba(13,18,20,.08)}.faq summary{cursor:pointer;font-weight:900;color:#eadfce;list-style:none;padding-left:2rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;left:0;top:0;color:#8fc8b7;font-size:1.3rem;transition:.3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:#a9a196;margin:.75rem 0 .1rem}

/* cta */
.cta{position:relative;overflow:hidden;background:#0d1012;color:var(--ivory);border-radius:34px;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:var(--shadow)}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 200% at 100% 0,rgba(74,197,168,.22),transparent 55%),radial-gradient(50% 150% at 0% 100%,rgba(201,139,90,.18),transparent 55%)}.cta>*{position:relative}.cta h2{margin:0 0 .5rem;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.035em}.cta p{margin:0;color:#aeb9b7}.seo-city{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center}.seo-city span{background:#191e1a;border:1px solid rgba(18,25,27,.08);padding:.48rem .82rem;border-radius:999px;color:#b6ad9f;font-weight:800;font-size:.88rem;box-shadow:0 6px 18px rgba(12,17,19,.04);transition:.3s}.seo-city span:hover{background:#153f36;color:var(--ivory);border-color:#153f36;transform:translateY(-2px)}

/* footer */
.footer{position:relative;overflow:hidden;background:#090b0d;color:#b4bfbd;padding:75px 0 28px;margin-top:70px;border-top:1px solid rgba(255,255,255,.06)}.footer:before{content:"السهارج";position:absolute;left:-2%;bottom:-8%;font-size:clamp(8rem,22vw,22rem);font-weight:950;color:rgba(255,255,255,.018);letter-spacing:-.09em;white-space:nowrap}.footer-grid{position:relative;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:2.2rem}.footer h3{color:var(--ivory);font-size:1.12rem}.footer p{color:#8f9b99;max-width:470px}.footer a{display:block;color:#aeb9b7;padding:.25rem 0;transition:.25s}.footer a:hover{color:var(--sage2);transform:translateX(-3px)}.footer .copy{position:relative;border-top:1px solid rgba(255,255,255,.08);margin-top:2.3rem;padding-top:1.2rem;text-align:center;color:#697472;font-size:.86rem}
.whatsapp{position:fixed;left:19px;bottom:19px;z-index:150;width:62px;height:62px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#37df93,#17a861);color:#07150f;box-shadow:0 18px 45px rgba(19,143,85,.28);font-size:1.4rem;font-weight:950;transition:.4s var(--ease);border:1px solid rgba(255,255,255,.25)}.whatsapp:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(50,205,130,.25);border-radius:26px;animation:pulse 2.2s ease-out infinite}.whatsapp:hover{transform:translateY(-6px) rotate(-4deg)}@keyframes pulse{70%,100%{transform:scale(1.16);opacity:0}}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-left.in{opacity:1;transform:none}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:10005;background:rgba(4,6,7,.92);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:4vw}.lightbox.open{display:flex;animation:fadeIn .3s}.lightbox img{max-width:min(1200px,92vw);max-height:84vh;border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.55)}.lightbox button{position:absolute;top:24px;left:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:var(--ivory);font-size:1.45rem;cursor:pointer}@keyframes fadeIn{from{opacity:0}to{opacity:1}}

@media(max-width:1050px){
 .nav{display:none;position:absolute;right:4%;left:4%;top:78px;background:rgba(14,17,19,.98);border:1px solid rgba(255,255,255,.09);padding:.75rem;border-radius:20px;box-shadow:var(--shadow)}.nav.open{display:grid}.nav a{padding:.78rem .85rem}.menu-btn{display:block}.hero{min-height:auto;padding:80px 0}.hero-grid,.mini-grid,.showcase,.two-col{grid-template-columns:1fr}.hero-media{min-height:480px;max-width:720px;margin:auto;width:100%}.services{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:2rem}.gallery{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-left:0}.footer-grid{grid-template-columns:1fr 1fr}.mini-img{max-height:420px}.mini-img img{height:420px}
}
@media(max-width:680px){
 body{line-height:1.8}.topbar .container{justify-content:center;text-align:center}.topbar .container>div:first-child{display:none}.brand img{width:52px;height:52px;border-radius:14px}.brand strong{font-size:1.2rem}.brand small{display:none}.navwrap{min-height:72px}section{padding:74px 0}.hero{padding:68px 0 76px}.hero-grid{gap:2.5rem}.hero h1{font-size:2.72rem}.hero p{font-size:1rem}.hero-media{min-height:375px}.hero-media>img{width:94%;height:95%}.hero-media .float-card{padding:.75rem .8rem}.hero-media .float-card.one{left:-2px}.hero-media .float-card.two{right:-2px}.hero-proof{display:none}.services,.process-grid,.gallery,.stats,.footer-grid{grid-template-columns:1fr}.service-card{min-height:250px}.showcase-main{min-height:470px}.showcase-stack>a{min-height:245px}.gallery{grid-auto-rows:270px}.gallery a:nth-child(n){grid-column:auto;grid-row:auto}.stat{border-left:0;border-bottom:1px solid rgba(24,92,78,.12)}.stat:last-child{border-bottom:0}.cta{align-items:flex-start;flex-direction:column;padding:2rem 1.4rem}.mini-hero{padding:62px 0 72px}.mini-grid{gap:2.2rem}.mini-hero h1{font-size:2.55rem}.mini-img img{height:330px}.footer{padding-top:58px}.section-head{margin-bottom:2.3rem}.section-head h2{font-size:2.25rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.reveal-left{opacity:1!important;transform:none!important}}


/* v3 — dark luxury refinements (no stark white surfaces) */
body{background:
 radial-gradient(1100px 650px at 8% 14%,rgba(79,167,143,.07),transparent 62%),
 radial-gradient(900px 580px at 92% 72%,rgba(198,122,72,.07),transparent 62%),
 var(--paper);color:var(--ink)}
section:not(.hero):not(.mini-hero):not(.signature):not(.marquee):not(.stats-band){background:transparent}
.section-head h2{color:#eadfce}.section-head p{color:#9e978a}.section-head .kicker{color:#d49a67}
.card,.content-box,.faq details{background:linear-gradient(145deg,#191e1a,#151915);border-color:rgba(225,166,111,.12);box-shadow:0 18px 50px rgba(0,0,0,.19)}
.service-card:after{background:radial-gradient(90% 80% at 90% 10%,rgba(79,167,143,.12),transparent 55%),linear-gradient(180deg,transparent,rgba(198,122,72,.075))}
.service-card:hover{border-color:rgba(225,166,111,.34);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.service-card:before{color:#736e65}.service-card h3{color:#e8dccb}.service-card p{color:#aaa295}
.icon{background:#202a25;color:#8fc8b7;border-color:rgba(143,200,183,.18)}
.service-card:hover .icon{background:linear-gradient(145deg,#4fa78f,#3a806d);color:#0b1713}
.band{background:linear-gradient(180deg,#141915,#111512)}
.stats-band{background:linear-gradient(90deg,#14211d,#191c17 48%,#211a15);border-color:rgba(225,166,111,.14)}
.stat{border-left-color:rgba(225,166,111,.14)}.stat b{color:#e0b183}.stat span{color:#9e988d}
.gallery a{background:#202722;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.gallery a:hover{box-shadow:0 28px 72px rgba(0,0,0,.34)}
.content-box h2,.content-box h3{color:#eadfce}.content-box p{color:#aaa296}.checklist li{color:#bbb2a3}
.checklist li:before{background:#21352e;color:#98d0be}.note{color:#b9b0a3;background:#1a2823;border-right-color:#6bb7a3}
.faq summary{color:#e7dccb}.faq p{color:#aaa195}.faq details[open]{border-color:rgba(143,200,183,.32);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.seo-city span{background:#191e1a;border-color:rgba(225,166,111,.13);color:#b9b0a3;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.seo-city span:hover{background:#244137;color:#e7dccb;border-color:#3f7969}
.brand,.topbar a,.nav a:hover,.nav a.active,.hero,.signature,.marquee,.mini-hero,.cta,.footer h3{color:var(--ivory)}
.brand img{background:#171c18;border:1px solid rgba(225,166,111,.22)}
.hero h1 span{background:linear-gradient(100deg,#90c9b8,#d8c9b5 42%,#e1a66f 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-light{border-color:rgba(225,166,111,.24);color:#ddcfbb;background:rgba(198,122,72,.055)}
.btn-light:hover{border-color:rgba(225,166,111,.42);background:rgba(198,122,72,.12)}
.eyebrow,.pill{border-color:rgba(225,166,111,.16);background:rgba(198,122,72,.045);color:#c4b9aa}
.hero-media:before{border-color:rgba(225,166,111,.18)}
.hero-media .float-card{background:rgba(18,25,21,.9);border-color:rgba(225,166,111,.15)}
.float-card b{color:#e7dccb}
.topbar,.header,.signature,.marquee,.mini-hero,.cta,.footer{border-color:rgba(225,166,111,.09)}
.lightbox button{border-color:rgba(225,166,111,.22);background:rgba(198,122,72,.10);color:#e7dccb}
::selection{background:#c67a48;color:#14100d}


/* automatic hero scene rotation — time based, not pointer based */
.hero-media:after{content:"";position:absolute;z-index:2;inset:0 auto auto 0;width:74px;height:2px;background:linear-gradient(90deg,var(--copper2),var(--sage2));border-radius:5px;box-shadow:0 0 20px rgba(225,166,111,.28);animation:sceneLine 5.8s linear infinite}
@keyframes sceneLine{0%{width:0;opacity:.35}12%{opacity:1}88%{opacity:1}100%{width:74px;opacity:.25}}
\n\n/* v4 — local city experience */\n.city-links{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1080px;margin:auto}.seo-city.city-links a{position:relative;overflow:hidden;min-height:118px;display:flex;align-items:flex-end;justify-content:space-between;padding:1.25rem 1.3rem;border-radius:22px;background:linear-gradient(145deg,#1c241f,#141915);border:1px solid rgba(225,166,111,.14);color:#e8dccb;font-size:1.12rem;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.22);transition:.4s var(--ease)}.seo-city.city-links a:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 100% at 100% 0,rgba(79,167,143,.16),transparent 56%),linear-gradient(180deg,transparent,rgba(198,122,72,.08));opacity:.75}.seo-city.city-links a>*{position:relative}.seo-city.city-links a small{color:#d49a67;font-size:1rem}.seo-city.city-links a:hover{transform:translateY(-7px);border-color:rgba(225,166,111,.35);background:linear-gradient(145deg,#22352d,#171d19);box-shadow:0 25px 55px rgba(0,0,0,.33)}\n.city-hero-tag{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}.city-hero-tag span{padding:.45rem .72rem;border:1px solid rgba(225,166,111,.18);background:rgba(198,122,72,.055);border-radius:999px;color:#c7bdaf;font-size:.86rem;font-weight:800}.city-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.city-service-grid a{min-height:190px}.near-cities{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.near-cities a{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.1rem;border-radius:18px;background:#191e1a;border:1px solid rgba(225,166,111,.13);color:#d8cdbd;font-weight:900;transition:.3s}.near-cities a:hover{background:#244137;border-color:#3f7969;transform:translateY(-3px)}\n@media(max-width:1050px){.city-links{grid-template-columns:repeat(3,1fr)}.city-service-grid{grid-template-columns:repeat(2,1fr)}.near-cities{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:680px){.city-links,.city-service-grid,.near-cities{grid-template-columns:1fr}.seo-city.city-links a{min-height:92px}.footer-grid{grid-template-columns:1fr}}\n
.mini-grid.no-media{grid-template-columns:1fr;max-width:980px}.mini-grid.no-media>div:first-child{max-width:900px}.empty-gallery-note{border:1px dashed rgba(201,139,90,.32);border-radius:26px;padding:2rem;background:rgba(255,255,255,.025);color:#aeb9b7}


/* V7 — structure inspired by clean service-site navigation, with original Saharij identity */
.aseel-like-header{background:rgba(10,13,15,.96);border-bottom:1px solid rgba(225,166,111,.16)}
.aseel-like-header .navwrap{min-height:78px;gap:1rem}
.compact-brand img{width:54px;height:54px;border-radius:14px}.compact-brand strong{font-size:1.35rem}.compact-brand small{font-size:.68rem;color:#9ea8a5}
.main-nav{gap:.08rem}.main-nav a{padding:.62rem .65rem;border-radius:10px;font-size:.88rem}.main-nav a:after{display:none}.main-nav a:hover{background:rgba(225,166,111,.08);color:#f1dfca}
.header-quote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border-radius:12px;background:linear-gradient(135deg,#d89a62,#b87342);color:#140d08;font-weight:950;white-space:nowrap;box-shadow:0 10px 30px rgba(184,115,66,.18);transition:.25s}.header-quote:hover{transform:translateY(-2px);filter:brightness(1.06)}
.aseel-action{min-width:170px;border-radius:12px}.btn-gold{background:linear-gradient(135deg,#d89a62,#b87342);color:#160d08;box-shadow:0 14px 34px rgba(184,115,66,.2)}
.service-card{position:relative}.service-number{display:block;font-weight:950;font-size:.78rem;letter-spacing:.12em;color:var(--copper2);margin-bottom:.9rem}.service-card .arrow{font-weight:900;color:#dba274}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.about-grid h2{font-size:clamp(2rem,4vw,3.2rem);margin:.55rem 0 1rem}.about-grid p{color:#9eaaa8;max-width:700px}.about-points{display:grid;gap:.7rem}.about-points span{padding:1rem 1.15rem;border:1px solid rgba(225,166,111,.16);background:#131816;border-radius:14px;color:#d7c9b7;font-weight:800}.about-points span:before{content:'✓';color:#7dc2ad;margin-left:.65rem}
.clean-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.clean-image-card{min-height:0}.clean-image-card img{aspect-ratio:3/2;object-fit:cover}.clean-image-card .caption{background:linear-gradient(transparent,rgba(5,7,8,.82));padding:1.7rem .85rem .65rem;font-size:.88rem}
.aseel-like-footer{padding-top:62px}.footer-logo{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.footer-logo img{width:58px;height:58px;object-fit:contain;border-radius:14px}.footer-logo strong{font-size:1.5rem;color:var(--ivory)}.footer-label{display:block;color:#7e8987;font-size:.78rem;margin-bottom:.35rem}.footer-phone{font-size:1.25rem!important;color:#e2d3bf!important;font-weight:950}.footer-wa,.footer-form{margin-top:.35rem;color:#a8cfc3!important}.footer-seo{position:relative;border-top:1px solid rgba(255,255,255,.07);padding-top:1.2rem;margin:2rem 0 0;color:#6f7a78;font-size:.82rem;max-width:900px}
@media(max-width:1050px){.header-quote{margin-right:auto}.main-nav{position:fixed;top:78px;right:14px;left:14px;display:none;background:#101416;border:1px solid rgba(255,255,255,.09);padding:12px;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.main-nav.open{display:grid}.menu-btn{display:block}.header-quote{display:none}.about-grid{grid-template-columns:1fr}.clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.compact-brand small{display:none}.clean-gallery{grid-template-columns:1fr}.aseel-like-header .navwrap{min-height:70px}.main-nav{top:70px}.hero{padding-top:70px}.btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}


/* V8 — visual service cards + standalone service areas */
.service-card.has-image{padding:0;display:block;min-height:0;overflow:hidden;background:linear-gradient(145deg,#191e1a,#141915)}
.service-card.has-image:before,.service-card.has-image:after{display:none}
.service-cover{position:relative;overflow:hidden;aspect-ratio:16/10;background:#0e1311}
.service-cover img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .45s ease;filter:saturate(.93) contrast(1.02)}
.service-card.has-image:hover .service-cover img{transform:scale(1.055);filter:saturate(1.04) contrast(1.04)}
.service-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(7,10,9,.65));pointer-events:none}
.service-badge{position:absolute;z-index:2;top:14px;right:14px;min-width:44px;height:34px;padding:0 .7rem;border-radius:999px;display:grid;place-items:center;background:rgba(10,14,12,.84);backdrop-filter:blur(10px);border:1px solid rgba(225,166,111,.26);color:#edc092;font-size:.78rem;font-weight:950;letter-spacing:.08em}
.service-content{padding:1.3rem 1.4rem 1.5rem}.service-content h3{margin:.05rem 0 .42rem}.service-content p{min-height:3.5em;margin:0 0 .85rem}
.city-service-grid .service-card.has-image{min-height:0}
.areas-hero{background:radial-gradient(75% 70% at 80% 5%,rgba(79,167,143,.16),transparent 60%),linear-gradient(135deg,#0b100e,#141b17 55%,#17130f)}
.areas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.area-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:300px;overflow:hidden;border:1px solid rgba(225,166,111,.14);border-radius:26px;background:linear-gradient(145deg,#191e1a,#121713);box-shadow:0 18px 55px rgba(0,0,0,.22);transition:.4s var(--ease)}
.area-card:first-child{grid-column:1/-1;grid-template-columns:1.2fr .8fr}.area-card:hover{transform:translateY(-7px);border-color:rgba(225,166,111,.34);box-shadow:0 30px 70px rgba(0,0,0,.32)}
.area-card-media{overflow:hidden;min-height:260px}.area-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.area-card:hover img{transform:scale(1.055)}
.area-card-body{padding:1.6rem;display:flex;flex-direction:column;justify-content:center}.area-card-body>span{color:#d79c68;font-size:.78rem;font-weight:900}.area-card-body h2{font-size:2rem;margin:.2rem 0 .55rem;color:#eadfce}.area-card-body p{color:#a7a095;margin:0 0 1rem}.area-card-body b{color:#8fc8b7}
.footer h3 a{color:inherit}.footer h3 a:hover{color:#e1a66f}
@media(max-width:900px){.areas-grid{grid-template-columns:1fr}.area-card,.area-card:first-child{grid-column:auto;grid-template-columns:1fr}.area-card-media{min-height:240px}}
@media(max-width:640px){.service-content p{min-height:0}.service-cover{aspect-ratio:16/9}.area-card-body h2{font-size:1.65rem}}


/* V9 — distinct service experiences */
.service-page .mini-hero{padding-bottom:78px}.service-page .mini-img{position:relative}.service-page .mini-img:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid rgba(225,166,111,.18);border-radius:26px;z-index:-1}.service-experience{padding:94px 0;border-top:1px solid rgba(225,166,111,.08);border-bottom:1px solid rgba(225,166,111,.08);background:radial-gradient(55% 70% at 85% 0,rgba(79,167,143,.07),transparent 70%),#0f1412}.service-experience .section-head{margin-bottom:2.4rem}.service-experience h3{color:#e8dccb;margin:.25rem 0 .35rem}.service-experience p{color:#9f9a90;margin:.2rem 0}
.noise-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}.noise-path:before{content:"";position:absolute;top:30px;right:8%;left:8%;height:1px;background:linear-gradient(90deg,rgba(225,166,111,.08),rgba(143,200,183,.55),rgba(225,166,111,.08))}.noise-path article{position:relative;z-index:1;background:#171d19;border:1px solid rgba(225,166,111,.13);border-radius:22px;padding:1.3rem;min-height:175px}.xp-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#21342e;border:1px solid rgba(143,200,183,.22);color:#9bd0bf;font-weight:950}.acoustic-showcase{display:grid;grid-template-columns:1fr .8fr 1fr;gap:1rem;margin-top:1.5rem;align-items:stretch}.acoustic-photo{border-radius:22px;overflow:hidden;min-height:320px}.acoustic-photo img{width:100%;height:100%;object-fit:cover}.layer-stack{display:grid;align-content:center;gap:.55rem;padding:1rem}.layer-stack span{padding:.85rem 1rem;border-radius:12px;background:linear-gradient(90deg,#1b2a25,#20251f);border:1px solid rgba(225,166,111,.12);color:#d7caba;font-weight:850}.layer-stack span:nth-child(2){margin-inline:8px}.layer-stack span:nth-child(3){margin-inline:16px;background:#28463c;color:#b6dfd3}.layer-stack span:nth-child(4){margin-inline:8px}
.door-anatomy{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.door-anatomy-image{position:relative;border-radius:26px;overflow:hidden;min-height:480px;background:#0d110f}.door-anatomy-image img{width:100%;height:100%;position:absolute;object-fit:cover}.pin{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d59a67;color:#160e08;font-style:normal;font-weight:950;box-shadow:0 0 0 8px rgba(213,154,103,.13)}.pin.p1{top:18%;right:18%}.pin.p2{top:48%;left:28%}.pin.p3{bottom:12%;right:30%}.anatomy-notes{display:grid;gap:.8rem}.anatomy-notes article{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1rem;border-radius:18px;background:#171d19;border:1px solid rgba(225,166,111,.12)}.anatomy-notes b{width:44px;height:44px;border-radius:14px;background:#253c34;display:grid;place-items:center;color:#9bd0bf}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.mini-metrics span{padding:1rem;border:1px solid rgba(225,166,111,.12);border-radius:16px;background:#151a17}.mini-metrics strong,.mini-metrics small{display:block}.mini-metrics strong{color:#e7d9c6}.mini-metrics small{color:#8e9995}
.decor-categories{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:1rem}.decor-categories article{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(225,166,111,.12)}.decor-categories article.wide{grid-column:span 2;grid-row:span 2}.decor-categories img{width:100%;height:100%;object-fit:cover;transition:.65s var(--ease)}.decor-categories article:hover img{transform:scale(1.05)}.decor-categories article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,8,7,.9))}.decor-categories article>div{position:absolute;z-index:2;right:1.15rem;left:1.15rem;bottom:1rem}.decor-categories span{color:#dba273;font-size:.8rem;font-weight:950}.decor-categories h3{font-size:1.3rem}.decor-categories p{color:#c2bbb0}
.door-types{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.door-types article{overflow:hidden;background:#171d19;border:1px solid rgba(225,166,111,.12);border-radius:24px;padding-bottom:1.2rem}.door-types img{width:100%;height:260px;object-fit:cover}.door-types span,.door-types h3{display:block;margin-inline:1.1rem}.door-types span{margin-top:1rem;color:#8fc8b7;font-weight:900}.door-types h3{font-size:1.1rem}.measure-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.1rem}.measure-flow span{padding:1rem;border-radius:16px;background:#141a17;border:1px solid rgba(225,166,111,.12);color:#cfc2b1}.measure-flow b{color:#dba273;margin-left:.4rem}
.access-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.access-methods article{padding:1.3rem;border-radius:22px;background:linear-gradient(145deg,#151b18,#101512);border:1px solid rgba(79,167,143,.18);text-align:center}.tech-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto .7rem;background:#102b28;color:#8de0ca;font-size:1.5rem;border:1px solid rgba(79,167,143,.25)}.lock-feature{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-top:1.5rem;padding:1rem;background:#151b18;border:1px solid rgba(225,166,111,.12);border-radius:26px}.lock-feature img{width:100%;height:380px;object-fit:cover;border-radius:18px}.lock-feature>div{padding:1rem}.lock-feature>div>span{color:#70cdb4;font-weight:900}
.paint-lab{display:grid;grid-template-columns:1.25fr .75fr;gap:1.4rem;align-items:stretch}.paint-demo{min-height:460px;border-radius:28px;overflow:hidden;border:1px solid rgba(225,166,111,.14);background:#171c19}.demo-wall{position:relative;min-height:460px;background:#b08a6d;transition:background .5s var(--ease);overflow:hidden}.demo-wall:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 42%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.14))}.demo-wall>span{position:absolute;top:38px;right:42px;color:rgba(255,255,255,.72);font-size:2rem;font-weight:900}.demo-art{position:absolute;width:32%;height:38%;top:20%;left:14%;background:linear-gradient(135deg,#d6c6ae,#37322c);border:12px solid #e8dfd0;box-shadow:0 22px 50px rgba(0,0,0,.18)}.demo-sofa{position:absolute;right:12%;left:12%;height:31%;bottom:0;background:#ddd2c2;border-radius:55px 55px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.12)}.demo-sofa:before,.demo-sofa:after{content:"";position:absolute;top:18%;width:25%;height:55%;background:#b9ab98;border-radius:20px}.demo-sofa:before{right:16%}.demo-sofa:after{left:16%}.palette-panel{padding:1.4rem;border-radius:28px;background:#171d19;border:1px solid rgba(225,166,111,.12)}.swatches{display:grid;gap:.65rem}.swatch{cursor:pointer;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111612;color:#d9ccba;font-family:inherit;font-weight:850;text-align:right}.swatch i{width:28px;height:28px;border-radius:50%;background:var(--sw);border:2px solid rgba(255,255,255,.22)}.swatch.active{border-color:#dba273;background:#1e211c}.palette-name{margin:1rem 0;color:#9fa9a5}.palette-name b{color:#e4d5c0}.brand-jump{display:grid;gap:.6rem}.brand-jump a{padding:.8rem;border-radius:12px;background:#21322c;color:#a9dacb;font-weight:900}.paint-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}.paint-steps span{padding:1rem;border-radius:16px;background:#141a17;border:1px solid rgba(225,166,111,.1);color:#c9bdad}.paint-steps b{color:#dba273;margin-left:.4rem}
.paint-moods{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.paint-moods article{overflow:hidden;border-radius:24px;background:#171d19;border:1px solid rgba(225,166,111,.12)}.paint-moods img{width:100%;height:320px;object-fit:cover}.paint-moods article>div{padding:1rem 1.1rem 1.25rem}.paint-moods i{display:inline-block;width:30px;height:30px;border-radius:50%;background:var(--m);border:2px solid rgba(255,255,255,.14);vertical-align:middle;margin-left:.45rem}.jotun-theme .service-experience{background:radial-gradient(60% 80% at 85% 0,rgba(31,80,148,.15),transparent 70%),#0f1412}.jazeera-theme .service-experience{background:radial-gradient(60% 80% at 85% 0,rgba(189,84,75,.12),transparent 70%),#0f1412}
.before-after{--pos:50%;position:relative;height:min(620px,64vw);min-height:420px;border-radius:28px;overflow:hidden;border:1px solid rgba(225,166,111,.18);background:#121713;box-shadow:0 30px 80px rgba(0,0,0,.24)}.ba-layer{position:absolute;inset:0;background-image:var(--ba);background-size:200% 100%;background-repeat:no-repeat}.ba-before{background-position:left center}.ba-after{background-position:right center;clip-path:inset(0 0 0 calc(100% - var(--pos)))}.ba-layer span{position:absolute;top:18px;padding:.45rem .75rem;border-radius:999px;background:rgba(7,10,9,.75);color:#f0ddc4;font-weight:900;border:1px solid rgba(225,166,111,.25)}.ba-before span{right:18px}.ba-after span{left:18px}.before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.ba-divider{position:absolute;z-index:4;top:0;bottom:0;right:calc(100% - var(--pos));width:2px;background:#f0c38f;box-shadow:0 0 15px rgba(240,195,143,.5)}.ba-divider i{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1b1c18;border:2px solid #e0aa73;color:#f0c38f;font-style:normal;font-weight:950}.renovation-scopes{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}.renovation-scopes article{padding:1rem;border:1px solid rgba(225,166,111,.12);background:#151a17;border-radius:18px}.renovation-scopes b{color:#dba273}
.service-page .curated-gallery{background:#111612}.service-page .clean-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.service-page .clean-image-card img{aspect-ratio:1/1;transition:.55s var(--ease)}.service-page .clean-image-card:nth-child(7n+1){grid-column:span 2;grid-row:span 2}.service-page .clean-image-card:nth-child(7n+1) img{height:100%}.service-page .clean-image-card:hover img{transform:scale(1.035)}
@media(max-width:1000px){.noise-path,.access-methods,.measure-flow,.paint-steps,.renovation-scopes{grid-template-columns:repeat(2,1fr)}.acoustic-showcase,.door-anatomy,.lock-feature,.paint-lab{grid-template-columns:1fr}.decor-categories{grid-template-columns:repeat(2,1fr)}.decor-categories article.wide{grid-column:span 2;grid-row:span 1}.door-types,.paint-moods{grid-template-columns:repeat(2,1fr)}.service-page .clean-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.noise-path,.access-methods,.mini-metrics,.measure-flow,.paint-steps,.renovation-scopes,.door-types,.paint-moods,.decor-categories{grid-template-columns:1fr}.decor-categories article.wide{grid-column:auto}.decor-categories{grid-auto-rows:250px}.noise-path:before{display:none}.service-page .clean-gallery{grid-template-columns:repeat(2,1fr)}.service-page .clean-image-card:nth-child(7n+1){grid-column:span 2}.before-after{min-height:360px;height:72vw}.door-anatomy-image{min-height:390px}.lock-feature img{height:300px}.paint-demo,.demo-wall{min-height:390px}}


/* V10 — Saharij Signature System: differentiated visual identity */
body.v10{--signature-gold:#d6a36f;--signature-green:#6bb7a1;--signature-ink:#0b100e;--signature-panel:rgba(18,25,22,.82)}
body.v10 .whatsapp{display:none!important}

/* distinctive floating header */
body.v10 .signature-header{position:sticky;top:0;z-index:300;background:transparent!important;border:0!important;padding:10px 0 0;backdrop-filter:none;box-shadow:none}
body.v10 .signature-header.scrolled{background:transparent!important;box-shadow:none}
body.v10 .signature-header .navwrap{min-height:76px;padding:8px 12px 8px 16px;border:1px solid rgba(225,166,111,.18);border-radius:24px;background:linear-gradient(110deg,rgba(12,17,15,.93),rgba(22,29,25,.9));backdrop-filter:blur(22px) saturate(145%);box-shadow:0 20px 65px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03);position:relative;overflow:hidden}
body.v10 .signature-header .navwrap:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,163,111,.06) 45%,rgba(107,183,161,.05),transparent);transform:translateX(55%);animation:navGlow 8s ease-in-out infinite alternate}
@keyframes navGlow{to{transform:translateX(-55%)}}
body.v10 .compact-brand{position:relative;z-index:2}
body.v10 .compact-brand img{border-radius:18px;background:linear-gradient(145deg,#17201b,#0d120f);border-color:rgba(214,163,111,.28);box-shadow:0 10px 32px rgba(0,0,0,.36)}
body.v10 .main-nav{position:relative;z-index:2;padding:5px;border:1px solid rgba(255,255,255,.045);border-radius:16px;background:rgba(255,255,255,.025)}
body.v10 .main-nav a{border-radius:12px;padding:.58rem .72rem;color:#c7cec9}
body.v10 .main-nav a:hover,body.v10 .main-nav a.active{background:linear-gradient(135deg,rgba(214,163,111,.13),rgba(107,183,161,.08));color:#f4e9db}
body.v10 .header-quote{position:relative;z-index:2;border-radius:16px;min-height:48px;padding:.7rem 1.15rem;background:linear-gradient(135deg,#e0b27f,#b97543);box-shadow:0 14px 36px rgba(184,117,67,.24)}
body.v10 .header-quote:after{content:"↗";font-size:1rem;margin-right:.35rem}

/* homepage hero as Saharij signature, not generic service-site layout */
body.v10 .hero{padding-top:120px;min-height:800px}
body.v10 .hero:before{background:radial-gradient(65% 72% at 82% 8%,rgba(107,183,161,.20),transparent 58%),radial-gradient(55% 55% at 2% 92%,rgba(214,163,111,.19),transparent 62%),linear-gradient(140deg,#080c0a 0%,#111b17 48%,#0b0e0d 100%)}
body.v10 .hero:after{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:96px 96px;mask-image:radial-gradient(circle at 70% 40%,#000 0,transparent 72%)}
body.v10 .hero-grid:before{content:"السهارج";position:absolute;z-index:-1;right:-1%;top:-18%;font-size:clamp(9rem,19vw,18rem);font-weight:950;line-height:1;color:rgba(225,166,111,.025);letter-spacing:-.08em;pointer-events:none}
body.v10 .hero h1{max-width:780px;text-shadow:0 14px 45px rgba(0,0,0,.24)}
body.v10 .hero .eyebrow{border-color:rgba(214,163,111,.21);background:rgba(214,163,111,.055)}
body.v10 .hero-media>img{width:92%;height:96%;border-radius:110px 28px 110px 28px;clip-path:none;border:1px solid rgba(225,166,111,.18)}
body.v10 .hero-media:before{inset:7% -5% -5% 13%;border-radius:120px 34px 120px 34px;border-color:rgba(107,183,161,.18);transform:rotate(2deg)}
body.v10 .hero-media:after{content:"";position:absolute;z-index:2;left:-22px;top:44%;width:92px;height:92px;border-radius:50%;border:1px solid rgba(214,163,111,.25);background:radial-gradient(circle,rgba(214,163,111,.18),rgba(10,15,13,.88) 64%);box-shadow:0 18px 60px rgba(0,0,0,.35)}
body.v10 .hero-media .float-card{border-radius:24px;background:rgba(11,17,14,.84);border-color:rgba(214,163,111,.16)}

/* signature service cards */
body.v10 .services{gap:1.5rem}
body.v10 .service-card.has-image{border:1px solid rgba(214,163,111,.15);background:linear-gradient(160deg,#17201b 0%,#101512 100%);box-shadow:0 22px 65px rgba(0,0,0,.18);transition:transform .55s var(--ease),border-color .4s,box-shadow .55s}
body.v10 .service-card.has-image:nth-child(3n+1){border-radius:40px 16px 40px 16px}
body.v10 .service-card.has-image:nth-child(3n+2){border-radius:16px 40px 16px 40px}
body.v10 .service-card.has-image:nth-child(3n){border-radius:34px}
body.v10 .service-card.has-image:hover{transform:translateY(-11px);border-color:rgba(107,183,161,.42);box-shadow:0 34px 95px rgba(0,0,0,.30)}
body.v10 .service-cover{aspect-ratio:16/9}
body.v10 .service-card:nth-child(3n+1) .service-cover{clip-path:polygon(0 0,100% 0,100% 89%,88% 100%,0 100%)}
body.v10 .service-card:nth-child(3n+2) .service-cover{clip-path:polygon(0 0,100% 0,100% 100%,12% 100%,0 89%)}
body.v10 .service-badge{top:16px;right:16px;min-width:48px;height:38px;border-radius:12px;background:rgba(8,13,11,.82);color:#efc99f;border-color:rgba(214,163,111,.32)}
body.v10 .service-content{position:relative;padding:1.45rem 1.55rem 1.65rem}
body.v10 .service-content:before{content:"";position:absolute;right:1.55rem;top:0;width:52px;height:2px;background:linear-gradient(90deg,var(--signature-gold),var(--signature-green))}
body.v10 .service-content .arrow{display:inline-flex;align-items:center;gap:.45rem;color:#dcb183}
body.v10 .service-content .arrow:after{content:"←";transition:transform .3s}
body.v10 .service-card:hover .arrow:after{transform:translateX(-6px)}

/* richer sections and gallery */
body.v10 section:not(.hero):not(.mini-hero):not(.signature):not(.marquee):not(.stats-band){background-image:radial-gradient(circle at 100% 0,rgba(107,183,161,.025),transparent 26%),radial-gradient(circle at 0 100%,rgba(214,163,111,.028),transparent 28%)}
body.v10 .section-head h2{position:relative}
body.v10 .section-head h2:after{content:"";display:block;width:74px;height:3px;border-radius:999px;margin:.9rem auto 0;background:linear-gradient(90deg,var(--signature-green),var(--signature-gold))}
body.v10 .showcase-main,body.v10 .showcase-stack>a,body.v10 .clean-image-card{border:1px solid rgba(214,163,111,.12)}
body.v10 .gallery a,body.v10 .clean-image-card{transition:transform .5s var(--ease),filter .4s,box-shadow .5s}
body.v10 .gallery a:hover,body.v10 .clean-image-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(0,0,0,.22)}

/* signature mini/service heroes */
body.v10 .mini-hero{position:relative;overflow:hidden;background:radial-gradient(70% 80% at 82% 15%,rgba(107,183,161,.14),transparent 65%),linear-gradient(140deg,#0a100d,#151b17 58%,#100e0c)}
body.v10 .mini-hero:before{content:"";position:absolute;right:-8%;top:-40%;width:520px;height:520px;border:1px solid rgba(214,163,111,.09);border-radius:50%;box-shadow:0 0 0 65px rgba(214,163,111,.018),0 0 0 130px rgba(107,183,161,.012)}
body.v10 .service-page .mini-img:after{inset:18px -18px -18px 18px;border-radius:54px 18px 54px 18px;border-color:rgba(107,183,161,.20)}
body.v10 .service-page .mini-img img{border-radius:48px 18px 48px 18px}

/* footer with architectural crown */
body.v10 .signature-footer{position:relative;margin-top:90px;padding-top:88px;background:linear-gradient(180deg,#0a0e0c,#070908);border-top:0}
body.v10 .signature-footer:after{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,transparent 0%,var(--signature-gold) 25%,var(--signature-green) 52%,var(--signature-gold) 76%,transparent 100%);opacity:.78}
body.v10 .signature-footer:before{content:"السهارج";position:absolute;left:-1%;bottom:-7%;font-size:clamp(9rem,22vw,22rem);font-weight:950;color:rgba(214,163,111,.018);letter-spacing:-.08em;white-space:nowrap}
body.v10 .signature-footer .footer-grid>div:not(.footer-brand){padding-right:1.1rem;border-right:1px solid rgba(214,163,111,.08)}
body.v10 .signature-footer h3{color:#efd9c2}
body.v10 .signature-footer a:hover{color:#9ad2c2}

/* floating call + WhatsApp stack on the LEFT */
.floating-contact{position:fixed;left:18px;bottom:24px;z-index:10050;display:flex;flex-direction:column;gap:10px;direction:ltr}
.float-action{position:relative;width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;color:white;box-shadow:0 18px 45px rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.18);transition:width .38s var(--ease),transform .35s var(--ease),box-shadow .35s;background:#111}
.float-action svg{width:25px;height:25px;fill:currentColor;flex:0 0 auto;margin-left:16px}
.float-action span{opacity:0;white-space:nowrap;font-family:inherit;font-weight:950;font-size:.88rem;margin-left:11px;transform:translateX(-5px);transition:.25s}
.float-action:hover{width:132px;transform:translateY(-3px);box-shadow:0 24px 58px rgba(0,0,0,.38)}
.float-action:hover span{opacity:1;transform:none}
.float-whatsapp{background:linear-gradient(135deg,#25d366,#159b4a)}
.float-call{background:linear-gradient(135deg,#d9a16c,#a86739)}
.float-instagram{background:linear-gradient(135deg,#833ab4 0%,#c13584 38%,#e1306c 62%,#f77737 100%)}
.float-tiktok{background:linear-gradient(135deg,#111 0%,#202124 100%);box-shadow:0 18px 45px rgba(0,242,234,.08),0 18px 45px rgba(255,0,80,.08)}
.float-facebook{background:linear-gradient(135deg,#1877f2,#0c56b7)}
.float-instagram:after,.float-tiktok:after,.float-facebook:after{content:"";position:absolute;inset:-5px;border-radius:22px;border:1px solid currentColor;opacity:.08;pointer-events:none}

.float-whatsapp:after,.float-call:after{content:"";position:absolute;inset:-5px;border-radius:22px;border:1px solid currentColor;opacity:.11;animation:floatPulse 2.6s ease-out infinite;pointer-events:none}
.float-call:after{animation-delay:1.3s}
@keyframes floatPulse{0%{transform:scale(.94);opacity:.16}70%,100%{transform:scale(1.18);opacity:0}}

/* world-class motion: cinematic entry + directional reveals */
body.v10:not(.page-ready) .signature-header .navwrap{opacity:0;transform:translateY(-24px) scale(.985)}
body.v10.page-ready .signature-header .navwrap{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .85s var(--ease)}
body.v10:not(.page-ready) .hero-grid>div:first-child,body.v10:not(.page-ready) .mini-grid>div:first-child{opacity:0;transform:translateY(34px)}
body.v10.page-ready .hero-grid>div:first-child,body.v10.page-ready .mini-grid>div:first-child{opacity:1;transform:none;transition:opacity 1s .14s var(--ease),transform 1s .14s var(--ease)}
body.v10:not(.page-ready) .hero-media,body.v10:not(.page-ready) .mini-img{opacity:0;transform:translateX(-42px) scale(.97)}
body.v10.page-ready .hero-media,body.v10.page-ready .mini-img{opacity:1;transform:none;transition:opacity 1.1s .28s var(--ease),transform 1.15s .28s var(--ease)}
body.v10 .service-card.reveal:nth-child(3n+1),body.v10 .process-step.reveal:nth-child(3n+1){transform:translateY(36px) rotate(.35deg)}
body.v10 .service-card.reveal:nth-child(3n+2),body.v10 .process-step.reveal:nth-child(3n+2){transform:translateX(34px)}
body.v10 .service-card.reveal:nth-child(3n),body.v10 .process-step.reveal:nth-child(3n){transform:translateX(-34px)}
body.v10 .service-card.reveal.in,body.v10 .process-step.reveal.in{transform:none}
body.v10 .page-transition{background:transparent;transform:none!important;opacity:1;pointer-events:none;overflow:hidden}
body.v10 .page-transition:before,body.v10 .page-transition:after{content:"";position:absolute;inset:-12%;background:#0b100e;transform:translateY(115%) skewY(-5deg);transition:transform .64s var(--ease)}
body.v10 .page-transition:after{background:linear-gradient(135deg,#18251f,#0b100e);transform:translateY(120%) skewY(5deg);transition-delay:.07s;opacity:.98}
body.v10 .page-transition.show:before,body.v10 .page-transition.show:after{transform:translateY(0) skewY(0)}
body.v10 .page-transition.show{pointer-events:auto}

@media(max-width:1050px){
 body.v10 .signature-header{padding-top:7px}
 body.v10 .signature-header .navwrap{border-radius:20px;min-height:72px}
 body.v10 .main-nav{top:84px!important;right:4%!important;left:4%!important;border-radius:22px!important;background:rgba(10,15,13,.98)!important}
 body.v10 .hero{padding-top:94px}
 body.v10 .hero-media:after{display:none}
}
@media(max-width:680px){
 .floating-contact{left:10px;bottom:14px;gap:8px}
 .float-action{width:52px;height:52px;border-radius:16px}
 .float-action svg{width:23px;height:23px;margin-left:14px}
 .float-action:hover{width:52px}
 .float-action span{display:none}
 body.v10 .signature-header .navwrap{padding:6px 8px 6px 10px;border-radius:18px}
 body.v10 .hero{padding-top:80px}
 body.v10 .hero-media>img{border-radius:54px 20px 54px 20px}
 body.v10 .service-card.has-image:nth-child(n){border-radius:26px 14px 26px 14px}
 body.v10 .signature-footer .footer-grid>div:not(.footer-brand){padding-right:0;border-right:0}
}
@media(prefers-reduced-motion:reduce){
 body.v10:not(.page-ready) .signature-header .navwrap,body.v10:not(.page-ready) .hero-grid>div:first-child,body.v10:not(.page-ready) .mini-grid>div:first-child,body.v10:not(.page-ready) .hero-media,body.v10:not(.page-ready) .mini-img{opacity:1!important;transform:none!important}
 .float-whatsapp:after,.float-call:after{animation:none!important}
}


/* V11 — local SEO pages, filtered gallery, quote flow */
.local-service-hero{padding:86px 0 54px;position:relative;overflow:hidden}
.local-service-hero:before{content:"";position:absolute;inset:8% 2% auto auto;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(41,121,105,.16),transparent 66%);filter:blur(18px);pointer-events:none}
.local-service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.76fr);gap:48px;align-items:center}
.local-service-hero h1{font-size:clamp(2.4rem,5vw,5.2rem);line-height:1.05;margin:.25em 0}
.local-service-hero p{font-size:1.08rem;max-width:760px}
.local-service-media{border-radius:34px 8px 34px 8px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.35);min-height:420px;position:relative}
.local-service-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(211,167,95,.28);border-radius:inherit;pointer-events:none}
.local-service-media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.local-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.local-process .process-step{min-height:170px}.quote-teaser{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border:1px solid rgba(211,167,95,.18);border-radius:28px;background:linear-gradient(135deg,rgba(31,74,66,.18),rgba(211,167,95,.07))}
.project-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.project-filter{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);padding:11px 18px;border-radius:999px;cursor:pointer;font:inherit;transition:.25s}.project-filter:hover,.project-filter.is-active{background:linear-gradient(135deg,var(--emerald,#1f5f50),#2f8a73);border-color:transparent;color:#fff;transform:translateY(-2px)}
.project-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-item{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:4/3;transition:opacity .25s,transform .35s}.project-item[hidden]{display:none}.project-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-item:hover img{transform:scale(1.045)}.project-item .caption{position:absolute;right:12px;bottom:12px;background:rgba(8,10,12,.76);backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px;color:#fff;font-size:.88rem}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.compare-card{background:rgba(255,255,255,.035);padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.compare-card h3{margin:0 0 14px}.ba-compare{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#111}.ba-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-before-wrap{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden}.ba-before{width:200%!important;max-width:none!important}.ba-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.ba-compare:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);transform:translateX(-50%);pointer-events:none}.ba-label{position:absolute;top:14px;z-index:4;background:rgba(0,0,0,.6);padding:6px 10px;border-radius:999px;color:white}.ba-label.before{left:14px}.ba-label.after{right:14px}
.quote-hero{padding:78px 0 28px}.quote-hero-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}.quote-hero h1{font-size:clamp(2.5rem,5vw,4.9rem);margin:.2em 0}.quote-hero-side{display:flex;flex-direction:column;gap:6px;padding:18px 24px;border:1px solid rgba(211,167,95,.2);border-radius:20px;background:rgba(255,255,255,.035)}.quote-hero-side b{font-size:1.4rem}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.quote-form{padding:28px;border-radius:28px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.section-head.compact{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:flex;flex-direction:column;gap:8px}.quote-form label>span{font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#101416;color:var(--text);font:inherit;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:rgba(211,167,95,.6);box-shadow:0 0 0 4px rgba(211,167,95,.08)}.quote-form .form-wide{grid-column:1/-1}.file-field small{opacity:.7;line-height:1.7}.photo-preview{margin-top:10px;display:flex;gap:12px;align-items:center}.photo-preview img{width:92px;height:72px;object-fit:cover;border-radius:12px}.quote-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text)}.form-status{min-height:24px;margin-top:12px}.quote-aside{display:grid;gap:18px;position:sticky;top:120px}
@media (max-width:980px){.local-service-hero-grid,.local-context-grid,.compare-grid,.quote-layout,.quote-hero-grid{grid-template-columns:1fr}.local-service-media{min-height:300px}.local-service-media img{min-height:300px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-aside{position:static}.quote-teaser{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.project-gallery{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.quote-form .form-wide{grid-column:auto}.quote-form{padding:18px}.local-service-hero{padding-top:58px}.quote-actions .btn{width:100%;justify-content:center}}

/* V14 legal + YouTube floating action */
.float-youtube{background:#ff0033!important;color:#fff!important}
.legal-links{margin:.85rem 0 0;font-size:.92rem;color:var(--muted,#a9b1b7)}
.legal-links a{color:inherit;text-decoration:none}.legal-links a:hover{color:var(--gold,#d7aa57)}
.legal-page{padding:clamp(3rem,7vw,6.5rem) 0}.legal-container{max-width:880px}
.legal-container h1{font-size:clamp(2.1rem,5vw,4rem);margin:.8rem 0 1rem}.legal-container h2{margin:2.2rem 0 .7rem;font-size:1.45rem;color:var(--gold,#d7aa57)}
.legal-container p{line-height:2;color:var(--muted,#c7cbd0);max-width:80ch}.legal-updated{font-size:.92rem;opacity:.8}

/* V21 content depth */
.seo-depth .content-box a,.content-box a{color:#e2ad7d;text-decoration:underline;text-decoration-color:rgba(226,173,125,.35);text-underline-offset:4px}.seo-depth .service-card{min-height:260px}.seo-depth .section-head+ .services{margin-top:.5rem}@media(max-width:720px){.seo-depth .service-card{min-height:230px}}

/* V23 — service card dual actions */
.service-card-static{cursor:default}
.service-card-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.service-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.68rem .92rem;border-radius:12px;font-weight:900;font-size:.88rem;transition:.3s var(--ease);text-decoration:none}
.service-detail-link{background:linear-gradient(135deg,#d89a62,#b87342);color:#160d08;border:1px solid transparent}
.service-work-link{background:rgba(255,255,255,.04);color:#eadfce;border:1px solid rgba(225,166,111,.24)}
.service-card-actions a:hover{transform:translateY(-2px)}
.service-work-link:hover{background:rgba(198,122,72,.12);border-color:rgba(225,166,111,.45)}
.service-detail-link:hover{filter:brightness(1.06)}
.service-card-static:not(.has-image) .service-card-actions{margin-top:.15rem}
@media(max-width:640px){.service-card-actions{display:grid;grid-template-columns:1fr 1fr}.service-card-actions a{padding:.7rem .55rem;font-size:.82rem}}


/* V24 — user refinements: smaller homepage showcase + uniform image sizes + view works buttons */
.signature .showcase{max-width:1120px;margin-inline:auto;gap:1rem}
.signature .showcase-main{min-height:380px}
.signature .showcase-stack{gap:1rem}
.signature .showcase-stack>a{min-height:185px}
.signature .showcase-copy h3{font-size:1.55rem}
.signature .showcase-main .showcase-copy h3{font-size:1.8rem}

.service-page .clean-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.service-page .clean-image-card{grid-column:auto !important;grid-row:auto !important;aspect-ratio:1/1;overflow:hidden;border-radius:18px}
.service-page .clean-image-card img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.service-page .clean-image-card:nth-child(7n+1),
.service-page .clean-image-card:nth-child(7n+2),
.service-page .clean-image-card:nth-child(7n+3),
.service-page .clean-image-card:nth-child(7n+4),
.service-page .clean-image-card:nth-child(7n+5),
.service-page .clean-image-card:nth-child(7n+6),
.service-page .clean-image-card:nth-child(7n+7){grid-column:auto;grid-row:auto}

.curated-gallery .section-head p{max-width:760px}

@media (max-width:1000px){
  .service-page .clean-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .signature .showcase-main{min-height:290px}
  .signature .showcase-stack>a{min-height:145px}
  .service-page .clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .service-page .clean-gallery{grid-template-columns:1fr}
  .service-page .clean-image-card{aspect-ratio:4/3}
  .service-page .clean-image-card img{aspect-ratio:4/3}
}


/* V25 FINAL VISUAL POLISH */
/* Static homepage hero */
body.v10 .hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:38px;clip-path:none}
body.v10 .hero-media{min-height:520px;overflow:visible}
body.v10 .hero-media:before{inset:18px -18px -18px 18px;border-radius:42px;transform:none}
body.v10 .hero-media .float-card{animation:none!important}
.hero-media>img.hero-cycle,
/* Compact showcase below “المشهد أهم من الكلام” */
.signature .showcase{max-width:1040px;margin-inline:auto;grid-template-columns:1.1fr .9fr;gap:14px}
.signature .showcase-main{min-height:340px}
.signature .showcase-stack{gap:14px}
.signature .showcase-stack>a{min-height:163px}
.signature .showcase-copy{right:1.35rem;left:1.35rem;bottom:1.15rem}
.signature .showcase-copy h3{font-size:1.35rem}
.signature .showcase-main .showcase-copy h3{font-size:1.65rem}
.signature .showcase-copy p{font-size:.91rem;line-height:1.7}

/* One consistent visual ratio everywhere */
.service-cover{aspect-ratio:3/2!important}
.service-cover img{width:100%;height:100%;object-fit:cover!important}
.local-service-media{aspect-ratio:3/2;min-height:0!important;overflow:hidden;border-radius:24px}
.local-service-media img{width:100%;height:100%!important;min-height:0!important;object-fit:cover!important}
.mini-img.city-hero-media{aspect-ratio:3/2;max-height:none}
.mini-img.city-hero-media img{width:100%;height:100%!important;object-fit:cover}
.service-page .clean-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.service-page .clean-image-card{aspect-ratio:1/1;grid-column:auto!important;grid-row:auto!important;overflow:hidden;border-radius:20px}
.service-page .clean-image-card img{width:100%;height:100%!important;aspect-ratio:1/1;object-fit:cover!important}
.service-page .clean-image-card:nth-child(n){grid-column:auto!important;grid-row:auto!important}

/* More premium city hub */
.city-hero-media{border:1px solid rgba(214,163,111,.14);box-shadow:0 32px 82px rgba(0,0,0,.35)}
.city-hero-tag span{border-color:rgba(214,163,111,.16);background:rgba(255,255,255,.035)}

/* Premium projects gallery */
.project-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px;padding:9px;border:1px solid rgba(214,163,111,.12);border-radius:22px;background:rgba(255,255,255,.025);backdrop-filter:blur(14px);position:sticky;top:92px;z-index:15}
.project-filter{appearance:none;border:1px solid rgba(255,255,255,.08);background:#151a18;color:#b9b5ad;border-radius:999px;padding:.72rem 1rem;font:inherit;font-weight:850;cursor:pointer;transition:.3s ease}
.project-filter:hover{transform:translateY(-2px);border-color:rgba(214,163,111,.35);color:#f0dfca}
.project-filter.is-active{background:linear-gradient(135deg,#d6a36f,#a97048);border-color:transparent;color:#160f0a;box-shadow:0 11px 30px rgba(185,120,72,.22)}
.project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-item{aspect-ratio:4/3;border-radius:24px;border:1px solid rgba(214,163,111,.11);background:#111512;box-shadow:0 18px 46px rgba(0,0,0,.2);isolation:isolate}
.project-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,7,6,.82));pointer-events:none;z-index:1}
.project-item img{filter:saturate(.94) contrast(1.025);transition:transform .7s var(--ease),filter .5s}
.project-item:hover{transform:translateY(-6px);box-shadow:0 30px 74px rgba(0,0,0,.34);border-color:rgba(214,163,111,.24)}
.project-item:hover img{transform:scale(1.055);filter:saturate(1.04) contrast(1.04)}
.project-item .caption{z-index:2;right:14px;bottom:14px;background:rgba(8,12,10,.72);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 25px rgba(0,0,0,.25);font-weight:900}
.gallery-links-v6 .services{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-links-v6 .service-card{border:1px solid rgba(214,163,111,.12);box-shadow:0 22px 55px rgba(0,0,0,.17)}
.compare-card{border:1px solid rgba(214,163,111,.13);border-radius:26px;background:rgba(255,255,255,.025);padding:18px;box-shadow:0 20px 55px rgba(0,0,0,.2)}

/* Visual rhythm */
.section-head{max-width:900px}
.service-card,.area-card,.content-box,.compare-card{transition:transform .4s var(--ease),border-color .35s,box-shadow .4s}
.service-card:hover,.area-card:hover{transform:translateY(-5px)}

@media(max-width:1000px){
 body.v10 .hero-media{min-height:430px}
 .project-gallery,.gallery-links-v6 .services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-page .clean-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .project-filters{position:relative;top:auto}
}
@media(max-width:650px){
 body.v10 .hero-media{min-height:310px}
 .signature .showcase{grid-template-columns:1fr}
 .signature .showcase-main{min-height:280px}
 .signature .showcase-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}
 .signature .showcase-stack>a{min-height:155px}
 .project-gallery,.gallery-links-v6 .services{grid-template-columns:1fr}
 .service-page .clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-filters{gap:7px;padding:7px}
 .project-filter{padding:.62rem .8rem;font-size:.88rem}
}


/* V29 — final world-class polish */
:root{--maxw:1240px}
.container{width:min(var(--maxw),92vw);margin-inline:auto}
.why-us-section{padding:92px 0;background:linear-gradient(180deg,#0c1210,#0a0e0d);border-top:1px solid rgba(214,163,111,.08);border-bottom:1px solid rgba(214,163,111,.08)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-grid article{position:relative;min-height:210px;padding:24px;border:1px solid rgba(214,163,111,.12);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016));overflow:hidden}.why-grid article:after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:rgba(79,167,143,.08);filter:blur(8px)}.why-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid rgba(214,163,111,.18);color:#d7a36d;font-weight:950}.why-grid h3{font-size:1.2rem;margin:16px 0 7px}.why-grid p{color:#919c98;line-height:1.8;margin:0}
.signature .showcase{max-width:1120px;margin-inline:auto}.signature .showcase-main{min-height:360px}.signature .showcase-stack>a{min-height:175px}
.hero-media{border-radius:34px;overflow:hidden}.hero-media>img{display:block;width:100%;height:100%;object-fit:cover}
.service-page .clean-image-card,.project-gallery .project-item{aspect-ratio:4/3!important;overflow:hidden}
.service-page .clean-image-card img,.project-gallery .project-item img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.service-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.service-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border-radius:12px;font-weight:900}.service-detail-link{background:linear-gradient(135deg,#d79c65,#b87342);color:#160e0a}.service-work-link{background:rgba(255,255,255,.045);border:1px solid rgba(214,163,111,.17);color:#ddcfbd}
.page-cta{padding:78px 0}.page-cta .inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;border:1px solid rgba(214,163,111,.14);border-radius:30px;background:linear-gradient(135deg,rgba(79,167,143,.07),rgba(214,163,111,.05))}
@media(max-width:980px){.why-grid{grid-template-columns:repeat(2,1fr)}.page-cta .inner{align-items:stretch;flex-direction:column}.page-cta .inner .btn{width:100%}}
@media(max-width:640px){
 .container{width:min(94vw,620px)}
 .hero{padding:58px 0 64px}.hero-grid{gap:1.3rem}.hero h1{font-size:clamp(2.15rem,9vw,3.1rem);line-height:1.12}.hero p{font-size:.96rem;line-height:1.9}.actions{gap:8px}.actions .btn{min-height:49px}
 .hero-media{min-height:270px;max-height:330px;border-radius:22px}.hero-media>img{height:330px;object-fit:cover}
 .why-us-section{padding:68px 0}.why-grid{grid-template-columns:1fr 1fr;gap:9px}.why-grid article{min-height:0;padding:15px;border-radius:20px}.why-grid h3{font-size:1rem;margin:12px 0 6px}.why-grid p{font-size:.82rem;line-height:1.75}.why-grid span{width:36px;height:36px;border-radius:10px;font-size:.8rem}
 .signature .showcase{grid-template-columns:1fr}.signature .showcase-main{min-height:270px}.signature .showcase-stack{grid-template-rows:repeat(2,150px)}.signature .showcase-stack>a{min-height:150px}.signature .showcase-copy{right:1rem;left:1rem;bottom:1rem}.signature .showcase-copy h3{font-size:1.15rem}.signature .showcase-main .showcase-copy h3{font-size:1.28rem}
 .service-card-actions{display:grid;grid-template-columns:1fr 1fr}.service-card-actions a{width:100%;font-size:.84rem;padding:8px 9px}
 .service-page .clean-gallery,.project-gallery{grid-template-columns:1fr 1fr!important;gap:9px}.service-page .clean-image-card,.project-gallery .project-item{border-radius:15px}
 .section-head h2{font-size:2rem}.section-head p{font-size:.92rem}
 .page-cta{padding:55px 0}.page-cta .inner{padding:21px;border-radius:24px}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
 .floating-contact{bottom:18px!important;left:12px!important;z-index:1000}
}
@media(max-width:420px){
 .hero-media>img{height:300px}.hero-media{min-height:245px}
 .why-grid{grid-template-columns:1fr}.service-page .clean-gallery,.project-gallery{grid-template-columns:1fr 1fr!important}
 .service-card-actions a{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){.service-card-actions a,.why-grid article{transition:none}.signature .showcase-main img,.signature .showcase-stack img{transition:none}}

/* V34 — verified trust section */
.home-trust{padding:88px 0;background:linear-gradient(180deg,#111713,#0d1110);border-top:1px solid rgba(225,166,111,.08);border-bottom:1px solid rgba(225,166,111,.08)}
.trust-head{max-width:900px}.trust-head h2{max-width:850px}.trust-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:2rem}.trust-stat{padding:24px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.14);text-align:center}.trust-stat strong{display:block;font-size:clamp(2rem,4vw,3.25rem);line-height:1;font-weight:950;background:linear-gradient(110deg,var(--sage2),var(--copper2));-webkit-background-clip:text;background-clip:text;color:transparent}.trust-stat span{display:block;margin-top:.7rem;font-size:1.05rem;font-weight:900;color:var(--ivory)}.trust-stat small{display:block;margin-top:.45rem;color:#99a7a3;line-height:1.7}.trust-note{display:flex;gap:12px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(74,197,168,.055);border:1px solid rgba(74,197,168,.12);color:#b9c7c3}.trust-note b{color:var(--ivory)}.about-trust-mini{padding:74px 0}.about-trust-mini .trust-stats{margin-top:0}.about-trust-stats .trust-stat small{display:none}
@media(max-width:900px){.trust-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-trust{padding:68px 0}.trust-stats{grid-template-columns:1fr}.trust-stat{text-align:right;padding:20px}.trust-stat strong{font-size:2.45rem}.trust-note{align-items:flex-start;flex-direction:column}.about-trust-mini{padding:58px 0}}

/* V35 case studies */
.case-study-card{display:block;text-decoration:none;border:1px solid rgba(214,163,111,.12);border-radius:22px;overflow:hidden;background:#121817;box-shadow:0 18px 55px rgba(0,0,0,.18);transition:.4s ease}.case-study-card:hover{transform:translateY(-5px);box-shadow:0 26px 75px rgba(0,0,0,.28)}.case-study-card img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}.case-study-card .caption{position:static;background:#121817;padding:1rem 1.05rem;transform:none;opacity:1;border-top:1px solid rgba(214,163,111,.08);line-height:1.7}

/* V36 knowledge hub + case studies */
.knowledge-hero,.case-hero{padding:82px 0 54px;background:radial-gradient(60% 80% at 90% 15%,rgba(74,197,168,.13),transparent 62%),linear-gradient(145deg,#0b100e,#131915 60%,#0e0d0c);color:var(--ivory)}
.knowledge-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.knowledge-card,.case-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(225,166,111,.12);border-radius:24px;background:#121816;transition:.45s var(--ease)}
.knowledge-card:hover,.case-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.knowledge-card img,.case-card img{width:100%;height:230px;object-fit:cover;display:block}
.knowledge-card .inner,.case-card .inner{padding:18px 18px 20px}.knowledge-card h2,.case-card h2{font-size:1.35rem;margin:.25rem 0 .55rem}.knowledge-card p,.case-card p{color:#9eaaa7;margin:0 0 1rem;line-height:1.9}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tag{font-size:.76rem;padding:.3rem .6rem;border-radius:999px;background:rgba(143,200,183,.08);border:1px solid rgba(143,200,183,.12);color:#b5d8cf}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:28px;align-items:start}.article-body{background:#111612;border:1px solid rgba(225,166,111,.1);border-radius:28px;padding:30px;color:#d5d1c8}.article-body h2{font-size:1.7rem;margin:1.8rem 0 .7rem;color:#e9ddcc}.article-body h3{font-size:1.25rem;margin:1.2rem 0 .5rem;color:#d4b58f}.article-body p,.article-body li{line-height:2.05;color:#b4bdb9}.article-body ul{padding-inline-start:1.2rem}.article-aside{position:sticky;top:110px;display:grid;gap:14px}.aside-card{padding:18px;border-radius:20px;background:#111612;border:1px solid rgba(225,166,111,.1)}.case-cover{width:100%;max-height:560px;object-fit:cover;border-radius:26px;border:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.knowledge-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{position:static}}
@media(max-width:620px){.knowledge-grid,.case-grid{grid-template-columns:1fr}.knowledge-card img,.case-card img{height:220px}.article-body{padding:20px}.knowledge-hero,.case-hero{padding:62px 0 42px}}

/* V36 knowledge hub + case studies */
.knowledge-hero,.case-hero{padding:82px 0 54px;background:radial-gradient(60% 80% at 90% 15%,rgba(74,197,168,.13),transparent 62%),linear-gradient(145deg,#0b100e,#131915 60%,#0e0d0c);color:var(--ivory)}
.knowledge-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.knowledge-card,.case-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(225,166,111,.12);border-radius:24px;background:#121816;transition:.45s var(--ease)}
.knowledge-card:hover,.case-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.knowledge-card img,.case-card img{width:100%;height:230px;object-fit:cover;display:block}
.knowledge-card .inner,.case-card .inner{padding:18px 18px 20px}.knowledge-card h2,.case-card h2{font-size:1.35rem;margin:.25rem 0 .55rem}.knowledge-card p,.case-card p{color:#9eaaa7;margin:0 0 1rem;line-height:1.9}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tag{font-size:.76rem;padding:.3rem .6rem;border-radius:999px;background:rgba(143,200,183,.08);border:1px solid rgba(143,200,183,.12);color:#b5d8cf}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:28px;align-items:start}.article-body{background:#111612;border:1px solid rgba(225,166,111,.1);border-radius:28px;padding:30px;color:#d5d1c8}.article-body h2{font-size:1.7rem;margin:1.8rem 0 .7rem;color:#e9ddcc}.article-body h3{font-size:1.25rem;margin:1.2rem 0 .5rem;color:#d4b58f}.article-body p,.article-body li{line-height:2.05;color:#b4bdb9}.article-body ul{padding-inline-start:1.2rem}.article-aside{position:sticky;top:110px;display:grid;gap:14px}.aside-card{padding:18px;border-radius:20px;background:#111612;border:1px solid rgba(225,166,111,.1)}.case-cover{width:100%;max-height:560px;object-fit:cover;border-radius:26px;border:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.knowledge-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{position:static}}
@media(max-width:620px){.knowledge-grid,.case-grid{grid-template-columns:1fr}.knowledge-card img,.case-card img{height:220px}.article-body{padding:20px}.knowledge-hero,.case-hero{padding:62px 0 42px}}

/* V41 footer service areas */
.footer-areas-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.footer-areas-links a{margin:0!important}.footer-areas{min-width:260px}@media(max-width:720px){.footer-areas{min-width:0}.footer-areas-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}}@media(max-width:420px){.footer-areas-links{grid-template-columns:1fr 1fr}}


/* V43 — comprehensive mobile experience polish */
@media (max-width:768px){
  html{scroll-padding-top:78px}
  body{font-size:15.5px;line-height:1.78;padding-bottom:82px}
  .container{width:calc(100% - 28px);max-width:100%;margin-inline:auto}
  .topbar{display:none!important}
  body.v10 .signature-header{padding-top:0!important}
  .header{top:0;background:rgba(8,12,10,.94);backdrop-filter:blur(20px) saturate(135%)}
  body.v10 .signature-header .navwrap,.navwrap{min-height:66px!important;padding:5px 4px!important;border-radius:0!important;gap:10px}
  .compact-brand img,.brand img{width:46px!important;height:46px!important;border-radius:13px!important}
  .compact-brand strong,.brand strong{font-size:1.08rem!important;line-height:1.15}
  .compact-brand small,.brand small{display:none!important}
  .menu-btn{display:grid!important;place-items:center;width:46px;height:46px;padding:0;border-radius:14px;font-size:1.35rem;line-height:1;background:rgba(255,255,255,.055);border:1px solid rgba(225,166,111,.16);touch-action:manipulation}
  body.v10 .main-nav,.main-nav{position:fixed!important;top:72px!important;right:14px!important;left:14px!important;max-height:calc(100dvh - 92px);overflow:auto;overscroll-behavior:contain;padding:10px!important;border-radius:20px!important;background:rgba(10,15,13,.985)!important;border:1px solid rgba(225,166,111,.14)!important;box-shadow:0 28px 80px rgba(0,0,0,.55)!important;grid-template-columns:1fr;gap:3px;z-index:10020}
  .main-nav a{display:flex;align-items:center;min-height:48px;padding:.72rem .9rem!important;border-radius:12px!important;font-size:.96rem!important}
  .main-nav a.active{background:rgba(143,200,183,.09)!important;color:#f0e3d2!important}

  section{padding:58px 0}
  .section-head{max-width:none;margin:0 0 24px;text-align:right}
  .section-head .kicker{font-size:.83rem}
  .section-head h2{font-size:clamp(1.72rem,7.3vw,2.25rem)!important;line-height:1.25;margin:.45rem 0 .55rem;letter-spacing:-.035em}
  .section-head p{font-size:.93rem;line-height:1.85}

  body.v10 .hero,.hero{padding:40px 0 50px!important;min-height:auto!important}
  .hero-grid{gap:22px!important}
  .eyebrow,.pill{max-width:100%;font-size:.78rem;padding:.38rem .66rem;line-height:1.55}
  .hero h1{font-size:clamp(2rem,9.4vw,2.65rem)!important;line-height:1.14!important;letter-spacing:-.04em!important;margin:.85rem 0 1rem!important}
  .hero p{font-size:.97rem!important;line-height:1.85!important;color:#b3bebc!important}
  .actions{display:grid;grid-template-columns:1fr;gap:9px;width:100%;margin-top:1.25rem}
  .actions .btn,.btn{min-height:50px;width:100%;padding:.82rem 1rem;border-radius:14px;font-size:.94rem;touch-action:manipulation}
  body.v10 .hero-media,.hero-media{min-height:0!important;max-height:none!important;aspect-ratio:3/2;margin:2px 0 0!important;border-radius:24px!important;overflow:hidden!important}
  body.v10 .hero-media>img,.hero-media>img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;border-radius:24px!important;clip-path:none!important}
  body.v10 .hero-media:before,.hero-media:before{inset:9px -8px -8px 9px!important;border-radius:27px!important;opacity:.65}
  .hero-media .float-card{display:none!important}
  .hero-proof{display:none!important}
  .marquee-track{padding:.78rem 0}
  .marquee-track span{font-size:.86rem;gap:1rem;padding:0 1rem}

  .services{grid-template-columns:1fr!important;gap:14px}
  body.v10 .service-card.has-image:nth-child(n),.service-card.has-image{border-radius:22px!important}
  body.v10 .service-card:nth-child(n) .service-cover{clip-path:none!important}
  .service-cover{aspect-ratio:16/10!important}
  body.v10 .service-content,.service-content{padding:17px 17px 18px!important}
  .service-content h3{font-size:1.16rem;margin:.05rem 0 .38rem}
  .service-content p{font-size:.9rem;line-height:1.75;margin-bottom:.7rem}
  .service-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .service-card-actions a{width:100%!important;min-height:46px!important;font-size:.9rem!important;border-radius:12px!important}

  .home-trust{padding:58px 0!important}
  .trust-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:1.25rem!important}
  .trust-stat{padding:16px 13px!important;border-radius:19px!important;text-align:center!important}
  .trust-stat strong{font-size:2rem!important}
  .trust-stat span{font-size:.9rem!important;margin-top:.5rem!important}
  .trust-stat small{font-size:.74rem;line-height:1.55;margin-top:.28rem!important}
  .trust-note{padding:14px 15px!important;border-radius:16px!important;font-size:.88rem;line-height:1.7}

  .home-problem-section{padding:58px 0!important}
  .problem-grid{grid-template-columns:1fr!important;gap:10px!important}
  .problem-card{min-height:0!important;padding:18px!important;border-radius:20px!important}
  .problem-card strong{font-size:1.08rem!important;margin-top:12px!important}
  .problem-card small{font-size:.87rem;line-height:1.72!important}
  .why-us-section{padding:58px 0!important}
  .why-grid{grid-template-columns:1fr!important;gap:10px!important}
  .why-grid article{padding:18px!important;border-radius:20px!important;min-height:0!important}
  .why-grid p{font-size:.88rem!important}

  .signature .showcase{grid-template-columns:1fr!important;gap:10px!important}
  .signature .showcase-main{min-height:245px!important;border-radius:22px!important}
  .signature .showcase-stack{grid-template-columns:1fr!important;grid-template-rows:none!important;gap:10px!important}
  .signature .showcase-stack>a{min-height:190px!important;border-radius:20px!important}
  .signature .showcase-copy{right:14px!important;left:14px!important;bottom:13px!important}
  .signature .showcase-copy h3,.signature .showcase-main .showcase-copy h3{font-size:1.12rem!important;line-height:1.4}
  .signature .showcase-copy p{font-size:.82rem!important;line-height:1.6!important}

  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:170px!important;gap:9px!important}
  .gallery a:nth-child(n){grid-column:auto!important;grid-row:auto!important;border-radius:17px!important}
  .gallery .caption{padding:2.2rem .65rem .58rem!important;font-size:.76rem!important;line-height:1.4;transform:none!important;opacity:1!important}

  .mini-hero{padding:48px 0 54px!important}
  .mini-grid{gap:20px!important}
  .mini-hero h1{font-size:clamp(1.95rem,8.7vw,2.55rem)!important;line-height:1.18!important;margin:.55rem 0 .8rem!important}
  .mini-hero p{font-size:.94rem!important;line-height:1.85}
  .mini-img,.mini-img.city-hero-media{width:100%;max-height:none!important;aspect-ratio:3/2!important;border-radius:22px!important;clip-path:none!important}
  .mini-img img,.mini-img.city-hero-media img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
  .subnav{gap:6px;margin-top:1rem}
  .subnav a{font-size:.78rem;padding:.42rem .65rem}

  .areas-grid{gap:13px!important}
  .area-card,.area-card:first-child{display:block!important;min-height:0!important;border-radius:22px!important}
  .area-card-media{min-height:0!important;aspect-ratio:16/10!important}
  .area-card-body{padding:18px!important}
  .area-card-body h2{font-size:1.45rem!important;margin:.2rem 0 .45rem!important}
  .area-card-body p{font-size:.89rem;line-height:1.75;margin-bottom:.75rem!important}

  .local-service-hero{padding:46px 0 34px!important}
  .local-service-hero-grid{gap:20px!important}
  .local-service-hero h1{font-size:clamp(1.95rem,8.8vw,2.55rem)!important;line-height:1.16!important;margin:.35rem 0 .7rem!important}
  .local-service-hero p{font-size:.94rem!important;line-height:1.85}
  .local-service-media{min-height:0!important;aspect-ratio:3/2!important;border-radius:22px!important}
  .local-service-media img{min-height:0!important;height:100%!important}
  .local-context-grid,.compare-grid,.quote-layout,.quote-hero-grid{gap:16px!important}

  .content-box{padding:18px!important;border-radius:21px!important}
  .content-box h2{font-size:1.42rem;line-height:1.35}
  .content-box h3{font-size:1.12rem}
  .content-box p,.checklist li{font-size:.91rem;line-height:1.82}
  .checklist li{padding:.42rem 1.8rem .42rem 0}

  .service-experience{padding:58px 0!important}
  .noise-path,.access-methods,.mini-metrics,.measure-flow,.paint-steps,.renovation-scopes,.door-types,.paint-moods,.decor-categories{grid-template-columns:1fr!important;gap:10px!important}
  .noise-path article,.access-methods article{min-height:0!important;padding:17px!important;border-radius:19px!important}
  .acoustic-showcase,.door-anatomy,.lock-feature,.paint-lab{grid-template-columns:1fr!important;gap:14px!important}
  .acoustic-photo{min-height:235px!important;border-radius:19px!important}
  .door-anatomy-image{min-height:320px!important;border-radius:20px!important}
  .lock-feature{padding:10px!important;border-radius:20px!important}
  .lock-feature img{height:235px!important;border-radius:15px!important}
  .decor-categories{grid-auto-rows:220px!important}
  .decor-categories article.wide{grid-column:auto!important;grid-row:auto!important}
  .door-types img{height:215px!important}
  .paint-demo,.demo-wall{min-height:300px!important}
  .before-after{min-height:300px!important;height:76vw!important;max-height:380px}

  .service-page .clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .service-page .clean-image-card{aspect-ratio:1/1!important;border-radius:15px!important}
  .service-page .clean-image-card img{aspect-ratio:1/1!important}
  .project-gallery{grid-template-columns:1fr!important;gap:12px!important}
  .project-item{border-radius:20px!important}
  .project-filters{position:relative!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:7px!important;margin:0 -14px 22px!important;padding:8px 14px!important;border-radius:0!important;border-right:0!important;border-left:0!important;scrollbar-width:none}
  .project-filters::-webkit-scrollbar{display:none}
  .project-filter{flex:0 0 auto;scroll-snap-align:start;min-height:42px;padding:.58rem .78rem!important;font-size:.84rem!important}

  .knowledge-hero,.case-hero{padding:48px 0 34px!important}
  .knowledge-grid,.case-grid{grid-template-columns:1fr!important;gap:12px!important}
  .knowledge-card,.case-card{border-radius:20px!important}
  .knowledge-card img,.case-card img{height:auto!important;aspect-ratio:16/10;object-fit:cover}
  .knowledge-card .inner,.case-card .inner{padding:16px!important}
  .knowledge-card h2,.case-card h2{font-size:1.2rem!important;line-height:1.45}
  .knowledge-card p,.case-card p{font-size:.88rem;line-height:1.75}
  .article-layout{gap:16px!important}
  .article-body{padding:18px!important;border-radius:20px!important}
  .article-body h2{font-size:1.42rem!important;line-height:1.45;margin:1.45rem 0 .55rem!important}
  .article-body h3{font-size:1.12rem!important}
  .article-body p,.article-body li{font-size:.93rem;line-height:1.9!important}
  .aside-card{padding:16px!important;border-radius:18px!important}
  .case-cover{border-radius:20px!important}

  .faq details{margin:.68rem 0;padding:.9rem 1rem;border-radius:16px}
  .faq summary{font-size:.93rem;line-height:1.65;padding-left:1.8rem}
  .faq p{font-size:.88rem;line-height:1.75}

  .cta{padding:22px 18px!important;border-radius:22px!important;gap:16px!important}
  .cta h2{font-size:1.5rem!important;line-height:1.4}
  .cta p{font-size:.9rem;line-height:1.75}
  .quick-grid{padding:20px 17px!important;border-radius:21px!important;gap:16px!important}
  .quick-grid h2{font-size:1.5rem!important;line-height:1.4}
  .page-cta{padding:48px 0!important}
  .page-cta .inner{padding:18px!important;border-radius:21px!important}

  .quote-hero{padding:46px 0 20px!important}
  .quote-hero h1{font-size:clamp(2rem,9vw,2.6rem)!important;line-height:1.2}
  .quote-hero-side{padding:15px 17px!important;border-radius:17px!important}
  .quote-form{padding:17px!important;border-radius:20px!important}
  .form-grid{grid-template-columns:1fr!important;gap:13px!important}
  .quote-form input,.quote-form select,.quote-form textarea{font-size:16px!important;min-height:48px;padding:12px 13px!important;border-radius:12px!important}
  .quote-form textarea{min-height:130px}
  .quote-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .photo-preview{align-items:flex-start}

  body.v10 .signature-footer,.footer{margin-top:48px!important;padding:52px 0 22px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer-brand{grid-column:auto!important}
  body.v10 .signature-footer .footer-grid>div:not(.footer-brand){padding-right:0!important;border-right:0!important;border-top:1px solid rgba(214,163,111,.08);padding-top:18px!important}
  .footer-logo img{width:50px!important;height:50px!important}
  .footer-logo strong{font-size:1.3rem!important}
  .footer h3{font-size:1rem;margin:0 0 .65rem}
  .footer p{font-size:.88rem;line-height:1.8}
  .footer a{padding:.31rem 0;font-size:.9rem}
  .footer-areas{min-width:0!important}
  .footer-areas-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 16px!important}
  .footer-areas-links a{min-height:34px;display:flex!important;align-items:center}
  .footer-seo{font-size:.78rem!important;line-height:1.7;margin-top:1.25rem!important}
  .legal-links,.copy{font-size:.8rem}

  .floating-contact{position:fixed!important;right:10px!important;left:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;display:flex!important;flex-direction:row!important;gap:7px!important;padding:7px!important;border-radius:19px!important;background:rgba(8,12,10,.91)!important;border:1px solid rgba(225,166,111,.14)!important;backdrop-filter:blur(18px) saturate(140%);box-shadow:0 16px 50px rgba(0,0,0,.42)!important;z-index:10050!important;direction:rtl!important}
  .float-action{display:none!important}
  .float-whatsapp,.float-call{display:flex!important;flex:1 1 50%!important;width:auto!important;height:50px!important;border-radius:13px!important;justify-content:center!important;overflow:visible!important;box-shadow:none!important;transform:none!important}
  .float-action svg{width:21px!important;height:21px!important;margin:0!important}
  .float-action span{display:inline!important;opacity:1!important;transform:none!important;margin:0 8px 0 0!important;font-size:.86rem!important}
  .float-whatsapp:after,.float-call:after{display:none!important}

  .lightbox{padding:14px!important}
  .lightbox img{max-width:100%!important;max-height:78dvh!important;border-radius:17px!important}
  .lightbox button{top:12px!important;left:12px!important;width:44px!important;height:44px!important;background:rgba(8,12,10,.84)!important}
}

@media (max-width:420px){
  body{font-size:15px}
  .container{width:calc(100% - 24px)}
  .hero h1{font-size:1.95rem!important}
  .gallery{grid-template-columns:1fr!important;grid-auto-rows:230px!important}
  .trust-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trust-stat{padding:14px 10px!important}
  .trust-stat strong{font-size:1.8rem!important}
  .service-page .clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-areas-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 10px!important}
}

@media (max-width:350px){
  .trust-stats{grid-template-columns:1fr!important}
  .service-page .clean-gallery{grid-template-columns:1fr!important}
  .footer-areas-links{grid-template-columns:1fr!important}
}

@media (hover:none) and (pointer:coarse){
  .service-card:hover,.area-card:hover,.project-item:hover,.knowledge-card:hover,.case-card:hover,.problem-card:hover,.why-grid article:hover,.btn:hover{transform:none!important}
  .service-card:hover img,.area-card:hover img,.project-item:hover img,.knowledge-card:hover img,.case-card:hover img{transform:none!important}
}


/* V47 — mobile navigation + fixed horizontal viewport + desktop-style social stack */
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
img,video,iframe,svg{max-width:100%}
.container,.navwrap,main,section,footer{min-width:0;max-width:100%}

@media (max-width:768px){
  /* prevent side-to-side page movement */
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  @supports(overflow:clip){html,body{overflow-x:clip!important}}
  body{padding-bottom:0!important;position:relative}
  .container{max-width:100%!important;min-width:0!important}
  body.v10 .signature-header .navwrap,.navwrap{overflow:visible!important}

  /* mobile menu must render outside the rounded header shell */
  body.v10 .main-nav,.main-nav{
    display:none!important;
    position:fixed!important;
    top:74px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 92px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:100000!important;
  }
  body.v10 .main-nav.open,.main-nav.open{display:grid!important}
  .menu-btn{position:relative;z-index:100001!important;cursor:pointer;-webkit-tap-highlight-color:transparent}

  /* floating contact/social controls: same vertical idea as desktop, on the LEFT */
  .floating-contact{
    position:fixed!important;
    left:9px!important;
    right:auto!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    direction:ltr!important;
    z-index:10050!important;
  }
  .floating-contact .float-action,
  .floating-contact .float-whatsapp,
  .floating-contact .float-call,
  .floating-contact .float-instagram,
  .floating-contact .float-tiktok,
  .floating-contact .float-facebook,
  .floating-contact .float-youtube{
    display:flex!important;
    flex:0 0 auto!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:15px!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
    transform:none!important;
  }
  .floating-contact .float-action svg{width:21px!important;height:21px!important;margin:0!important}
  .floating-contact .float-action span{display:none!important}
  .floating-contact .float-action:after{display:none!important}
}

@media (max-width:390px){
  .floating-contact{left:7px!important;gap:6px!important}
  .floating-contact .float-action,
  .floating-contact .float-whatsapp,
  .floating-contact .float-call,
  .floating-contact .float-instagram,
  .floating-contact .float-tiktok,
  .floating-contact .float-facebook,
  .floating-contact .float-youtube{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important}
}