/* مساحة v2: الرسم المعماري */
:root{
  --graphite:#33261E;--graphite-2:#4A382C;
  --concrete:#D9CEB8;--concrete-2:#E7DFCD;--lime:#F1EADC;
  --brass:#A57C4B;--brass-d:#7F5C31;--sage:#8A9A7B;--muted:#76695C;--line:#D9CEB8;
  --f-display:"Reem Kufi",system-ui,sans-serif;
  --f-body:"Noto Naskh Arabic","Noto Arabic",serif;
}
body{font-size:18px;line-height:1.95;background:var(--lime)}
.site-header.solid{background:rgba(241,234,220,.93)}
.wordmark{align-items:center}
.wordmark .wm{width:30px;height:30px;color:var(--graphite);align-self:center}
.wordmark b{font-weight:400;font-size:30px}
.sec-head .idx{display:none}
h1,h2,h3{font-weight:400}
.btn{border-radius:0}
.nav a{font-size:16px}

/* hero: مسقط بيترسم */
.hero h1{font-size:clamp(54px,9vw,132px);font-weight:400;line-height:1.05}
.hero h1 .it{font-family:var(--f-latin)}
.hero-figure{padding-top:6px}
.plan{display:block;width:min(100%,1000px);margin-inline:auto;height:auto;color:var(--brass-d);background:
 linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,
 linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px;
 background-color:#F6F0E4;border:1px solid var(--line);font-family:var(--f-body)}
.plan .ln{stroke-dasharray:1;stroke-dashoffset:1}
.plan.go .ln{animation:draw 1.6s cubic-bezier(.6,0,.2,1) forwards}
.plan.go .dims .ln{animation-duration:1s}
.plan.go .w2{animation-delay:.9s}.plan.go .w3{animation-delay:1.7s}
.plan .ph{opacity:0}
.plan.go .ph{animation:fillroom .9s ease-out forwards}
.plan.go .p1{animation-delay:2.0s}.plan.go .p2{animation-delay:2.25s}.plan.go .p3{animation-delay:2.5s}.plan.go .p4{animation-delay:2.75s}.plan.go .p5{animation-delay:3s}
.plan .labels text{font-size:15px;fill:#fff;paint-order:stroke;stroke:rgba(30,20,12,.55);stroke-width:4px;opacity:0}
.plan .labels .m{font-size:13px;font-family:var(--f-latin);stroke-width:3px}
.plan.go .labels text{animation:fadein .6s ease-out 3.2s forwards}
.plan .dims .t{font-family:var(--f-latin);font-size:15px;fill:currentColor;stroke:none;text-anchor:middle}
.plan .dims .t{opacity:0}.plan.go .dims .t{animation:fadein .6s ease-out 1s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fillroom{from{opacity:0}to{opacity:.95}}
@keyframes fadein{to{opacity:1}}
@media (scripting:none){.plan .ln{stroke-dashoffset:0}.plan .ph{opacity:.95}.plan .labels text,.plan .dims .t{opacity:1}}
@media (prefers-reduced-motion:reduce){.plan.go .ln,.plan.go .ph,.plan.go text{animation-duration:.01s;animation-delay:0s!important}}
@media (max-width:900px){.plan .labels text{font-size:20px}}
.hero-figure figcaption{border-bottom:1px solid var(--graphite)}
.big-mark{font-family:var(--f-display)}