:root{color-scheme:dark;--bg:#1b1020;--surface:#25162c;--panel:#2e1b36;--gold:#e8bb71;--text:#f7edf8;--muted:#d2bfd5;--line:#ac7ca54d}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.85 "Noto Sans Arabic",Tahoma,sans-serif}
h1,h2,p,figure{margin:0}
h1,h2{line-height:1.42;font-weight:800}
h1{font-size:clamp(42px,5.2vw,76px)}
h2{font-size:clamp(22px,2.6vw,31px)}
em{font-style:normal;color:var(--gold)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
img{display:block;width:100%;object-fit:cover}
.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.skip{position:fixed;inset:8px auto auto 8px;background:var(--gold);color:var(--bg);padding:6px 12px;z-index:5;transform:translateY(-160%)}
.skip:focus{transform:none}
.site-header{background:#211327;border-bottom:1px solid var(--line)}
.header-inner,.brand,.actions,.footer-inner{display:flex;align-items:center}
.header-inner,.footer-inner{justify-content:space-between;gap:20px}
.header-inner{min-height:87px}
.brand{gap:12px;font-size:22px;font-weight:800;line-height:1.35;white-space:nowrap}
.brand img{width:64px;height:53px;object-fit:contain}
.brand small{display:block;color:var(--gold);font-size:11px;font-weight:700}
nav{display:flex;flex-wrap:wrap;gap:clamp(15px,3vw,38px);font-weight:700;font-size:14px}
nav a{position:relative;padding:6px 0;color:var(--muted)}
nav a:hover,nav a[aria-current="page"]{color:var(--gold)}
nav a[aria-current="page"]::after{content:"";height:1px;background:currentColor;position:absolute;inset:auto 0 1px}
.location{font-size:13px;color:var(--gold);border:1px solid var(--line);padding:4px 17px}
main{min-height:calc(100svh - 166px)}
.hero{display:grid;grid-template-columns:1fr 1.12fr;grid-template-areas:"copy photo";min-height:600px;background:radial-gradient(ellipse at 85% 10%,#3c2050,var(--bg) 64%);border-bottom:1px solid var(--line)}
.hero-photo{grid-area:photo;position:relative;min-height:600px;background:#342137}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-position:center}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,#26163068,transparent 35%);pointer-events:none}
.hero-content{grid-area:copy;align-self:center;padding:52px max(40px,calc((100vw - 1240px)/2)) 62px 28px}
.eyebrow{color:var(--gold);font-weight:800;font-size:14px;margin-bottom:12px}
.lede{color:var(--muted);font-size:clamp(16px,1.6vw,19px);max-width:53ch;margin-top:18px}
.actions{margin-top:28px;gap:22px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:13px;padding:10px 19px;background:var(--gold);color:#231427;font-weight:800;font-size:14px}
.button:hover{background:#f9d89c}
.text-link{font-size:14px;color:var(--gold);font-weight:800;text-underline-offset:5px}
.text-link:hover{text-decoration:underline}
.image-label,figcaption{position:absolute;bottom:12px;left:12px;background:#241429e8;color:var(--text);padding:2px 9px;font-size:11px;z-index:1}
.home-links{display:grid;grid-template-columns:repeat(3,1fr);padding-block:30px 48px;gap:14px}
.home-links a{position:relative;border:1px solid var(--line);background:var(--surface);padding:16px 20px 18px 43px}
.home-links a:hover{background:var(--panel);border-color:var(--gold)}
.home-links span{display:block;color:var(--muted);font-size:12px}
.home-links strong{display:block;font-size:20px}
.home-links i{position:absolute;inset:21px auto auto 17px;color:var(--gold);font-style:normal}
.page-section,.split{padding-block:56px 72px}
.page-intro{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:27px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split p:not(.eyebrow){color:var(--muted);margin-top:18px}
.split .button{margin-top:24px}
figure{position:relative}
.split img{height:510px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-grid article,.material-grid article,.warranty{background:var(--surface);border:1px solid var(--line)}
.service-grid img{height:265px}
.service-grid article>div,.material-grid article,.warranty{padding:20px 23px}
.service-grid p,.material-grid p,.warranty p{color:var(--muted);margin-top:8px}
.service-grid .text-link{display:inline-block;margin-top:12px}
.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.material-grid dl{margin:16px 0 0}
.material-grid dt{font-weight:800;color:var(--gold);padding-top:10px;border-top:1px solid var(--line)}
.material-grid dd{margin:2px 0 11px;color:var(--muted)}
.finishes{display:flex;gap:10px;flex-wrap:wrap}
.finishes bdi{border:1px solid var(--line);padding:0 8px}
.warranty{margin-top:18px;border-inline-start:3px solid var(--gold)}
footer{border-top:1px solid var(--line);background:#211327}
.footer-inner{min-height:78px;color:var(--muted);font-size:13px}
.footer-inner nav{font-size:12px}
@media(max-width:850px){.shell{width:calc(100% - 42px)}.hero-content{padding-inline:24px}.hero,.hero-photo{min-height:505px}.split{gap:29px}.service-grid img{height:180px}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;gap:8px;padding-block:9px}.header-inner nav{width:100%;order:3;border-top:1px solid var(--line);justify-content:space-between;gap:6px;font-size:12px}.brand img{width:49px;height:43px}.brand{font-size:19px}.hero{grid-template-columns:1fr;grid-template-areas:"copy" "photo";min-height:0}.hero-content{padding:35px 16px 30px}.hero-photo{min-height:310px}.hero-photo::after{background:linear-gradient(#26163050,transparent 32%)}.home-links,.split,.service-grid,.material-grid{grid-template-columns:1fr}.home-links{padding-block:20px 35px;gap:9px}.page-section,.split{padding-block:29px 42px}.split img{height:330px}.service-grid img{height:235px}.footer-inner{padding-block:14px;align-items:flex-start;flex-direction:column;gap:5px}}
@media(min-width:641px){.hero h1{font-size:clamp(42px,4.45vw,68px)}}

.home-feature{padding-block:54px 46px}
.section-top,.compare-inner{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.feature-grid,.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature-grid a{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line)}
.feature-grid img{height:350px;transition:transform .35s ease}
.feature-grid a:hover img{transform:scale(1.04)}
.feature-grid a::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#1b1020f5);pointer-events:none}
.feature-grid span{position:absolute;z-index:1;inset:auto 21px 17px auto}
.feature-grid small{display:block;color:#eed4b1}
.feature-grid strong{font-size:24px}
.caption{font-size:12px;color:var(--muted);margin-top:8px}
.home-compare{border-top:1px solid var(--line);background:var(--surface);padding-block:34px}
.compare-inner{align-items:center;margin-bottom:0}
.compare-inner p{color:var(--muted);margin-top:9px}
.compare-inner .button{flex-shrink:0}
.gallery-grid figure{border:1px solid var(--line)}
.gallery-grid img{height:clamp(240px,33vw,415px)}
.service-detail{margin:22px 0 0}
.service-detail dt{color:var(--gold);font-weight:800;border-top:1px solid var(--line);padding-top:8px}
.service-detail dd{margin:0 0 10px;color:var(--muted)}
.faq-list{max-width:820px}
.faq-list details{background:var(--surface);border:1px solid var(--line);padding:14px 18px;margin-bottom:10px}
.faq-list summary{cursor:pointer;font-weight:800}
.faq-list summary::marker{color:var(--gold)}
.faq-list details p{padding-top:9px;color:var(--muted)}
@media(max-width:900px){.header-inner nav{gap:14px}}
@media(max-width:700px){.header-inner nav{width:100%;order:3;border-top:1px solid var(--line);justify-content:flex-start;column-gap:16px;row-gap:0;font-size:12px}.header-inner{flex-wrap:wrap;padding-block:9px}.feature-grid,.gallery-grid{grid-template-columns:1fr}.feature-grid img{height:260px}.home-feature{padding-block:34px}.compare-inner{align-items:flex-start;flex-direction:column}.section-top{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.feature-grid img{transition:none}}

.footer-inner{min-height:94px}
.footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.footer-social a,.footer-social span{font-size:13px;color:var(--gold)}
.footer-social a:hover{text-decoration:underline}
.footer-social span[aria-disabled]{color:var(--muted)}
.gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.gallery-grid figure{grid-column:span 2}
.gallery-grid figure:first-child{grid-column:1/-1}
.gallery-grid figure:first-child img{height:clamp(275px,42vw,570px)}
.gallery-grid figure:not(:first-child) img{height:clamp(175px,21vw,310px)}
.admin{max-width:850px}
.admin fieldset{border:1px solid var(--line);padding:20px;margin:0 0 25px;background:var(--surface)}
.admin legend{color:var(--gold);font-weight:800;padding-inline:8px}
.admin label{display:block;margin:12px 0;font-weight:700}
.admin input{display:block;width:100%;margin-top:6px;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:9px;font:inherit}
.admin input[type=url]{direction:ltr}
.admin .button{border:0;cursor:pointer}
.admin .admin-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.admin img{height:140px;margin-top:8px}
.admin [role=status]{margin-top:15px;color:var(--gold)}
@media(max-width:640px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-grid figure{grid-column:auto}.gallery-grid figure:last-child{grid-column:1/-1}.gallery-grid figure:not(:first-child) img{height:175px}.gallery-grid figcaption{font-size:10px;left:4px;bottom:4px;padding:2px 5px}.admin .admin-images{grid-template-columns:1fr}}

.projects-spot{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:48px;background:var(--surface);border:1px solid var(--line)}
.projects-spot figure{grid-column:2;grid-row:1;align-self:stretch}
.projects-spot img{height:100%;min-height:320px}
.projects-spot>div{grid-column:1;grid-row:1;padding:clamp(22px,4vw,49px)}
.projects-spot div>p:not(.eyebrow){color:var(--muted);margin-block:14px 21px}
.projects-page .service-detail{margin-bottom:22px}
@media(max-width:1150px){.header-inner nav{gap:12px}}
@media(max-width:940px){.header-inner{flex-wrap:wrap;padding-block:9px}.header-inner nav{width:100%;order:3;border-top:1px solid var(--line);gap:0 15px}}
@media(max-width:680px){.projects-spot{grid-template-columns:1fr;margin-top:25px}.projects-spot figure{grid-column:1;grid-row:2}.projects-spot img{height:250px;min-height:0}}

.cms-menu{margin:0 0 24px;gap:8px}
.cms-menu a{padding:4px 10px;border:1px solid var(--line);background:var(--surface)}
.admin textarea{display:block;width:100%;margin-top:5px;padding:8px;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;resize:vertical}
.admin .cms-check{display:flex;align-items:center;gap:9px}
.admin .cms-check input{width:auto;margin:0;accent-color:var(--gold)}

.profile-section{padding-block:25px 42px}
.profile-section>p{color:var(--muted);margin-top:12px}
.profile-grid,.process-grid,.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.profile-grid article,.process-grid li,.contact-actions a{padding:16px 18px;background:var(--surface);border:1px solid var(--line)}
.profile-grid h3{color:var(--gold);margin:0 0 7px}
.profile-grid p{color:var(--muted)}
.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));list-style-position:inside;padding:0;margin-bottom:30px}
.contact-actions a{color:var(--gold);overflow-wrap:anywhere}
.contact-actions a:hover{border-color:var(--gold)}
@media(max-width:750px){.profile-grid,.process-grid,.contact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.profile-grid,.contact-actions{grid-template-columns:1fr}}

.quote-button{margin-top:16px}
.actions .quote-button{margin-top:0}
.model-grid{display:grid;gap:18px;margin-top:20px}
.model-grid article{border:1px solid var(--line);background:var(--surface);padding:18px}
.model-grid h3{color:var(--gold);margin:0 0 8px}
.model-grid p{color:var(--muted);white-space:pre-line;margin:0 0 12px}
.model-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}
.model-photos img{height:220px}
.model-delete{border:0;background:transparent;cursor:pointer;margin-inline-start:12px;font-family:inherit}

.planner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.planner-grid form,.planner-result{border:1px solid var(--line);background:var(--surface);padding:clamp(14px,3vw,24px)}
.planner-grid label{display:block;margin-bottom:12px}
.planner-grid input,.planner-grid select{display:block;width:100%;margin-top:5px;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:8px;font:inherit}
.planner-grid [hidden]{display:none}
.planner-grid .button{cursor:pointer;border:0;margin:5px 0}
.planner-grid p{margin:8px 0;color:var(--muted)}
.planner-result h2:not(:first-child){margin-top:20px}
#layout-preview svg{width:100%;background:var(--bg);margin-top:14px}
#layout-preview text{fill:var(--text);font-size:15px;direction:rtl}
.photo-previews{display:flex;gap:6px}
.photo-previews img{width:75px;height:60px}
@media(max-width:680px){.planner-grid{grid-template-columns:1fr}}

.site-header{position:relative;z-index:5}
.site-header .header-inner{flex-wrap:nowrap;gap:12px;min-height:72px}
.site-header .brand{white-space:normal;min-width:0;font-size:clamp(15px,4vw,22px)}
.site-header .brand img{flex:none}
.site-menu{position:relative;flex:none}
.site-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);color:var(--gold)}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.menu-icon{display:grid;gap:5px}
.menu-icon span{width:21px;height:2px;background:currentColor}
.site-header .site-menu nav{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);display:grid;gap:0;width:min(290px,calc(100vw - 32px));max-height:65vh;overflow:auto;padding:6px 14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 28px #0005}
.site-header .site-menu:not([open]) nav{display:none}
.site-menu nav a{display:block;padding:8px 4px;border-bottom:1px solid var(--line)}
.site-menu nav a:last-child{border-bottom:0}

.managed-section p,.reviews-grid blockquote,.video-grid p{white-space:pre-line;overflow-wrap:anywhere}
.reviews-grid blockquote{margin:0 0 12px}
.reviews-grid .review-stars{color:var(--gold);direction:ltr;text-align:right;letter-spacing:.12em}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.video-grid article{padding:14px;background:var(--surface);border:1px solid var(--line)}
.video-grid h3{margin:8px 0 0}
.video-grid iframe,.video-grid video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#120d16}
@media(max-width:680px){.video-grid{grid-template-columns:1fr}}

.site-search{display:flex;gap:8px;align-items:center;padding-block:0 12px}
.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-search input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;padding:8px 12px;min-height:42px}
.site-search button{flex:none;min-height:42px;background:var(--gold);color:#211327;border:0;padding:6px 19px;font:inherit;font-weight:800;cursor:pointer}
.site-search input:focus-visible,.site-search button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.search-results{list-style:none;padding:0;display:grid;gap:12px;max-width:850px}
.search-results li,.search-empty{border:1px solid var(--line);background:var(--surface);padding:14px 17px;overflow-wrap:anywhere}
.search-results a{color:var(--gold);font-weight:800}
.search-results p{color:var(--muted);margin:5px 0 0}