:root{--ink:#171b19;--gold:#9b783c;--paper:#faf9f6;--line:#e1dfd8;--muted:#646861}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.8 Tajawal,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%;display:block}button,a,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #bd9754}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-100px;z-index:20;background:white;padding:15px}.skip-link:focus{top:0}.home-hero{position:relative;isolation:isolate;min-height:740px;color:white;background:var(--ink);display:flex;flex-direction:column;touch-action:pan-y}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-image{object-fit:cover;object-position:center 45%}.hero-overlay{background:linear-gradient(270deg,#08110dda,#08110d40),linear-gradient(0deg,#08110de0,transparent 70%)}.navbar{border-bottom:1px solid #ffffff25}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px;position:relative}.brand img{width:158px;height:78px;object-fit:contain;filter:brightness(0) invert(1)}.links{display:flex;gap:24px;align-items:center;font-size:15px}.links a:hover{color:#e3c68e}.links a:last-child{font-size:14px;border:1px solid #ffffff50;padding:5px 12px}.menu-button{display:none;color:white;background:transparent;border:1px solid #ffffff70;padding:6px 15px}.hero-content{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;padding-block:90px 75px;flex:1}.brand-name{font-size:clamp(40px,5.2vw,70px);font-weight:900;line-height:1.3;display:block;margin-bottom:16px}.hero-stack h1{font-size:clamp(24px,2.7vw,38px);line-height:1.4;font-weight:500;color:#ead4aa;margin-bottom:22px}.hero-stack>p{max-width:580px;font-size:19px;color:#e1e4de}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 23px;border:1px solid transparent;font-weight:700;gap:16px}.gold{background:var(--gold);color:white}.outline{background:#0001;border-color:#ffffff80;color:white}.dark{background:var(--ink);color:white}.hero-project{padding:28px;border-right:2px solid #c6a264;background:#101a16b5;backdrop-filter:blur(5px)}.hero-project h2{font-size:28px;line-height:1.4;margin-bottom:10px}.hero-project p{font-size:15px;color:#d2d7cf}.eyebrow{display:block;font-size:14px;color:var(--gold);font-weight:700;margin-bottom:12px}.hero-project .eyebrow,.hero-project .text-link{color:#e0c28b}.text-link{text-decoration:underline;text-underline-offset:6px;color:#795821}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid #ffffff3a;font-size:14px;color:#d6ddd7}.hero-controls{display:flex;gap:20px;align-items:center}.hero-controls button{width:44px;border:1px solid #ffffff60;color:white;background:transparent;font-size:22px}.demo-banner{text-align:center;padding:8px 20px;background:#fff1d3;color:#73531a;font-size:14px}.portfolio-strip{padding:0;background:var(--ink);color:white}.portfolio-stats{display:grid;grid-template-columns:repeat(4,1fr)}.portfolio-stats>div{padding:30px 25px;border-inline-start:1px solid #ffffff20}.portfolio-stats>div:first-child{border:0}.portfolio-stats strong{font-size:36px;line-height:1.2;display:block}.portfolio-stats span{font-size:14px;color:#d3d7d0}section{padding-block:76px}.section-title{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.section-title h2,.about h2,.faq h2,.contact-copy h2{font-size:clamp(30px,3.4vw,44px);line-height:1.4;margin:0}.section-title>p{max-width:430px;margin:0;color:var(--muted)}.project-filters{padding:24px;background:white;border:1px solid var(--line);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.project-filters label{display:grid;gap:5px;font-size:14px}.project-filters .search-field{grid-column:span 2}.project-filters input,.project-filters select{border:1px solid var(--line);padding:10px;width:100%;background:var(--paper);min-height:47px;font-size:16px;color:var(--ink)}.project-filters .check{grid-column:span 3;display:flex;gap:10px;align-items:center}.check input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--gold)}.reset-button{justify-self:end;background:transparent;color:#785921;border:0;text-decoration:underline;grid-column:span 2}.results-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-block:24px;font-size:14px}.results-header p{margin:0;color:var(--muted)}.view-switch{display:flex;border:1px solid var(--line)}.view-switch button{padding:6px 18px;border:0;background:white}.view-switch [aria-pressed=true]{background:var(--ink);color:white}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.catalog-card{background:white;border:1px solid var(--line);min-width:0}.catalog-card .managed-gallery{height:360px;min-height:0}.card-body{padding:26px;display:flex;flex-direction:column;gap:12px}.card-body h3{font-size:28px;line-height:1.35;margin:0}.card-status{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:#715322}.card-status>span{padding:2px 9px;background:#f1ede4}.card-status .featured-badge{background:#171b19;color:white}.card-body p{margin:0}.card-location,.card-counts{font-size:15px;color:var(--muted)}.card-counts{display:flex;gap:24px;border-bottom:1px solid var(--line);padding-bottom:12px}.card-price{font-size:23px;font-weight:700}.card-description{font-size:16px;color:var(--muted)}.card-demo{font-size:14px;color:#806022}.card-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.card-links>button{background:white;border:1px solid var(--line);padding:8px 16px}.card-links .map-link{font-size:14px;color:#745522}.catalog-grid.list-view{grid-template-columns:1fr}.list-view .catalog-card{display:grid;grid-template-columns:1fr 1.3fr}.list-view .managed-gallery{height:100%;min-height:380px}.catalog-empty{grid-column:1/-1;padding:50px;text-align:center;background:white;border:1px solid var(--line)}.about{background:#eeeae2}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.about h2{margin-bottom:24px}.about p{color:#5d615a;font-size:18px}.logo-panel{padding:30px}.logo-panel img{width:100%;max-width:420px;margin:auto;background:transparent}.vision{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-block:25px}.vision h3{font-size:20px;color:#81612a;margin:0 0 10px}.vision p{font-size:16px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.journey article{padding-block:22px;border-top:1px solid var(--line)}.journey span{color:var(--gold);font-size:22px}.journey h3{font-size:23px;margin:14px 0}.journey p{color:var(--muted)}.faq{background:#eeece5}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-grid>div>p{margin-top:20px;color:var(--muted)}.faq details{border-bottom:1px solid #d0d0c6;padding:18px 0}.faq summary{font-weight:700;font-size:18px;cursor:pointer}.faq details p{padding-top:15px;margin:0;color:#575e54}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-copy{padding:35px 0}.contact-copy h2{margin-bottom:24px}.contact-copy>p{color:var(--muted);max-width:440px}.contact-copy>a{display:block;overflow-wrap:anywhere}.contact-copy .contact-number{font-size:36px;color:#89652d;font-weight:700;margin-top:30px}.inquiry-form{display:grid;gap:14px;background:white;padding:30px;border:1px solid var(--line)}.inquiry-form h3{font-size:25px;margin:0}.inquiry-form label{display:grid;font-size:14px;gap:5px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{padding:10px;border:1px solid #d6d8d0;background:white;width:100%;font-size:16px;color:var(--ink)}.inquiry-form textarea{min-height:85px;resize:vertical}.inquiry-form .check{display:flex;align-items:center;gap:10px}.inquiry-form #formStatus{font-size:15px;margin:0;color:#695022}footer{background:#101613;color:#c9d0c8;padding:50px 0 90px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;font-size:14px}.footer-grid h3{color:white;font-size:17px}.footer-grid a,.footer-grid button{display:block;margin:7px 0}.footer-grid button{background:transparent;border:0;color:inherit;padding:0;text-align:right;min-height:30px}.footer-logo{width:190px;filter:brightness(0) invert(1);margin-bottom:12px}.copyright{border-top:1px solid #ffffff25;padding-top:20px;margin-top:30px;font-size:14px}.floating-contact{position:fixed;bottom:20px;left:20px;z-index:8;display:flex;box-shadow:0 4px 22px #0003}.floating-contact button{border:0;background:var(--gold);color:white;padding:10px 18px;font-weight:700}.floating-contact a{display:flex;align-items:center;padding:10px 18px;background:var(--ink);color:white;font-size:14px}dialog{width:min(540px,94vw);max-height:92dvh;padding:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#08120ccc}.close-dialog{display:block;margin-inline-start:auto;background:transparent;border:0;font-size:15px;padding:4px 12px}.dialog-open{overflow:hidden}dialog .inquiry-form{border:0;padding:10px;background:transparent}
@media(max-width:1000px){.links{gap:12px;font-size:14px}.hero-content{gap:30px;grid-template-columns:1.3fr 1fr}.project-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.project-filters .check{grid-column:span 2}.reset-button{grid-column:span 1}.about-grid,.faq-grid,.contact-grid{gap:35px}.journey{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.container{width:calc(100% - 32px)}.menu-button{display:block}.links{display:none}.links.is-open{display:flex;position:absolute;top:80px;inset-inline:0;background:#151d18;z-index:9;padding:20px;flex-direction:column;align-items:stretch;border:1px solid #ffffff35;gap:14px}.nav-inner{min-height:80px}.brand img{width:140px;height:68px}.hero-content{grid-template-columns:1fr;padding-block:44px 30px;gap:36px}.home-hero{min-height:720px}.hero-project{padding:18px 22px}.hero-project h2{font-size:24px}.hero-project p{margin-bottom:5px}.hero-bottom>span{display:none}.hero-bottom{font-size:14px}.brand-name{font-size:45px}.hero-stack h1{font-size:27px}.hero-stack>p{font-size:17px}.portfolio-stats{grid-template-columns:repeat(2,1fr)}.portfolio-stats>div{padding:22px 18px}.portfolio-stats strong{font-size:30px}.section-title{display:block}.section-title>p{margin-top:18px}.catalog-grid,.about-grid,.contact-grid,.faq-grid{grid-template-columns:1fr}.catalog-card .managed-gallery{height:340px}.list-view .catalog-card{grid-template-columns:1fr}.list-view .managed-gallery{min-height:0;height:260px}.about-grid{gap:20px}.logo-panel{max-width:300px;margin:auto}.project-filters{grid-template-columns:1fr 1fr;padding:18px;gap:12px}.project-filters .search-field{grid-column:1/-1}.project-filters .check{grid-column:1/-1}.reset-button{grid-column:1/-1}.vision{gap:20px}.journey{gap:20px}.journey h3{font-size:21px}.faq-grid{gap:25px}section{padding-block:50px}.portfolio-strip{padding:0}.contact-copy{padding:0}.inquiry-form{padding:22px}.footer-grid{gap:28px 20px}.floating-contact{bottom:12px;left:12px}.floating-contact button,.floating-contact a{padding:10px 14px}.card-body{padding:22px}.card-body h3{font-size:25px}.catalog-empty{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}