*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111d;color:#f2eee4;font-family:Cairo,Arial,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#07111dcc,transparent);backdrop-filter:blur(8px)}.brand{display:flex;flex-direction:column;line-height:1.1}.brand-ar{font-size:17px;letter-spacing:.2px}.brand-en{font:500 10px Manrope,sans-serif;letter-spacing:3px;margin-top:7px;opacity:.8}.links{display:flex;gap:32px;font-size:13px;color:#dedbd1}.links a{transition:.3s}.links a:hover{color:#c5a56a}.lang{border:1px solid #8c754d;background:transparent;color:#f2eee4;padding:7px 13px;border-radius:0;cursor:pointer}.hero{min-height:92vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg,.vision-bg{position:absolute;inset:0;background:url("assets/hero.png") center/cover no-repeat;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#06101dea 0%,#07111db8 40%,#07111d35 78%,#07111d85 100%),linear-gradient(0deg,#07111d 0%,transparent 28%)}.hero-content{position:relative;z-index:2;width:min(720px,90%);margin-right:8vw;margin-left:auto;padding-top:90px}.eyebrow,.section-kicker{font:500 11px Manrope,sans-serif;letter-spacing:3px;color:#c8aa73}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.35;font-weight:500;margin:18px 0 5px;color:#f2eee4}.hero-en,.vision-en{font:300 clamp(14px,1.5vw,19px) Manrope,sans-serif;letter-spacing:.5px;color:#d7d4cb}.hero-services{font-size:14px;color:#c5a56a;margin:24px 0 30px}.outline-btn,.gold-btn{display:inline-flex;align-items:center;border:1px solid #a88b58;padding:10px 22px;color:#f2eee4;font-size:13px;transition:.35s}.outline-btn:hover,.gold-btn:hover{background:#a88b58;color:#07111d}.scroll-cue{position:absolute;bottom:20px;left:50%;color:#c5a56a;font-size:24px}.section{padding:120px 7vw}.about{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center;background:#07111d}.image-frame{height:650px;overflow:hidden}.image-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03)}.about-copy{max-width:650px}.about h2,.business h2,.projects h2{font-size:clamp(36px,4vw,58px);font-weight:400;margin:5px 0 15px}.gold-line{height:1px;background:#9b7d4a;width:75px;margin:18px 0 30px}.about-copy p,.business-card p,.vision-content>p{color:#bbb9b3;font-size:15px;font-weight:300}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.values div{border-top:1px solid #2b3541;padding-top:16px}.values strong{display:block;font:300 20px Manrope;color:#c5a56a}.values span{display:block;font-size:14px}.values small,.vision-values small{display:block;font:300 10px Manrope;color:#858b91;margin-top:3px;letter-spacing:1px}.business{background:#091622}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.section-head>p{max-width:380px;color:#999e9f;font-size:14px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29333e}.business-card{background:#091622;padding:50px 40px;min-height:340px;transition:.35s}.business-card:hover{background:#0c1b2a}.business-card>span{font:300 28px Manrope;color:#c5a56a}.business-card h3{font-size:31px;font-weight:400;margin:20px 0 0}.business-card small{font:500 10px Manrope;letter-spacing:2px;color:#9d8051}.business-card p{margin-top:32px}.projects{background:#07111d}.project-list{display:grid;grid-template-columns:1fr;gap:80px}.project{position:relative;height:520px;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;filter:brightness(.63) saturate(.75);transition:1s}.project:hover img{transform:scale(1.03);filter:brightness(.76) saturate(.85)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111dbb,transparent 65%),linear-gradient(0deg,#07111db0,transparent 50%)}.project-meta{position:absolute;z-index:2;bottom:42px;right:48px}.project-meta span{font:300 34px Manrope;color:#c5a56a}.project-meta h3{font-size:31px;font-weight:400;margin:5px 0}.project-meta small{font:500 10px Manrope;letter-spacing:2px;color:#d2d0ca}.vision{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden}.vision-bg{filter:brightness(.6) saturate(.7)}.vision-overlay{position:absolute;inset:0;background:#07111dbd}.vision-content{position:relative;z-index:2;max-width:760px;margin:auto;text-align:center}.vision-content h2{font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.4;margin:18px 0}.vision-content>p{max-width:700px;margin:25px auto}.vision-values{display:flex;justify-content:center;gap:75px;margin-top:50px}.vision-values span{font-size:16px}.contact{background:#050c14;text-align:center;padding-top:150px;padding-bottom:110px}.contact-inner{max-width:800px;margin:auto}.contact h2{font-size:clamp(40px,5vw,70px);font-weight:400;margin:20px 0}.contact p{color:#aaa;font-weight:300}.gold-btn{margin-top:28px}.contact-brand{margin-top:95px;padding-top:30px;border-top:1px solid #29323c;display:flex;justify-content:space-between;align-items:center;color:#bdbbb5}.contact-brand strong{font-weight:400}.contact-brand span{font:500 10px Manrope;letter-spacing:3px;color:#8b8e90}footer{padding:22px 7vw;background:#040a10;color:#777;font:10px Manrope;letter-spacing:1px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}@media(max-width:850px){.links{display:none}.nav{height:74px;padding:0 6vw}.hero{min-height:84vh}.hero-content{margin-right:7vw}.about{grid-template-columns:1fr;padding-top:80px}.image-frame{height:420px}.section{padding:90px 6vw}.section-head{display:block}.section-head>p{margin-top:18px}.business-grid{grid-template-columns:1fr}.business-card{min-height:260px}.project{height:430px}.project-meta{right:25px;bottom:25px}.vision-values{gap:25px;flex-wrap:wrap}.contact-brand{display:block}.contact-brand span{display:block;margin-top:12px}footer{display:block;text-align:center}footer span{display:block;margin:4px}}

/* Project gallery */
.project-list{max-width:1400px;margin:0 auto}.project img{display:block;object-position:center}.project-meta{max-width:480px}


/* Luxury contact cards */
.contact-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1080px;margin:48px auto 0}
.contact-card{width:320px;min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px 20px;border:1px solid rgba(197,165,106,.34);background:linear-gradient(145deg,rgba(197,165,106,.12),rgba(7,17,29,.55));box-shadow:0 12px 35px rgba(0,0,0,.14);transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.contact-card:hover{transform:translateY(-5px);border-color:rgba(197,165,106,.9);background:linear-gradient(145deg,rgba(197,165,106,.19),rgba(7,17,29,.7));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.contact-card-icon{font:500 12px Manrope,sans-serif;letter-spacing:2px;color:#c5a56a;text-transform:uppercase}
.contact-card-title{font-size:12px;color:#c5a56a;letter-spacing:.8px}
.contact-card-value{font:500 14px Manrope,Cairo,sans-serif;color:#f2eee4;direction:ltr;text-align:center;overflow-wrap:anywhere}
@media(max-width:850px){.contact-cards{gap:12px;margin-top:38px}.contact-card{width:min(100%,360px);min-height:108px}}
