:root{--gold:#ab783d;--gold-light:#d4ad7d;--brown:#422f28;--ink:#322a26;--cream:#f7f4ee;--line:#e5dfd5;--gray:#756e67;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button{color:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}h2{font-size:40px;font-weight:700;letter-spacing:-.7px}h3{font-size:22px}p{color:var(--gray)}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.eyebrow{display:block;color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.2px;margin-bottom:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;padding:13px 27px;background:var(--gold);color:#fff;font-weight:700;border:1px solid var(--gold);font-size:16px;transition:background .2s,transform .2s}.button:hover{background:#8b5c2b;transform:translateY(-2px)}.button span,.text-link span{font-size:24px;line-height:1}.button-dark{background:var(--brown);border-color:var(--brown)}.button-light{background:var(--cream);color:var(--brown);border-color:var(--cream)}.button-light:hover{background:#fff}.button-outline{background:transparent;border-color:#ffffff8c}.button-outline:hover{background:#ffffff15}.text-link{display:inline-flex;gap:28px;align-items:center;color:var(--gold);font-weight:700;border-bottom:1px solid #ab783d60;padding-block:8px}.text-link:hover{color:var(--brown)}.cream{background:var(--cream)}.muted{color:#8d8479}.topbar{background:var(--brown);color:#e8ddd0;font-size:12px;line-height:1;padding-block:12px}.topbar .container{display:flex;justify-content:space-between}.topbar a{letter-spacing:2px}.site-header{position:sticky;top:0;z-index:30;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:104px;gap:30px}.brand{flex-shrink:0}.brand img{width:110px;height:90px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:28px;align-items:center}nav a{font-weight:500;font-size:15px;position:relative;padding-block:38px}nav a:hover,nav a[aria-current]{color:var(--gold)}nav a[aria-current]:after{content:'';position:absolute;bottom:21px;right:0;width:22px;height:2px;background:var(--gold)}.header-profile{font-size:14px;border:1px solid var(--line);padding:10px 17px;white-space:nowrap;display:flex;gap:20px;align-items:center}.header-profile:hover{border-color:var(--gold)}.menu-toggle{display:none}.hero{height:650px;min-height:590px;position:relative;color:#fff;background:var(--brown);overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(25,20,16,.90),rgba(25,20,16,.55) 52%,rgba(25,20,16,.12)),linear-gradient(0deg,rgba(20,15,10,.5),transparent 40%)}.hero-content{position:relative;padding-top:95px}.hero .eyebrow{color:#e7c594}.hero h1{font-size:66px;line-height:1.4;max-width:760px;letter-spacing:-1.6px;font-weight:800}.hero h1 span{display:block;font-weight:400;color:#f1dfc5}.hero p{max-width:520px;color:#ded8cf;font-size:19px;margin-top:19px;line-height:1.9}.hero-buttons{display:flex;gap:16px;margin-top:32px}.hero-bottom{position:absolute;bottom:0;inset-inline:0;border-top:1px solid #ffffff30;font-size:13px;color:#e4dbd1}.hero-bottom .container{display:flex;align-items:center;justify-content:space-between;padding-block:19px}.hero-bottom a{display:flex;gap:40px}.intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:100px}.intro-copy p{margin-top:20px;font-size:16px}.intro-copy .text-link{margin-top:20px}.intro-visual{position:relative;margin:20px 24px 30px 0}.intro-visual>img{width:100%;height:490px;object-position:center}.visual-tag{position:absolute;bottom:-25px;right:-28px;padding:22px 32px;background:var(--brown);color:#fff;min-width:235px;z-index:2}.visual-tag span{display:block;font-size:13px;color:var(--gold-light)}.visual-tag strong{font-size:23px;font-weight:500}.outline-square{position:absolute;width:70%;height:75%;border:1px solid var(--gold-light);top:-20px;left:-20px;z-index:-1}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading>p{max-width:370px;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{padding:26px 25px 32px;background:var(--cream);position:relative;transition:background .2s}.service-card:hover{background:#fff}.card-num{font-size:13px;color:#a29584;display:block;font-family:Tajawal,Arial,sans-serif}.line-icon{font-size:55px;line-height:1.2;color:var(--gold);margin:28px 0 23px;font-weight:400}.service-card h3{font-size:21px;line-height:1.6;margin-bottom:14px;min-height:67px}.service-card p{font-size:14px;line-height:1.9}.card-arrow{display:block;margin-top:26px;color:var(--gold);font-size:25px}.section-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}.section-bottom>span{color:var(--gray);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 27px}.project-card{padding:0;background:none;border:none;text-align:right;min-width:0}.project-card[hidden]{display:none}.project-photo{height:320px;position:relative;overflow:hidden;background:var(--cream)}.project-photo img{height:100%;width:100%;transition:transform .6s}.project-card:hover img{transform:scale(1.045)}.project-open{position:absolute;bottom:0;left:0;background:var(--brown);color:#fff;font-size:25px;width:54px;height:54px;display:grid;place-items:center;transition:background .2s}.project-card:hover .project-open{background:var(--gold)}.photo-count{position:absolute;top:15px;right:15px;background:#322a26bb;backdrop-filter:blur(5px);color:#fff;font-size:12px;padding:4px 12px}.project-caption{padding-top:17px}.project-caption>span{font-size:12px;color:var(--gold)}.project-caption h3{font-size:23px;margin-top:4px}.quality-band{background:var(--brown);color:#fff;position:relative;overflow:hidden}.quality-band:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #d4ad7d18;transform:rotate(45deg);left:-150px;top:-40px;box-shadow:0 0 0 60px #d4ad7d08,0 0 0 120px #d4ad7d05}.quality-inner{padding-block:75px;max-width:850px;text-align:center;position:relative;z-index:1}.quality-inner .eyebrow{color:var(--gold-light)}.quality-inner h2{font-size:45px}.quality-inner p{color:#c6b9ac;max-width:650px;margin:20px auto 0}.quality-items{display:flex;justify-content:center;gap:40px;margin-top:35px;font-size:15px;color:#e5d4bf}.quality-items span:before{content:'✧';color:var(--gold-light);margin-left:12px}.profile-section{padding-block:65px;display:flex;gap:50px;align-items:center;justify-content:space-between}.profile-section h2{font-size:30px}.profile-section p{font-size:15px;margin-top:12px}.profile-section .button{flex-shrink:0}.cta{background:var(--gold);color:#fff;padding-block:65px}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta .eyebrow{color:#f0dcc1}.cta h2{font-size:43px}.cta p{color:#f4e8d9;margin-top:9px}footer{background:#f2eee7;padding-top:65px;font-size:15px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:90px;padding-bottom:55px}.footer-brand>img{width:138px;height:114px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:20px}.footer-brand p{font-size:14px;max-width:310px}.footer-top h2{font-size:18px;margin:20px 0 25px}.footer-top>div>a{display:block;width:fit-content;margin-bottom:9px}.footer-top a:hover{color:var(--gold)}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:14px}.footer-bottom{padding-block:20px;border-top:1px solid #ded5c9;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--gray)}.socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;direction:ltr;justify-content:flex-end}.socials a{height:36px;width:36px;display:grid;place-items:center;border:1px solid #d9cdbd;border-radius:50%;font-family:Arial,sans-serif;font-size:17px}.socials a:hover{background:var(--brown);color:#fff!important}.floating-whatsapp{position:fixed;bottom:23px;left:24px;background:#227953;color:#fff;z-index:35;display:grid;place-items:center;width:57px;height:57px;border-radius:50%;box-shadow:0 5px 22px #0002;border:3px solid #fff}.floating-whatsapp svg{width:31px;height:31px}.page-banner{padding-block:35px 65px;background:var(--cream);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-banner>.container{position:relative;z-index:1}.crumb{font-size:13px;color:#8b8073;display:flex;gap:16px;margin-bottom:40px}.crumb a:hover{color:var(--gold)}.page-banner h1{font-size:54px;font-weight:700}.page-banner p{margin-top:14px;font-size:18px}.page-banner .eyebrow{margin-bottom:10px}.blueprint{position:absolute;left:8%;bottom:-160px;width:360px;height:400px;border:1px solid #ab783d22;transform:rotate(-25deg);box-shadow:0 0 0 40px #ab783d08,0 0 0 80px #ab783d05}.about-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.long-copy p+p{margin-top:20px}.panoramic img{width:100%;height:350px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.vision-grid article+article{border-right:1px solid var(--line);padding-right:60px}.vision-grid h2{font-size:32px;margin:15px 0}.goals-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.goals{list-style:none;margin:0;padding:0}.goals li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.goals li:first-child{padding-top:0}.goals li>span{color:var(--gold);font-size:20px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.policy-grid article{border-top:1px solid var(--line);padding-top:25px}.policy-grid h3{margin:14px 0 12px}.policy-grid p{font-size:15px}.policy-mark{color:var(--gold);font-size:24px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:55px;border-bottom:1px solid var(--line);scroll-margin-top:100px}.service-detail:first-child{padding-top:0}.service-detail:last-child{border:none;padding-bottom:0}.service-detail:nth-child(even) .service-detail-copy{order:2}.service-detail img{height:320px;width:100%}.service-detail h2{font-size:34px}.service-detail p{margin:20px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.filter{padding:9px 23px;border:1px solid var(--line);background:#fff;font-size:15px}.filter:hover{border-color:var(--gold)}.filter.active{background:var(--brown);color:#fff;border-color:var(--brown)}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;align-items:start}.contact-layout .section-heading{margin-bottom:25px}.contact-line{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0}.contact-symbol{font-size:25px;color:var(--gold);width:45px}.contact-line div>span{display:block;color:var(--gray);font-size:14px}.contact-line strong{display:block;font-weight:500;font-size:23px}.contact-panel{background:var(--cream);padding:45px}.contact-panel h2{font-size:36px}.contact-panel>p{margin:15px 0 28px}.hours{border-top:1px solid var(--line);margin-top:35px;padding:28px 0}.hours h3{font-size:18px}.hours p{margin-top:12px;font-size:15px}.contact-panel .socials{justify-content:flex-end;margin-top:12px}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.quote-layout aside>p{margin:20px 0}.quote-steps{margin-block:35px}.quote-steps>div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;font-size:16px}.quote-steps span{color:var(--gold)}.quote-layout aside .text-link{font-size:14px;flex-wrap:wrap;gap:15px}form{padding:38px;border:1px solid var(--line);background:var(--cream)}.form-top{margin-bottom:28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.form-top h2{font-size:24px}.form-top>span{font-size:11px;color:var(--gray)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dcd5cc;background:#fff;border-radius:0;padding:12px 14px;color:var(--ink);font-size:15px;min-width:0}input,select{height:50px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a69d94;font-size:14px}.preview-note{margin-top:20px;padding:12px 15px;background:#eee6d9;font-size:13px;color:#65513a;border-right:3px solid var(--gold)}.form-privacy{font-size:12px;margin:15px 0}form .button{width:100%}#form-result{font-size:14px;margin-top:18px}#form-result:empty{display:none}.result-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:16px}.result-actions a{border-bottom:1px solid var(--gold);color:var(--brown);font-weight:700}.gallery-dialog{padding:26px;border:1px solid var(--line);width:min(1000px,94vw);max-height:92dvh;color:var(--ink);background:var(--cream)}.gallery-dialog::backdrop{background:#1a1410de;backdrop-filter:blur(5px)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.gallery-toolbar span{font-size:13px;color:var(--gold)}.gallery-toolbar h2{font-size:24px}.icon-button{background:#fff;border:1px solid var(--line);width:43px;height:43px;display:grid;place-items:center;font-size:26px;flex-shrink:0}.gallery-stage{display:flex;align-items:center;gap:14px;justify-content:space-between;background:#eae4da;padding:15px}.gallery-stage img{width:calc(100% - 115px);height:48dvh;object-fit:contain}.gallery-bottom{display:flex;gap:30px;justify-content:space-between;padding-block:16px}.gallery-bottom p{font-size:14px}.gallery-bottom span{font-size:13px;white-space:nowrap}#gallery-thumbs{display:flex;gap:10px;justify-content:center}#gallery-thumbs button{border:2px solid transparent;padding:2px;background:none}#gallery-thumbs button.active{border-color:var(--gold)}#gallery-thumbs img{height:55px;width:80px;object-fit:cover}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:var(--brown);color:#fff;padding:10px 20px}.skip-link:focus{top:10px}
@media(min-width:1600px){.hero{height:720px}.hero-content{padding-top:120px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}nav{gap:18px}nav a{font-size:14px}.header-profile{display:none}.intro{gap:55px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card h3{min-height:0}.footer-top{gap:45px}.contact-layout,.quote-layout{gap:50px}.service-detail{gap:60px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.section{padding-block:65px}h2{font-size:31px}.topbar{font-size:11px}.header-inner{height:85px;gap:20px}.brand img{width:92px;height:75px}.menu-toggle{display:flex;flex-direction:column;gap:7px;width:45px;height:42px;justify-content:center;align-items:center;border:1px solid var(--line);background:none}.menu-toggle span{width:20px;height:1px;background:var(--brown)}nav{display:none;position:absolute;top:85px;left:0;right:0;padding:15px 25px 25px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px 5px;font-size:17px}nav a[aria-current]:after{display:none}.hero{height:620px;min-height:0}.hero-content{padding-top:85px}.hero h1{font-size:46px;letter-spacing:-.8px}.hero p{font-size:17px;max-width:460px}.hero-shade{background:linear-gradient(270deg,#1b1612e8,#1b161290),linear-gradient(0deg,#1b161280,transparent)}.hero-buttons{gap:12px;flex-wrap:wrap}.button{padding:12px 20px;gap:24px;font-size:15px;min-height:53px}.hero-bottom{font-size:11px}.hero-bottom .container{gap:20px}.hero-bottom a{gap:15px}.intro{grid-template-columns:1fr;gap:40px}.intro-visual{margin:10px 16px 30px 12px}.intro-visual>img{height:400px;object-position:center 45%}.intro-copy p{font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:16px;max-width:none}.service-card{padding:22px}.service-card h3{font-size:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.project-photo{height:260px}.project-caption h3{font-size:20px}.quality-inner{padding-block:60px}.quality-inner h2{font-size:35px}.quality-items{gap:20px;font-size:13px;flex-wrap:wrap}.profile-section{padding-block:45px;align-items:start;flex-direction:column;gap:25px}.profile-section h2{font-size:28px}.cta{padding-block:48px}.cta-inner{align-items:start;flex-direction:column;gap:25px}.cta h2{font-size:35px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:430px}.footer-bottom{flex-direction:column;gap:6px;padding-bottom:35px}.footer-top h2{margin-top:0}.page-banner{padding-bottom:45px}.crumb{margin-bottom:25px}.page-banner h1{font-size:41px}.page-banner p{font-size:16px}.about-intro{grid-template-columns:1fr;gap:25px}.panoramic img{height:230px}.vision-grid{gap:30px}.vision-grid article+article{padding-right:30px}.vision-grid h2{font-size:28px}.vision-grid p{font-size:15px}.goals-layout{grid-template-columns:1fr;gap:30px}.policy-grid{grid-template-columns:1fr 1fr;gap:25px}.service-detail{gap:30px;padding-block:35px}.service-detail img{height:270px}.service-detail h2{font-size:28px}.service-detail p{font-size:15px}.contact-layout,.quote-layout{grid-template-columns:1fr;gap:45px}.contact-panel{padding:30px}.quote-layout aside>p{max-width:550px}.quote-steps{margin-block:25px}.floating-whatsapp{bottom:17px;left:17px;width:52px;height:52px}.gallery-dialog{padding:16px}.gallery-toolbar h2{font-size:20px}.gallery-stage{padding:8px;gap:7px}.gallery-stage .icon-button{width:34px;height:40px}.gallery-stage img{width:calc(100% - 85px);height:40dvh}.gallery-bottom{gap:15px}.gallery-bottom p{font-size:13px}}
@media(max-width:480px){.hero{height:610px}.hero-content{padding-top:80px}.hero h1{font-size:39px}.hero .eyebrow{font-size:12px}.hero p{font-size:16px}.hero-buttons .button{gap:18px;padding-inline:17px}.hero-bottom .container>span{max-width:130px}.service-grid{grid-template-columns:1fr}.service-card{padding:22px 24px}.line-icon{margin-block:12px;font-size:44px}.service-card .card-num{position:absolute;left:24px;top:30px}.service-card h3{font-size:22px;margin-bottom:10px}.service-card p{font-size:15px}.card-arrow{margin-top:15px}.project-grid{grid-template-columns:1fr;gap:30px}.project-photo{height:310px}.project-caption h3{font-size:23px}.section-bottom{align-items:start;flex-direction:column;gap:12px}.quality-items{gap:13px}.quality-items span:before{margin-left:5px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-nav{max-width:300px}.footer-top>div:last-child{padding-bottom:15px}.vision-grid{grid-template-columns:1fr}.vision-grid article+article{border-right:none;border-top:1px solid var(--line);padding-right:0;padding-top:25px}.policy-grid{grid-template-columns:1fr}.service-detail{grid-template-columns:1fr;gap:25px}.service-detail:nth-child(even) .service-detail-copy{order:0}.service-detail img{height:250px}.filters{gap:8px}.filter{padding:7px 16px;font-size:14px}.contact-line strong{font-size:21px}.contact-line{gap:15px}.contact-panel h2{font-size:31px}form{padding:23px 18px}.form-grid{grid-template-columns:1fr}.form-top{align-items:start;flex-direction:column;gap:4px}.form-top h2{font-size:25px}.gallery-stage img{height:35dvh}.hero-bottom a{font-size:11px}.page-banner h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}