:root{--teal:#074653;--teal-dark:#063944;--teal-deep:#052f38;--copper:#c97955;--copper-light:#dda080;--cream:#f8f3ec;--paper:#fffdf9;--ink:#183f49;--muted:#5f6768;--line:#dfcabc;--shadow:0 13px 35px rgba(54,39,29,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#273f45;font-family:Alexandria,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.hero{height:455px;display:grid;grid-template-columns:42% 58%;background:var(--teal-deep);overflow:hidden;position:relative}.hero-visual{background:url('/public/assets/images/hero-dubai.webp') center/cover no-repeat;position:relative}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,var(--teal-deep) 100%)}[dir=rtl] .hero-visual{order:2}[dir=rtl] .hero-panel{order:1}.hero-panel{position:relative;color:#fff;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(9,93,106,.55),transparent 50%),linear-gradient(135deg,#0b5360,var(--teal-deep) 76%)}.hero-panel:before{content:"";position:absolute;inset:0;opacity:.09;background-image:linear-gradient(45deg,#d8a17e 12.5%,transparent 12.5%,transparent 50%,#d8a17e 50%,#d8a17e 62.5%,transparent 62.5%,transparent);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 58%)}.navbar{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5.5vw 10px 4vw;position:relative;z-index:4}.logo{flex:0 0 94px;height:90px;border:4px solid #f4e9de;border-radius:58px 58px 22px 22px;outline:2px solid var(--copper);outline-offset:4px;background:#f8f1e8;color:var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;text-align:center;box-shadow:0 7px 25px rgba(0,0,0,.15)}.logo strong{font-size:15px;max-width:90px}.logo-small{font-size:8px;font-weight:700;color:#9c563e}.logo b{font-size:12px;letter-spacing:3px;margin-top:5px}.nav-links{display:flex;align-items:center;gap:clamp(18px,2.5vw,44px);font-size:16px;font-weight:600}.nav-links a{position:relative;padding:15px 2px;white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--copper);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{left:0;right:0}.nav-links a.active{color:var(--copper-light)}.nav-links .language{font-size:11px;border:1px solid rgba(255,255,255,.5);padding:5px 9px;border-radius:20px}.nav-links .language:after{display:none}.menu-toggle,.menu-button{display:none}.hero-copy{position:relative;z-index:2;padding:8px 9vw 14px 5vw;text-align:center}.mini-ornament{height:36px;display:flex;align-items:center;justify-content:center;color:var(--copper-light)}.mini-ornament:before,.mini-ornament:after{content:"";width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--copper-light))}.mini-ornament:after{transform:scaleX(-1)}.mini-ornament span{margin:0 10px}.hero h1{font-size:clamp(42px,4vw,68px);line-height:1.22;margin:13px 0 15px;font-style:normal;font-weight:800;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--copper)}.hero-copy>p{max-width:650px;margin:0 auto;color:#f4eeee;font-size:20px;line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:18px;margin-top:32px}.btn{min-width:220px;height:58px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:600;border:1px solid var(--copper-light);transition:.22s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.18)}.btn-copper{background:var(--copper);color:#fff}.btn-outline{background:rgba(7,56,66,.3);color:#fff}.arabesque{position:absolute;border:1px solid rgba(213,150,111,.2);transform:rotate(45deg)}.arabesque-one{width:310px;height:310px;left:-180px;top:210px}.arabesque-two{width:230px;height:230px;left:-145px;top:250px}.line-arch{position:absolute;width:270px;height:250px;border:1px solid rgba(211,139,98,.34);border-bottom:0;border-radius:140px 140px 0 0;bottom:-145px;right:-40px}.section{padding:25px 4.8vw 28px;background:var(--paper)}.section-heading{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink);margin:0 auto 18px}.section-heading h2{font-size:27px;line-height:1;margin:0;font-weight:700;white-space:nowrap}.section-heading>span{height:1px;width:110px;background:linear-gradient(90deg,transparent,var(--copper))}.section-heading>span:last-child{transform:scaleX(-1)}.section-heading i{color:var(--copper);font-style:normal;font-size:14px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1450px;margin:auto}.sector-card{height:158px;position:relative;background:#fffaf4;border:1px solid #dfd0c5;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:43% 57%;align-items:center}.sector-photo{position:absolute;inset:0 57% 0 0;background-size:cover;background-position:center}.sector-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0),#fffaf4 100%)}[dir=rtl] .sector-photo{inset:0 0 0 57%}[dir=rtl] .sector-photo:after{background:linear-gradient(270deg,rgba(255,255,255,0),#fffaf4 100%)}.sector-icon{position:absolute;left:29%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;border-radius:50%;background:var(--teal);display:grid;place-items:center;color:#fff;box-shadow:0 7px 16px rgba(5,63,74,.23)}[dir=rtl] .sector-icon{left:auto;right:29%;transform:translate(50%,-50%)}.sector-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sector-content{grid-column:2;padding:18px 24px 13px;position:relative;z-index:2}[dir=rtl] .sector-content{grid-column:1}.sector-content h3{color:var(--teal);font-size:19px;margin:0 0 4px}.sector-content p{font-size:13.5px;line-height:1.8;margin:0;color:#4c5556}.card-line{display:block;width:55px;height:1px;background:var(--copper);margin-top:10px}.about-contact-wrap{min-height:300px;display:grid;grid-template-columns:19% 29% 52%;background:#f9f3ec;position:relative;border-top:1px solid #eaded4}.about-contact-wrap:before{content:"";position:absolute;inset:0;opacity:.07;background-image:radial-gradient(circle at 1px 1px,var(--copper) 1px,transparent 0);background-size:22px 22px}.about-illustration,.about-copy,.contact-area{position:relative;z-index:1}.about-illustration{display:flex;justify-content:center;align-items:flex-end;padding:20px 10px}.about-window{width:150px;height:235px;border:2px solid #d89a74;border-bottom:0;border-radius:80px 80px 0 0;padding:12px 11px 0}.about-window:before{content:"";display:block;width:100%;height:100%;border:1px solid rgba(199,121,85,.55);border-bottom:0;border-radius:70px 70px 0 0}.about-skyline{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:115px;height:145px;background:url('/public/assets/images/hero-dubai.webp') 29% center/540px auto no-repeat;clip-path:polygon(0 100%,0 45%,10% 45%,10% 35%,18% 35%,18% 50%,28% 50%,28% 25%,36% 25%,36% 55%,48% 55%,48% 8%,55% 8%,55% 43%,66% 43%,66% 31%,75% 31%,75% 56%,85% 56%,85% 42%,94% 42%,94% 100%)}.plant{position:absolute;bottom:10px;color:#6d8e86;font-size:70px}.plant-left{left:14px}.plant-right{right:11px;transform:scaleX(-1)}.about-copy{padding:20px 25px;border-right:1px solid #e1cfc0}.about-copy p{text-align:center;font-size:13.5px;line-height:1.95;margin:0 auto;max-width:500px}.section-heading.compact{margin-bottom:13px}.section-heading.compact h2{font-size:24px}.section-heading.compact>span{width:65px}.values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}.values>div{text-align:center;border-left:1px solid #ddcbbd;color:var(--teal)}.values>div:last-child{border-left:0}.values span{display:block;font-size:28px;line-height:1.2}.values b{font-size:11px}.contact-area{display:grid;grid-template-columns:68% 32%;padding:20px 3.5vw 20px 20px}.contact-form-wrap{padding-left:25px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form label{height:40px;background:#fff;border:1px solid #d6cbc3;border-radius:5px;display:flex;align-items:center;padding:0 12px;gap:8px}.contact-form label.wide,.contact-form button.wide{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;border:0;outline:0;background:transparent;color:#344548;font-size:12px}.contact-form textarea{resize:none;height:33px;padding-top:7px}.contact-form label span{color:var(--teal)}.contact-form button{height:45px;border:0;border-radius:5px;background:var(--teal);color:#fff;cursor:pointer;font-weight:600}.contact-form button span{display:inline-block;margin-inline-start:12px;transform:rotate(-25deg)}.contact-details{border-right:1px solid #dfcfc3;padding:10px 25px 0 0}.contact-details p{display:flex;align-items:flex-start;gap:14px;margin:0 0 19px;font-size:12.5px}.contact-details p span{color:var(--teal);font-size:19px;min-width:22px}.success{background:#e7f5ef;color:#14664a;border-radius:5px;padding:8px 12px;font-size:12px;margin-bottom:8px}footer{min-height:58px;background:var(--teal-deep);color:#dbe4e4;padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer a{color:var(--copper-light)}
@media(max-width:1200px){.hero{grid-template-columns:45% 55%}.navbar{padding-inline:3vw}.nav-links{gap:18px;font-size:13px}.hero-copy{padding-inline:4vw}.sector-card{grid-template-columns:38% 62%}.sector-photo{inset-inline-end:62%}.sector-icon{left:25%}[dir=rtl] .sector-icon{right:25%;left:auto}.about-contact-wrap{grid-template-columns:22% 36% 42%}.contact-area{grid-template-columns:1fr;padding-inline:20px}.contact-details{display:none}}
@media(max-width:860px){.hero{height:auto;min-height:760px;display:block;background:var(--teal-deep)}.hero-visual{position:absolute;inset:0;background-position:36% center}.hero-visual:after{background:linear-gradient(180deg,rgba(4,37,44,.22),rgba(4,37,44,.96) 64%)}.hero-panel{min-height:760px;background:transparent}.navbar{height:105px;padding:13px 20px}.logo{width:82px;flex-basis:82px;height:80px;border-width:2px;outline-width:1px}.logo strong{font-size:11px}.logo-small{font-size:6px}.logo b{font-size:9px}.menu-button{display:flex;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:6px;flex-direction:column;justify-content:center;gap:5px;padding:10px;cursor:pointer}.menu-button span{height:2px;background:#fff}.nav-links{display:none;position:absolute;top:94px;left:16px;right:16px;padding:15px;background:rgba(4,47,56,.97);border:1px solid rgba(255,255,255,.15);border-radius:10px;flex-direction:column;gap:2px}.menu-toggle:checked~.nav-links{display:flex}.hero-copy{padding:220px 22px 70px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.sector-grid{grid-template-columns:1fr}.sector-card{height:165px}.about-contact-wrap{grid-template-columns:1fr}.about-illustration{display:none}.about-copy{padding:32px 24px;border:0}.contact-area{padding:30px 24px}.contact-details{display:block;border:0;padding:22px 0 0}.contact-form-wrap{padding:0}.values{max-width:450px;margin:20px auto 0}footer{flex-direction:column;text-align:center}}
@media(max-width:560px){.section{padding:26px 14px}.section-heading>span{width:42px}.section-heading h2{font-size:23px}.hero-actions{flex-direction:column}.btn{width:100%;min-width:0}.hero-copy{padding-top:230px}.hero h1{font-size:38px}.sector-card{grid-template-columns:44% 56%;height:190px}.sector-photo{inset-inline-end:56%}.sector-icon{width:70px;height:70px;left:30%}[dir=rtl] .sector-icon{right:30%;left:auto}.sector-icon svg{width:43px}.sector-content{padding-inline:15px}.sector-content h3{font-size:16px}.sector-content p{font-size:12px}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form label.wide,.contact-form button.wide{grid-column:1}.values span{font-size:23px}.values b{font-size:9px}}