@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--green:#576b30;--ink:#333;--muted:#777;--paper:#fff;--soft:#f6f6f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:IBM Plex Sans Arabic,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.header{z-index:20;background:#fff;border-bottom:1px solid #eee;height:80px;position:sticky;top:0;box-shadow:0 2px 10px #0000000b}.header-inner{justify-content:space-between;align-items:center;max-width:1440px;height:100%;margin:auto;padding:0 24px;display:flex}.logo{object-fit:contain;max-width:145px;height:56px}.header-actions{align-items:center;gap:24px;display:flex}.icon-btn{color:var(--green);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover{background:#f3f5ef}.icon-btn svg{width:23px;height:23px}.menu-panel{background:#fff;width:min(560px,100%);padding:48px 32px 32px;transition:transform .25s;position:fixed;top:80px;bottom:0;right:0;transform:translate(105%);box-shadow:-10px 0 30px #00000018}.menu-panel.open{transform:translate(0)}.menu-panel nav{gap:24px;display:grid}.menu-panel nav a{font-size:1.35rem;font-weight:500;transition:color .2s}.menu-panel nav a:hover,.footer a:hover{color:var(--green)}.socials{border-top:1px solid #eee;gap:12px;margin-top:48px;padding-top:28px;display:flex}.socials a{background:#efefef;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:grid}.search-box{z-index:21;background:#f6f6f6;border-radius:30px;padding:8px 12px;display:none;position:fixed;top:80px;right:80px}.search-box.open{display:flex}.search-box input{background:0 0;border:0;outline:0;width:min(360px,60vw);padding:8px}.hero{background:url(/assets/images/pages/index/bg-home.webp) 50%/cover;height:calc(100vh - 80px);min-height:560px;position:relative}.hero:after,.image-card:after,.banner:after{content:"";background:linear-gradient(#0000 55%,#000b);position:absolute;inset:0}.hero h1{z-index:1;color:#fff;max-width:600px;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.2;position:absolute;bottom:10%;left:5%}.section{padding:80px max(24px,5vw)}.section.soft{background:#fafafa}.split{grid-template-columns:2fr 1fr;align-items:center;gap:32px;max-width:1440px;margin:auto;display:grid}.split.reverse{grid-template-columns:1fr 2fr}.cover{object-fit:cover;border-radius:8px;width:100%;height:400px}.copy-card{background:#fff;border-radius:8px;padding:36px;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.8;box-shadow:0 8px 24px #00000010}.banner{color:#fff;background:50%/cover;align-items:center;min-height:560px;padding:80px max(24px,7vw);display:flex;position:relative}.banner>*{z-index:1;max-width:660px;position:relative}.banner h1{margin:0 0 28px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.banner p{font-size:1.15rem;line-height:1.8}.link{color:var(--green);align-items:center;gap:10px;font-weight:500;display:inline-flex}.banner .link{color:#fff}.gallery{grid-template-columns:1.2fr 1fr;gap:0;max-width:1440px;margin:auto;display:grid}.gallery-main{object-fit:cover;width:100%;min-height:500px}.gallery-copy{flex-direction:column;justify-content:center;padding:60px 48px;display:flex;box-shadow:0 5px 22px #00000010}.gallery-copy p{color:#999;font-size:1.4rem;line-height:1.8}.tiles{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.image-card{background:#333;min-height:420px;position:relative;overflow:hidden}.image-card img{object-fit:cover;width:100%;height:100%;min-height:420px;transition:transform .35s}.image-card:hover img{transform:scale(1.06)}.image-card div{z-index:1;color:#fff;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}.image-card h3{margin:0;font-size:1.5rem}.section-title{text-align:center;margin:0 0 40px;font-size:2.5rem}.page-heading{max-width:1440px;margin:auto;padding:96px max(24px,5vw) 42px}.page-heading h1{color:#252525;letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,6vw,5rem)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;max-width:1440px;margin:0 auto 96px;padding:0 max(24px,5vw);display:grid}.project-card{min-width:0;display:block}.project-card-image{aspect-ratio:1.42;background:#eee;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-image span{color:#fff;z-index:1;font-size:1.1rem;font-weight:600;position:absolute;bottom:16px;left:18px}.project-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0009);position:absolute;inset:0}.project-card-meta{border-bottom:1px solid #ddd;justify-content:space-between;align-items:baseline;gap:18px;padding:17px 2px 0;display:flex}.project-card-meta h3{letter-spacing:.02em;margin:0 0 15px;font-size:1.08rem}.project-card-meta span{color:var(--green);white-space:nowrap;font-size:.82rem}.project-grid>img{aspect-ratio:1.35;object-fit:cover;background:#eee;width:100%;height:auto;display:block}.service-list{gap:2px;display:grid}.service-row{background:#f4f4f4;grid-template-columns:1fr 1fr;min-height:340px;display:grid}.service-row:nth-child(2n){direction:rtl}.service-row img{object-fit:cover;width:100%;height:100%;min-height:340px}.service-row div{flex-direction:column;justify-content:center;padding:50px;display:flex}.service-row h2{margin:0 0 16px;font-size:2rem}.team{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1200px;margin:0 auto 96px;padding:0 max(24px,5vw);display:grid}.team article{background:#f7f7f5;overflow:hidden}.team-image{aspect-ratio:1.1;background:#e9e9e6;overflow:hidden}.team img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .45s;display:block}.team article:hover img{transform:scale(1.035)}.team-copy{padding:24px 26px 28px}.team-copy span{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.team-copy h2{margin:8px 0;font-size:1.4rem}.team-copy p{color:var(--muted);margin:0;line-height:1.6}.contact{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:stretch;gap:0;max-width:1200px;margin:0 auto 96px;padding:0 max(24px,5vw);display:grid}.contact img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:420px;display:block}.contact-info{background:#f5f5f2;flex-direction:column;justify-content:center;padding:54px 48px;line-height:2;display:flex}.contact-info h2{margin:0 0 18px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2}.contact-info p{color:#666}.contact-info .link{margin-top:8px}.footer{border-top:1px solid #eee;padding:64px max(24px,5vw)}.footer-grid{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1440px;margin:auto;display:grid}.footer h2{margin:0 0 20px;font-size:1.2rem}.footer p,.footer a{color:#666;line-height:1.8;display:block}.no-script{text-align:center;color:#fff;background:#222;padding:20px}@media (width<=800px){.split,.split.reverse,.gallery,.contact,.service-row,.tiles,.project-grid,.team{grid-template-columns:1fr}.section{padding:56px 20px}.cover{height:300px}.gallery-copy{padding:32px 24px}.footer-grid{grid-template-columns:1fr 1fr}.service-row:nth-child(2n){direction:ltr}.page-heading{padding-top:62px;padding-bottom:30px}.project-grid,.team,.contact{margin-bottom:64px}.project-card-image{aspect-ratio:1.45}.team-image{aspect-ratio:1.25}.contact img{min-height:280px;max-height:380px}.contact-info{padding:34px 26px}}@media (width<=480px){.header-inner{padding:0 16px}.header-actions{gap:8px}.footer-grid{grid-template-columns:1fr}.hero{min-height:470px}}