@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&display=swap');:root{--ink:#172126;--sand:#d5a245;--rust:#a5562e;--cream:#f7f4ee;--line:#e3dfd5;--muted:#667176;--shadow:0 18px 44px rgba(29,35,33,.12)}*{box-sizing:border-box}body{margin:0;font-family:Alexandria,sans-serif;color:var(--ink);line-height:1.75;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:#172126;color:#e8e6de;font-size:.72rem}.top .container{height:39px;display:flex;justify-content:space-between;align-items:center}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{width:142px}.links{display:flex;gap:26px;font-size:.81rem;font-weight:600}.links a:hover,.links .active{color:var(--rust)}.btn{padding:13px 21px;background:var(--rust);color:#fff;border:0;font:700 .77rem Alexandria;border-radius:2px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #a5562e44}.btn.light{background:transparent;border:1px solid #fff}.menu{display:none;border:0;background:none;font-size:1.4rem}.hero{min-height:640px;position:relative;background:#222;overflow:hidden;color:#fff}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:.65s}.slide.active{opacity:1}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,27,28,.92),rgba(18,27,28,.5),rgba(18,27,28,.16))}.slide:nth-child(1){background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=85')}.slide:nth-child(2){background-image:url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1800&q=85')}.slide:nth-child(3){background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85')}.hero .container{position:relative;z-index:2;padding-top:145px}.label{color:var(--sand);font-size:.73rem;font-weight:800;letter-spacing:.09em}.hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.15;max-width:680px;margin:16px 0}.hero p{max-width:560px;color:#e4e5dd;font-size:.95rem}.hero .btn{margin-top:22px}.dots{position:absolute;z-index:3;bottom:38px;right:calc((100% - min(1180px,calc(100% - 40px)))/2);display:flex;gap:9px}.dot{width:38px;height:3px;border:0;background:#fff8;cursor:pointer}.dot.active{background:var(--sand)}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:100px 0}.intro h2,.heading h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3;margin:10px 0}.intro p,.heading p{color:var(--muted);font-size:.84rem}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.numbers b{font-size:1.7rem;color:var(--rust);display:block}.numbers span{font-size:.67rem;color:var(--muted)}.photo{height:415px;background:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1100&q=85') center/cover;position:relative}.photo:after{content:'من الفكرة إلى التسليم';position:absolute;bottom:0;left:0;background:var(--sand);color:#222;padding:14px 22px;font-weight:700;font-size:.82rem}.section{padding:95px 0}.soft{background:var(--cream)}.heading{text-align:center;max-width:700px;margin:0 auto 44px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.service{background:#fff;padding:29px 24px;min-height:240px}.service b{font-size:2rem;color:var(--sand);display:block;margin-bottom:25px}.service h3{font-size:.96rem}.service p{font-size:.75rem;color:var(--muted)}.service a{color:var(--rust);font-size:.75rem;font-weight:700}.projects{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:230px 230px;gap:16px}.project{position:relative;overflow:hidden;background:#333}.project:first-child{grid-row:span 2}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.08)}.project div{position:absolute;bottom:0;right:0;left:0;padding:18px;background:linear-gradient(transparent,#111d);color:#fff}.project small{color:#f6c35f}.project h3{font-size:.86rem;margin:2px 0}.dark{background:#172126;color:#fff}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{border-top:2px solid var(--sand);padding-top:15px}.step b{color:var(--sand);font-size:.75rem}.step h3{font-size:.95rem}.step p{font-size:.72rem;color:#c4ccca}.quote{padding:55px;background:#b86332;color:#fff;text-align:center}.quote h2{font-size:clamp(1.7rem,3vw,2.6rem);max-width:700px;margin:10px auto}.quote p{font-size:.83rem}.footer{background:#10191b;color:#aeb9b7;padding:54px 0 18px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}.footer img{width:140px;background:white;border-radius:5px;padding:4px}.footer p,.footer a{font-size:.7rem}.footer h4{color:#fff;font-size:.82rem}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.copy{text-align:center;border-top:1px solid #ffffff1a;margin-top:35px;padding-top:15px;font-size:.65rem}.page-head{padding:85px 0;background:var(--cream);text-align:center}.page-head h1{font-size:clamp(2rem,4vw,3.3rem);margin:8px 0}.page-head p{color:var(--muted);font-size:.83rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid var(--line);padding:26px}.card h3{margin-top:0;font-size:1rem}.card p{font-size:.78rem;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr .8fr;gap:35px}.form{display:grid;gap:12px}.form input,.form textarea{padding:13px;border:1px solid var(--line);font-family:inherit}.form textarea{min-height:120px}.notice{display:none;background:#e5f5e7;padding:10px;color:#277340;font-size:.75rem}.notice.show{display:block}@media(max-width:900px){.links{display:none;position:absolute;z-index:8;top:127px;right:0;left:0;background:#fff;flex-direction:column;padding:22px}.links.open{display:flex}.menu{display:block}.intro,.contact{grid-template-columns:1fr;gap:35px}.services{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.top .container{justify-content:center}.top span:last-child{display:none}.nav{height:74px}.services,.projects,.process,.footer-grid,.grid2{grid-template-columns:1fr}.project:first-child{grid-row:auto}.project{height:230px}.hero .container{padding-top:105px}.section,.intro{padding:65px 0}.numbers{gap:12px}.dots{right:20px}}