:root{--bg:#0b0b0b;--panel:#131313;--panel-2:#191817;--text:#f4efe8;--muted:#b9b0a4;--gold:#c6a46a;--gold-2:#e2c58d;--line:rgba(255,255,255,.12);--shadow:0 30px 80px rgba(0,0,0,.35);--radius:22px;--container:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Tajawal","Cairo",sans-serif;line-height:1.8;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:var(--container);margin:auto}.skip-link{position:fixed;top:-100px;right:20px;background:#fff;color:#000;padding:10px 16px;z-index:999}.skip-link:focus{top:20px}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(to bottom,rgba(6,6,6,.88),rgba(6,6,6,.2),transparent);transition:.3s}.site-header.scrolled{background:rgba(8,8,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-2);font-weight:700;letter-spacing:1px}.brand strong,.brand small{display:block}.brand small{font-size:.72rem;color:var(--muted);line-height:1.2}.main-nav{display:flex;gap:26px;align-items:center}.main-nav a{font-size:.94rem;color:#eae4db}.main-nav a:hover{color:var(--gold-2)}.nav-cta{border:1px solid var(--gold)!important;padding:10px 18px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem}.hero{min-height:100svh;position:relative;display:grid;align-items:center}.hero-media{position:absolute;inset:0;background:url('assets/villa-landscape.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.15),rgba(7,7,7,.75) 52%,rgba(7,7,7,.96)),linear-gradient(to top,rgba(7,7,7,.75),transparent 45%)}.hero-content{position:relative;z-index:2;padding-top:110px;max-width:900px;margin-right:max(20px,calc((100vw - 1180px)/2))}.eyebrow{color:var(--gold-2);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;font-weight:700;margin:0 0 14px}.hero h1{font-family:"Cairo",sans-serif;font-size:clamp(2.5rem,5.6vw,5.3rem);line-height:1.18;max-width:920px;margin:0 0 24px}.hero-copy{font-size:clamp(1rem,1.8vw,1.3rem);max-width:760px;color:#ddd3c6}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border:1px solid transparent;font-weight:700;transition:.25s}.btn-primary{background:var(--gold);color:#101010}.btn-primary:hover{background:var(--gold-2);transform:translateY(-2px)}.btn-ghost{border-color:rgba(255,255,255,.35);background:rgba(0,0,0,.12)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-2)}.microcopy{color:#bfb6aa;font-size:.87rem}.scroll-cue{position:absolute;bottom:30px;left:50%;z-index:2;font-size:1.6rem;animation:bounce 1.6s infinite}@keyframes bounce{50%{transform:translateY(8px)}}.proof-strip{border-block:1px solid var(--line);background:#101010}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:28px;border-left:1px solid var(--line)}.proof-grid div:last-child{border-left:0}.proof-grid strong{display:block;font-size:1.8rem;color:var(--gold-2)}.proof-grid span{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}.section{padding:110px 0}.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.align-center{align-items:center}.section-heading{margin-bottom:45px}.section-heading.center{text-align:center;max-width:820px;margin:0 auto 50px}.section-heading h2,.about-copy h2,.cta-card h2,.differentiation h2{font-family:"Cairo",sans-serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1.35;margin:0}.problem-section{background:linear-gradient(180deg,#0b0b0b,#111)}.problem-list article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.problem-list span{color:var(--gold);font-size:.85rem}.problem-list h3{margin:0 0 6px;font-size:1.35rem}.problem-list p{margin:0;color:var(--muted)}.services{background:#111}.cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.service-card{grid-column:span 2;background:var(--panel);padding:30px;border:1px solid var(--line);min-height:100%;transition:.3s}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}.service-card:hover{transform:translateY(-6px);border-color:rgba(198,164,106,.45)}.service-no{color:var(--gold);font-size:.82rem}.service-card h3{font-size:1.45rem}.service-card p,.service-card li{color:var(--muted)}.service-card ul{padding-right:18px}.benefit{display:block;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;color:#e7ddcf}.portfolio{background:#0d0d0d}.project.featured{display:grid;grid-template-columns:1.25fr 1fr;background:var(--panel);border:1px solid var(--line);margin-bottom:30px}.project-image,.project-card button{padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.project-image img{height:100%;object-fit:cover}.project-copy{padding:42px}.project-type{color:var(--gold-2);font-size:.85rem}.project-copy h3,.project-card h3{font-size:1.65rem;line-height:1.45}.project-copy dl div{padding:14px 0;border-bottom:1px solid var(--line)}.project-copy dt{font-weight:700;color:#fff}.project-copy dd{margin:4px 0 0;color:var(--muted)}.text-link{color:var(--gold-2);display:inline-block;margin-top:18px;border-bottom:1px solid transparent}.text-link:hover{border-color:var(--gold)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:var(--panel);border:1px solid var(--line)}.project-card img{height:280px;width:100%;object-fit:cover;transition:.5s}.project-card button:hover img{transform:scale(1.04)}.project-card-copy{padding:26px}.project-card-copy p{color:var(--muted)}.differentiation{background:linear-gradient(135deg,#151412,#0c0c0c)}.image-frame{position:relative}.image-frame:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);z-index:-1}.feature-list{margin-top:28px}.feature-list div{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.feature-list span{color:var(--gold)}.feature-list p{margin:0;color:var(--muted)}.timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:item}.timeline li{padding:30px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.timeline li:last-child{border-left:0}.timeline span{font-size:2rem;color:var(--gold)}.timeline p{color:var(--muted)}.testimonials{background:#111}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quote-grid blockquote{margin:0;padding:30px;background:var(--panel);border-right:3px solid var(--gold);font-size:1.2rem}.source-note{color:#8d867d;font-size:.82rem;margin-top:18px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-visual{position:relative}.about-visual img{aspect-ratio:4/5;object-fit:cover}.about-badge{position:absolute;bottom:20px;right:-20px;background:var(--gold);color:#111;padding:18px 22px;font-weight:700;line-height:1.4}.about-copy p{color:var(--muted)}.tools{padding-top:0}.tools-wrap{display:flex;flex-wrap:wrap;gap:12px}.tools-wrap span{border:1px solid var(--line);padding:10px 16px;color:#d9d1c7}.narrow{max-width:850px}.accordion details{border-bottom:1px solid var(--line);padding:20px 0}.accordion summary{cursor:pointer;font-weight:700;font-size:1.12rem}.accordion p{color:var(--muted)}.cta-section{padding:40px 0 110px}.cta-card{background:linear-gradient(135deg,#1f1b15,#121212);border:1px solid rgba(198,164,106,.4);padding:55px;display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center}.cta-card p{color:var(--muted)}.cta-actions{display:grid;gap:12px}.cta-actions small{color:#9e968b}.site-footer{border-top:1px solid var(--line);padding:50px 0 25px;background:#080808}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-grid p{color:var(--muted)}.footer-links{display:flex;gap:18px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#777;font-size:.85rem}.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:90;background:#1fa855;color:white;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);font-weight:700}.lightbox{padding:0;border:0;background:transparent;max-width:min(94vw,1400px);max-height:94vh}.lightbox::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(5px)}.lightbox img{max-height:90vh;object-fit:contain}.lightbox-close{position:fixed;top:20px;left:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#000;font-size:1.7rem;cursor:pointer}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu-toggle{display:block}.main-nav{position:fixed;top:76px;right:20px;left:20px;display:none;flex-direction:column;align-items:stretch;background:#111;padding:24px;border:1px solid var(--line)}.main-nav.open{display:flex}.hero-content{margin:0 auto;width:var(--container)}.proof-grid{grid-template-columns:repeat(2,1fr)}.two-col,.about-grid,.cta-card,.project.featured{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}.projects-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.project-image img{max-height:520px;width:100%;object-fit:cover}}
@media(max-width:600px){:root{--container:min(100% - 28px,1180px)}.nav-wrap{height:74px}.brand small{display:none}.hero h1{font-size:2.45rem}.hero{min-height:820px}.hero-overlay{background:linear-gradient(to top,rgba(7,7,7,.96),rgba(7,7,7,.3)),linear-gradient(90deg,rgba(7,7,7,.15),rgba(7,7,7,.72))}.section{padding:78px 0}.proof-grid,.cards-grid,.timeline,.quote-grid{grid-template-columns:1fr}.proof-grid div{border-left:0;border-bottom:1px solid var(--line)}.two-col{gap:35px}.service-card{padding:24px}.project-copy,.project-card-copy{padding:24px}.project-card img{height:230px}.cta-card{padding:30px 22px}.hero-actions .btn{width:100%}.about-badge{right:10px}.whatsapp-float{left:14px;bottom:14px}.scroll-cue{display:none}}