/* WAFA premium visual refinement — bilingual, responsive */
:root{--bronze:#b58a58;--bronze-light:#d5b78d;--navy:#14212a;--cream:#f8f6f2}
.site-header{background:rgba(255,255,255,.985);box-shadow:0 2px 18px rgba(13,28,37,.035)}
.header-inner{min-height:82px;gap:26px}
.brand{font-size:17px;line-height:1.4;letter-spacing:0}
.brand img{width:49px;height:49px}
.nav{gap:23px;font-size:13px}
.nav .language{padding:5px 17px}
.home-hero{min-height:625px;background:radial-gradient(circle at 12% 22%,#2c3940 0%,transparent 36%),linear-gradient(125deg,#192731,#111c24)}
.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,24,.16),transparent 55%);pointer-events:none}
.home-hero .hero-content{width:min(1200px,calc(100% - 48px));max-width:1200px;padding-block:92px;padding-inline-end:min(44%,510px);box-sizing:border-box}
.home-hero .hero-content h1{font-size:clamp(38px,4.35vw,65px);line-height:1.38;letter-spacing:-.025em;max-width:690px;margin:18px 0}
.home-hero .hero-content p{font-size:clamp(15px,1.35vw,18px);line-height:2;max-width:570px}
.home-hero .hero-content .eyebrow{color:var(--bronze-light);font-size:11px;letter-spacing:.25em}
.home-hero .hero-actions{margin-top:34px}
.home-hero .btn{min-height:54px;padding-inline:25px}
.home-hero .hero-shape{position:absolute;z-index:1;top:8%;bottom:8%;height:auto;width:min(39%,490px);inset-inline-end:max(5%,calc((100vw - 1220px)/2));transform:none;border:1px solid rgba(221,189,145,.4);background:linear-gradient(135deg,rgba(239,215,178,.25),transparent 23%),linear-gradient(90deg,#101920 0 8%,#aa855a 8.5%,#312f2b 10%,#283640 12%,#17242c 49.5%,#a88b67 50%,#192630 50.5%,#293b45 88%,#352f29 90%,#aa855a 91.5%,#101920 92%);box-shadow:0 25px 80px rgba(0,0,0,.3),inset 0 0 0 13px rgba(14,23,29,.8)}
.home-hero .hero-shape:before{content:"";position:absolute;inset:5% 7% 8%;border:1px solid rgba(213,183,141,.48);background:linear-gradient(90deg,transparent 49.85%,rgba(217,188,148,.6) 50%,transparent 50.15%),repeating-linear-gradient(90deg,transparent 0 32px,rgba(255,255,255,.018) 33px 34px);box-shadow:inset 0 0 70px rgba(0,0,0,.36)}
.home-hero .hero-shape:after{content:"WAFA  /  ELEVATORS";position:absolute;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;color:rgba(230,208,177,.72);font:600 10px Manrope,sans-serif;letter-spacing:.32em;text-shadow:0 1px 8px #000}
html[dir=ltr] .home-hero .hero-content{padding-inline-end:min(44%,510px)}
html[dir=ltr] .home-hero .hero-shape{inset-inline-end:max(5%,calc((100vw - 1220px)/2))}
.section{padding-block:85px}
.section h2,.cta h2{letter-spacing:-.025em}
.product-card{border:1px solid #ece8e1}
.card-visual{height:230px}
.card-body{padding:12px 22px}
.service-card{background:#fff;min-height:220px}
.service-card:hover{box-shadow:0 14px 34px rgba(18,33,42,.06)}
.btn.primary{background:#ad8250}.btn.primary:hover{background:#c09766}
.btn:focus-visible,.nav a:focus-visible,.brand:focus-visible{outline:3px solid #c79d6c;outline-offset:4px}
@media(max-width:1050px){.nav{gap:13px}.home-hero .hero-content{padding-inline-end:42%}.home-hero .hero-shape{width:36%;inset-inline-end:4%}}
@media(max-width:760px){.header-inner{min-height:72px}.brand img{width:43px;height:43px}.home-hero{min-height:0;display:block}.home-hero .hero-content{width:min(100% - 36px,1200px);padding:65px 0 305px;max-width:none}.home-hero .hero-content h1{font-size:clamp(35px,8vw,52px);max-width:100%}.home-hero .hero-content p{font-size:15px;max-width:100%}.home-hero .hero-shape{top:auto;bottom:26px;height:260px;width:min(76%,350px);inset-inline-end:12%;box-shadow:0 10px 35px #0004}.home-hero .hero-shape:after{font-size:8px}.home-hero .hero-actions{gap:10px}.home-hero .btn{padding-inline:18px;min-height:49px}.section{padding-block:65px}}
@media(prefers-reduced-motion:reduce){.btn,.product-card,.service-card{transition:none}html{scroll-behavior:auto}}