/* سهيل طيبة — الموقع الإلكتروني
   الطابع: رايق وأنيق، على مثال تصميم «أثر» الداكن. صورٌ سينمائية تذوب في أرضيةٍ كحليّة عميقة،
   خطٌّ خفيف الوزن، عناوين صغيرة بلون الرمل فوق كل قسم، وأزرارٌ محدّدة بخطٍّ رفيع.
   الألوان والخطّ من هوية سهيل طيبة نفسها: الكحلي والذهبي وخطّ تجوال. */
:root{
  --ground:#0C1726;
  --ground-2:#0F1C2F;
  --ground-3:#15263F;
  --navy:#1A3055;
  --ink:#EEE8DD;
  --ink-2:rgba(238,232,221,.72);
  --ink-3:rgba(238,232,221,.46);
  --sand:#CDB48C;
  --gold:#B2976F;
  --line:rgba(238,232,221,.22);
  --line-2:rgba(238,232,221,.1);
  --font:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  --t-hero:clamp(3.4rem,9vw,8.2rem);
  --t-title:clamp(1.5rem,2.05vw,2.05rem);
  --t-lead:clamp(1.05rem,1.3vw,1.2rem);
  --t-body:1rem;
  --t-small:.875rem;
  --ease:cubic-bezier(.22,.7,.2,1);
  --gl:max(20px,env(safe-area-inset-left,0px));
  --gr:max(20px,env(safe-area-inset-right,0px));
  --gap:clamp(90px,11vw,170px);
  color-scheme:dark;
}
@media(min-width:760px){:root{--gl:max(56px,env(safe-area-inset-left,0px));--gr:max(56px,env(safe-area-inset-right,0px))}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px;background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--t-body);font-weight:400;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-weight:500;line-height:1.3;text-wrap:balance}
p{margin:0}
:focus-visible{outline:1px solid var(--sand);outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr:focus{position:fixed;top:12px;right:12px;width:auto;height:auto;clip:auto;z-index:200;background:var(--sand);color:var(--ground);padding:10px 16px}
.wrap{max-width:1320px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
.num{font-variant-numeric:tabular-nums}
.star{display:inline-block;width:1em;height:1em;fill:currentColor;flex:none}
.contour{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.contour path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}

/* ===== لغة مشتركة: عنوان صغير، عنوان، فقرة، زر محدّد ===== */
.kicker{display:block;font-size:clamp(1.15rem,1.55vw,1.45rem);color:var(--sand);font-weight:500;margin-bottom:6px;line-height:1.5}
.title{font-size:var(--t-title);font-weight:500}
.lead{font-size:var(--t-lead);color:var(--ink-2);line-height:1.95;max-width:46ch}
.copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.go{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:var(--sand);transition:gap .35s var(--ease)}
.go svg{width:16px;height:16px}
.go:hover{gap:16px}

/* ===== الرأس ===== */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:90;background:var(--ground)}
.site-head{position:fixed;inset-inline:0;top:env(safe-area-inset-top,0px);z-index:80;transition:background .5s var(--ease),transform .5s var(--ease)}
.site-head .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:96px;transition:height .45s var(--ease)}
.site-head .logo{justify-self:start}
.site-head .head-end{justify-self:end}
.site-head.solid{background:rgba(12,23,38,.94)}
.site-head.solid .wrap{height:76px}
.site-head.hide{transform:translateY(-110%)}
.nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,44px)}
.nav a{color:var(--ink-2);font-size:.95rem;padding-block:8px;position:relative;transition:color .25s}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--sand);transform:scaleX(0);transition:transform .45s var(--ease)}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);font-weight:500}
.nav a[aria-current="page"]::after,.nav a:hover::after{transform:scaleX(1)}
.head-end{display:flex;align-items:center;gap:26px}
.logo img{height:40px;width:auto}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative;color:var(--ink)}
.menu-btn span{position:absolute;inset-inline:11px;height:1px;background:currentColor;transition:transform .4s var(--ease),opacity .2s}
.menu-btn span:nth-child(1){top:16px}.menu-btn span:nth-child(2){top:22px}.menu-btn span:nth-child(3){top:28px}
.menu-open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){opacity:0}
.menu-open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:980px){.nav,.head-cta{display:none}.menu-btn{display:block}.logo img{height:32px}.site-head .wrap{height:76px}}
.mobile-menu{position:fixed;inset:0;z-index:70;background:var(--ground-2);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:110px var(--gr) 48px var(--gl);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;overflow:hidden}
.menu-open .mobile-menu{opacity:1;visibility:visible}
.mobile-menu a{font-size:clamp(1.9rem,8vw,2.6rem);font-weight:300;line-height:1.6;color:var(--ink-2)}
.mobile-menu a[aria-current="page"]{color:var(--sand)}
.mobile-menu .btn{margin-top:26px;align-self:flex-start;font-size:1rem}
.mobile-menu .contour{color:rgba(205,180,140,.12)}
.menu-open{overflow:hidden}

/* ===== البطل ===== */
.hero{position:relative;min-height:clamp(620px,100svh,1000px);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--ground)}
.hero-media{position:absolute;inset:0;z-index:-2}
/* الفيديو بلا أي تحريك من الصفحة: تكبيرٌ بستّين إطارًا فوق فيلمٍ بأربعة وعشرين أحدث ارتجاجًا ملحوظًا */
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to left,rgba(12,23,38,.78) 0%,rgba(12,23,38,.35) 45%,rgba(12,23,38,.15) 70%),
  linear-gradient(to top,var(--ground) 0%,rgba(12,23,38,0) 30%)}
.hero-inner{width:100%;padding-block:150px 140px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:640px}
.hero .over{font-size:clamp(1rem,1.3vw,1.15rem);color:var(--ink);font-weight:400;animation:fadeup 1.1s .35s var(--ease) both}
.hero h1{font-size:var(--t-hero);font-weight:300;line-height:1.25;letter-spacing:0;overflow:hidden}
.hero h1 span{display:inline-block;animation:lineup 1.3s .15s var(--ease) both}
.hero .sub{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--ink);animation:fadeup 1.1s .5s var(--ease) both}
.hero .rule{width:150px;height:1px;background:var(--ink-3);margin-block:22px 30px;transform-origin:right;animation:rule 1.3s .55s var(--ease) both}
.hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;animation:fadeup 1.1s .65s var(--ease) both}
.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:22px;height:34px;border:1px solid var(--ink-2);border-radius:12px;display:flex;justify-content:center;padding-top:6px}
.scroll-cue::after{content:"";width:2px;height:7px;border-radius:2px;background:var(--ink);animation:wheel 2s var(--ease) infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}
@keyframes lineup{from{transform:translateY(100%)}to{transform:none}}
@keyframes fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.8) rotate(12deg);opacity:.6}}
@media(max-width:760px){
  .hero{align-items:flex-end}
  .hero::before{background:linear-gradient(to top,var(--ground) 8%,rgba(12,23,38,.55) 55%,rgba(12,23,38,.25) 100%)}
  .hero-inner{padding-block:130px 110px}
}

/* ===== قسم بصورةٍ تذوب في الأرضية ===== */
.band{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,52vw,620px);display:flex;align-items:center}
.band>.photo{position:absolute;inset-block:0;left:0;width:62%;z-index:-1;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 55%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);mask-composite:intersect}
.band>.photo img{width:100%;height:100%;object-fit:cover}
.band .copy{max-width:470px}
.band.flip>.photo{left:auto;right:0;
  -webkit-mask-image:linear-gradient(to left,#000 55%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);
  mask-image:linear-gradient(to left,#000 55%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%)}
.band.flip .wrap{display:flex;justify-content:flex-end}
.band .wrap{width:100%;padding-block:clamp(80px,9vw,130px)}
@media(max-width:860px){
  .band{flex-direction:column;align-items:stretch;min-height:0}
  .band>.photo,.band.flip>.photo{position:relative;width:100%;height:clamp(260px,70vw,420px);inset:auto;
    -webkit-mask-image:linear-gradient(to top,transparent 0,#000 40%);mask-image:linear-gradient(to top,transparent 0,#000 40%);-webkit-mask-composite:source-over;mask-composite:add}
  .band .wrap{padding-block:0 80px;margin-top:-40px}
  .band.flip .wrap{justify-content:flex-start}
}

/* ===== المشاريع: نصٌّ وبطاقاتٌ طولية ===== */
.projects-band{position:relative;isolation:isolate;padding-block:var(--gap);overflow:hidden}
.projects-band::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 74%,transparent 100%);background:radial-gradient(60% 70% at 15% 100%,rgba(178,151,111,.16),transparent 70%),var(--ground-2)}
.pgrid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
@media(max-width:980px){.pgrid{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-inline-end:calc(-1 * var(--gl) + 12px)}
@media(max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cards{grid-template-columns:1fr 1fr;gap:12px}}
.card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4.6;overflow:hidden;isolation:isolate;border:1px solid var(--line-2);background:var(--ground-3)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,23,38,.95) 0%,rgba(12,23,38,.55) 32%,rgba(12,23,38,0) 60%)}
.card:hover img{transform:scale(1.06)}
.card-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:2px}
.card h3{font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:500}
.card .where{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--ink-2)}
.card .where svg{width:15px;height:15px;color:var(--ink);transition:transform .45s var(--ease)}
.card:hover .where svg{transform:translateX(-5px)}
.card .state{position:absolute;top:14px;inset-inline-start:14px;font-size:.75rem;color:var(--ink);text-shadow:0 1px 10px rgba(12,23,38,.95),0 0 2px rgba(12,23,38,.9)}

/* ===== الأرقام: صورةٌ واسعة وأيقوناتٌ رفيعة ===== */
.figures-band{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(480px,48vw,640px);display:flex;align-items:center}
.figures-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.figures-band::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to left,rgba(12,23,38,.94) 0%,rgba(12,23,38,.66) 45%,rgba(12,23,38,.1) 82%),
  linear-gradient(to bottom,var(--ground) 0%,rgba(12,23,38,0) 26%,rgba(12,23,38,0) 74%,var(--ground) 100%)}
.figures-band .wrap{width:100%;padding-block:clamp(80px,9vw,130px);display:flex;justify-content:flex-start}
.figures-box{max-width:600px;display:flex;flex-direction:column;gap:22px}
.figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px}
.figure{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.figure svg.ico{width:34px;height:34px;color:var(--sand);margin-bottom:8px}
.figure b{font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:500;line-height:1.2;display:flex;align-items:baseline;gap:3px}
.figure b em{font-style:normal;font-size:.6em;color:var(--sand)}
.figure>span{font-size:.85rem;color:var(--ink-2);line-height:1.5}
@media(max-width:860px){
  .figures-band::before{background:linear-gradient(to top,var(--ground) 5%,rgba(12,23,38,.78) 60%,rgba(12,23,38,.5))}
  .figures-band .wrap{justify-content:flex-start}
}
@media(max-width:520px){.figures{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}}

/* ===== خريطة سهيل ===== */
.section{padding-block:var(--gap);position:relative}
.tone{isolation:isolate}
.tone::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ground-2);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 74%,transparent 100%)}
.sky{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,100px);align-items:center}
@media(max-width:960px){.sky{grid-template-columns:1fr}}
.sky-tabs{display:flex;flex-wrap:wrap;gap:8px}
.sky-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;width:100%;max-width:520px}
.sky-list li{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;color:var(--ink-2);padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.sky-list li b{color:var(--ink);font-weight:500;white-space:nowrap}
.sky-list li.hot{color:var(--ink)}
.sky-list li.hot b{color:var(--sand)}
.sky-note{font-size:.8rem;color:var(--ink-3)}
.map{position:relative;width:100%;max-width:600px;aspect-ratio:1/1;margin-inline:auto;container-type:inline-size}
.map::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(178,151,111,.12),transparent 65%)}
.map svg.rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.map .rings circle{fill:none;stroke:rgba(205,180,140,.2);stroke-width:1;stroke-dasharray:1 5;vector-effect:non-scaling-stroke}
.map .rings text{fill:var(--ink-3);font-size:2.4px;font-family:var(--font)}
.map .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;pointer-events:none}
.map .core .star{width:clamp(38px,9cqi,58px);height:clamp(38px,9cqi,58px);color:var(--sand);filter:drop-shadow(0 0 18px rgba(205,180,140,.7));animation:twinkle 4.5s ease-in-out infinite}
.map .core b{font-size:clamp(.85rem,2.6cqi,1.05rem);font-weight:500;white-space:nowrap}
.dest{position:absolute;width:0;height:0;transition:left .9s var(--ease),top .9s var(--ease),opacity .5s}
.dest[hidden]{display:block!important;opacity:0;pointer-events:none}
.dest button{position:absolute;left:0;top:0;transform:translate(-50%,-50%);background:none;border:0;padding:6px;cursor:pointer;color:var(--ink);display:grid;place-items:center}
.dest .star{width:clamp(12px,2.8cqi,17px);height:clamp(12px,2.8cqi,17px);transition:transform .35s var(--ease),color .3s}
.dest button:hover .star,.dest.hot .star{transform:scale(1.5);color:var(--sand)}
.dest .label{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:clamp(.72rem,2.2cqi,.9rem);color:var(--ink-2);pointer-events:none}
.dest .label b{color:var(--ink);font-weight:500}
.dest.right .label{left:14px}
.dest.left .label{right:14px;text-align:right}
.dest.hot .label,.dest.hot .label b{color:var(--sand)}

/* ===== الفاصل ===== */
.divider{position:relative;min-height:clamp(420px,70svh,700px);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.divider img{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover;z-index:-2;will-change:transform}
.divider::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--ground) 0%,rgba(12,23,38,.45) 25%,rgba(12,23,38,.45) 75%,var(--ground) 100%)}
.divider .wrap{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.divider .star{width:26px;height:26px;color:var(--sand)}
.divider p{font-size:clamp(2rem,4.6vw,4rem);font-weight:300;line-height:1.35}

/* ===== الشركاء ===== */
.partners{padding-block:clamp(70px,8vw,120px);overflow:hidden}
.partners .wrap{margin-bottom:clamp(36px,4vw,56px)}
.marquee{display:flex;width:max-content;animation:marquee 55s linear infinite}
.marquee:hover{animation-play-state:paused}
.marquee ul{display:flex;align-items:center;padding-block:14px!important;gap:clamp(56px,7vw,100px);list-style:none;margin:0;padding:0 clamp(28px,3.5vw,50px)}
/* كل الشعارات بيضاء على الكحلي (طلب المالك)، ويكبر الشعار ويتوهّج تحت المؤشّر */
.marquee li img{height:clamp(42px,4.4vw,56px);width:auto;filter:brightness(0) invert(1);opacity:.62;transition:transform .5s var(--ease),opacity .35s,filter .5s}
.marquee li img:hover{opacity:1;transform:scale(1.2);filter:brightness(0) invert(1) drop-shadow(0 0 14px rgba(205,180,140,.55))}
@keyframes marquee{to{transform:translateX(50%)}}
.partners-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}

/* ===== نموذج الحجز ===== */
.book{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,7vw,110px);align-items:start}
@media(max-width:940px){.book{grid-template-columns:1fr}}
.contact-lines{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.contact-lines div{display:flex;gap:16px;align-items:baseline}
.contact-lines dt{font-size:.85rem;color:var(--ink-3);min-width:88px}
.contact-lines dd{margin:0;font-weight:500}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 26px;position:relative}
@media(max-width:620px){.form{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field.full{grid-column:1/-1}
.field label,.field legend{font-size:.85rem;color:var(--ink-2)}
.field input,.field select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 2px;font-size:1.05rem;border-radius:0;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.field select option{background:var(--ground-2)}
.field input::placeholder{color:var(--ink-3)}
.field input:focus,.field select:focus{outline:none;border-bottom-color:var(--sand)}
.field input[aria-invalid="true"]{border-bottom-color:#E39A8C}
.field .err{font-size:.8rem;color:#F0A99B;min-height:1.2em}
fieldset.field{border:0;margin:0;padding:0}
.choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.choice label{position:relative;cursor:pointer}
.choice input{position:absolute;opacity:0;width:1px;height:1px}
.form-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;justify-content:space-between;margin-top:6px}
.form-foot small{color:var(--ink-3);font-size:.85rem}
.form-done{position:absolute;inset:-10px;background:var(--ground-3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:30px;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s}
.form-done.show{opacity:1;visibility:visible}
.form-done .star{width:40px;height:40px;color:var(--sand)}
.form-done h3{font-size:1.7rem;font-weight:500}
.form-done p{color:var(--ink-2);max-width:34ch}

/* ===== التذييل ===== */
.site-foot{position:relative;overflow:hidden;isolation:isolate;color:var(--ink-2)}
.site-foot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.35}
.site-foot::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--ground) 0%,rgba(12,23,38,.82) 40%,rgba(12,23,38,.92) 100%)}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;padding-block:clamp(80px,9vw,120px) 50px}
.foot-brand{display:flex;flex-direction:column;align-items:center;gap:20px}
.foot-brand img{height:86px;width:auto}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:.9rem}
.foot-nav a:hover{color:var(--sand)}
.foot-bottom{border-top:1px solid var(--line-2);padding-block:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.8rem;color:var(--ink-3)}

/* ===== رأس الصفحات الداخلية ===== */
.page-hero{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(480px,74svh,760px);display:flex;align-items:center}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to left,rgba(12,23,38,.82) 0%,rgba(12,23,38,.35) 55%,rgba(12,23,38,.2) 100%),
  linear-gradient(to top,var(--ground) 0%,rgba(12,23,38,0) 35%)}
.page-hero .wrap{width:100%;padding-block:150px 90px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.page-hero h1{font-size:clamp(2.6rem,6vw,5.4rem);font-weight:300;line-height:1.3;overflow:hidden}
.page-hero h1 span{display:inline-block;animation:lineup 1.2s var(--ease) both}
.page-hero .rule{width:120px;height:1px;background:var(--ink-3);margin-block:14px 18px;transform-origin:right;animation:rule 1.2s .4s var(--ease) both}
.page-hero p{font-size:var(--t-lead);color:var(--ink-2);max-width:40ch;animation:fadeup 1s .3s var(--ease) both}
.page-hero.centered .wrap{align-items:center;text-align:center}
.page-hero.centered .rule{transform-origin:center}
.page-hero.centered::before{background:linear-gradient(to top,var(--ground) 0%,rgba(12,23,38,.55) 40%,rgba(12,23,38,.45) 100%)}

/* ===== صفحة المشاريع ===== */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(30px,4vw,50px)}
.project{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(520px,56vw,720px);display:flex;align-items:center}
.project-block[hidden]{display:none}

.project>.photo{position:absolute;inset-block:0;left:0;width:64%;z-index:-1;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,#000 50%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 50%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);mask-composite:intersect}
.project.flip>.photo{left:auto;right:0;
  -webkit-mask-image:linear-gradient(to left,#000 50%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);
  mask-image:linear-gradient(to left,#000 50%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%)}
.project>.photo img{width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease)}
.project .wrap{width:100%;padding-block:clamp(70px,8vw,110px)}
.project.flip .wrap{display:flex;justify-content:flex-end}
.project-info{max-width:480px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.project-info .p-logo{height:64px;width:auto}
.project-info .tag{color:var(--sand);font-size:1.05rem}
.project-info>p{color:var(--ink-2)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;padding-block:18px;border-block:1px solid var(--line-2)}
.facts dt{font-size:.8rem;color:var(--ink-3)}
.facts dd{margin:2px 0 0;font-size:clamp(1.3rem,1.9vw,1.7rem);font-weight:500;line-height:1.3}
.facts dd small{font-size:.55em;color:var(--sand)}
.facts dd.word{font-size:1.05rem;line-height:1.5}
.loc{font-size:.9rem;color:var(--ink-2)}
.project-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.thumbs{display:flex;gap:8px}
.thumbs button{width:84px;height:64px;padding:0;border:1px solid var(--line-2);cursor:pointer;overflow:hidden;opacity:.55;transition:opacity .3s,border-color .3s;background:none}
.thumbs button[aria-pressed="true"]{opacity:1;border-color:var(--sand)}
.thumbs img{width:100%;height:100%;object-fit:cover}
@media(max-width:860px){
  .project{flex-direction:column;align-items:stretch;min-height:0}
  .project>.photo,.project.flip>.photo{position:relative;width:100%;height:clamp(280px,78vw,460px);inset:auto;
    -webkit-mask-image:linear-gradient(to top,transparent 0,#000 40%);mask-image:linear-gradient(to top,transparent 0,#000 40%);-webkit-mask-composite:source-over;mask-composite:add}
  .project .wrap{padding-block:0 80px;margin-top:-30px}
  .project.flip .wrap{justify-content:flex-start}
}

/* ===== المركز الإعلامي ===== */
.news-feature{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(460px,46vw,600px);display:flex;align-items:center;margin-bottom:clamp(50px,6vw,90px)}
.news-feature>.photo{position:absolute;inset-block:0;left:0;width:60%;z-index:-1;
  -webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 55%,transparent 100%),linear-gradient(to top,transparent 0,#000 26%,#000 74%,transparent 100%);mask-composite:intersect}
.news-feature>.photo img{width:100%;height:100%;object-fit:cover}
.news-feature .copy{max-width:460px;margin-inline-start:0}
.news-feature h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:500;line-height:1.4}
.news-feature p{color:var(--ink-2)}
@media(max-width:860px){
  .news-feature{flex-direction:column;align-items:stretch}
  .news-feature>.photo{position:relative;width:100%;height:clamp(260px,70vw,400px);-webkit-mask-image:linear-gradient(to top,transparent 0,#000 40%);mask-image:linear-gradient(to top,transparent 0,#000 40%)}
}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px)}
@media(max-width:760px){.news-grid{grid-template-columns:1fr}}
.news-card{display:flex;flex-direction:column;gap:16px;min-width:0}
.news-card figure{margin:0;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--line-2)}
.news-card figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.news-card:hover figure img{transform:scale(1.05)}
.news-card h3{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:500;line-height:1.4}
.news-card p{color:var(--ink-2)}

/* ===== صفحة التواصل ===== */
.contact-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh}
@media(max-width:940px){.contact-wrap{grid-template-columns:1fr;min-height:0}}
.contact-side{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:22px;padding-block:160px 80px;padding-left:var(--gl);padding-right:var(--gr)}
.contact-side>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.contact-side::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgba(12,23,38,.9) 10%,rgba(12,23,38,.55) 100%)}
.contact-side h1{font-size:clamp(2.4rem,4.4vw,4rem);font-weight:300;line-height:1.3}
.contact-side .rule{width:120px;height:1px;background:var(--ink-3)}
.contact-side>p{color:var(--ink-2);font-size:var(--t-lead);max-width:34ch}
.contact-main{display:flex;align-items:center;padding-block:clamp(70px,9vw,150px) 70px;padding-left:var(--gl);padding-right:var(--gr);background:var(--ground)}
.contact-main .form{width:100%;max-width:620px;margin-inline:auto}

/* ===== نافذة الفيلم ===== */
.film{border:0;padding:0;background:transparent;max-width:min(1200px,94vw);width:100%;overflow:visible}
.film::backdrop{background:rgba(6,12,22,.94)}
.film video{width:100%;aspect-ratio:16/9;background:#000}
.film-close svg{width:16px;height:16px}

/* ===== المقدّمة ===== */
/* الشعار يظهر، ثم تغوص الكاميرا في نجمة سهيل: النجمة ثقبٌ في الستار يُرى منه فيلم البطل، ويتّسع حتى يملأ الشاشة */
html:not(.js) .intro{display:none}
.intro-on,.intro-on body{overflow:hidden}
.intro{position:fixed;inset:0;z-index:100;pointer-events:none}
.intro-veil{position:absolute;inset:0;background:var(--ground);overflow:hidden;will-change:mask-position,mask-size}
.intro-veil .contour{color:rgba(205,180,140,.12)}
.intro-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding-inline:24px}
.intro-logo{width:min(64vw,440px);height:auto;will-change:transform;animation:logoin 1.1s .2s var(--ease) both}
.intro-line{color:var(--sand);font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:300;overflow:hidden}
.intro-line span{display:inline-block;animation:lineup .9s .75s var(--ease) both}
.intro-glint{position:absolute;color:var(--sand);filter:drop-shadow(0 0 18px rgba(205,180,140,.9));opacity:0}
.intro-glint.on{animation:glint 1s var(--ease) both}
.intro-glint svg{width:100%;height:100%;fill:currentColor;display:block}
@keyframes logoin{from{clip-path:inset(0 0 0 100%);transform:translateY(10px)}to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes glint{0%{opacity:0;transform:scale(0) rotate(-140deg)}60%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
/* البطل ينتظر نهاية المقدّمة ثم يبدأ حركته */
.intro-on .hero h1 span,.intro-on .hero .over,.intro-on .hero .sub,.intro-on .hero .rule,.intro-on .hero .actions{animation-play-state:paused}

/* ===== الظهور عند التمرير: هادئ، شفافية وانزياح قصير ===== */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.d1{transition-delay:.12s}.js .reveal.d2{transition-delay:.24s}.js .reveal.d3{transition-delay:.36s}.js .reveal.d4{transition-delay:.48s}
.js .mask>img{opacity:0;transform:scale(1.06);transition:opacity 1.6s var(--ease),transform 2.4s var(--ease)}
.js .mask.in>img{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}
  .intro{display:none}
  .marquee{animation:none;flex-wrap:wrap;width:auto}
  .js .reveal,.js .mask>img{opacity:1;transform:none}
}

/* تنبيه «فُتحت الصفحة بدون ملفاتها» يظهر فقط إن لم يُحمَّل هذا الملف */
#nofiles{display:none!important}

/* ===== خريطة كل مشروع ===== */
.projmap{padding-block:0 clamp(80px,9vw,130px)}
.pm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(36px,6vw,90px);align-items:center}
.pm-grid .map{max-width:460px}
.pm-grid .title{font-size:clamp(1.25rem,1.6vw,1.6rem)}
@media(max-width:900px){.pm-grid{grid-template-columns:1fr}.pm-grid .map{max-width:420px}}

/* ===== الانتقال بين الصفحات: تذوب الصفحة في الكحلي، وتطلع التالية منه ===== */
html::after{content:"";position:fixed;inset:0;z-index:150;background:var(--ground);pointer-events:none;opacity:0;transition:opacity .45s var(--ease)}
html.arriving::after{opacity:1;transition:none}
html.leaving::after{opacity:1}
@media(prefers-reduced-motion:reduce){html::after{display:none}}

/* العناوين الرئيسية بخطٍّ عريض (طلب المالك) — العبارة الفاصلة تبقى خفيفة لأنها ليست عنوانًا */
.title,h2,h3,.hero h1,.page-hero h1,.contact-side h1,.card h3,.news-feature h2,.news-card h3,.form-done h3{font-weight:700}
/* الاسم بالعريض أعرض، فلا يُكسر على سطرين */
.hero-copy{max-width:min(980px,100%)}
.hero h1{white-space:nowrap}

/* ===== مقاسات العناوين بعد جعلها عريضة: العريض أثقل، فصغّرناها نحو الثلث لتبقى أنيقة (طلب المالك) ===== */
:root{--t-title:clamp(1.3rem,1.6vw,1.6rem);--t-hero:clamp(2.7rem,6.4vw,5.8rem)}
.page-hero h1{font-size:clamp(2.1rem,4.2vw,3.8rem)}
.contact-side h1{font-size:clamp(2rem,3.3vw,3rem)}
.news-feature h2{font-size:clamp(1.45rem,2.1vw,2.05rem)}
.news-card h3{font-size:clamp(1.2rem,1.6vw,1.5rem)}
.pm-grid .title{font-size:clamp(1.1rem,1.35vw,1.35rem)}
.card h3{font-size:clamp(1rem,1.25vw,1.2rem)}
.kicker{font-size:clamp(1.05rem,1.3vw,1.25rem)}

/* أربعة خيارات للغرض: على الجوال شبكة اثنين في اثنين بدل ثلاثة وواحدٍ وحيد */
@media(max-width:520px){.choice{display:grid;grid-template-columns:1fr 1fr}.choice span{text-align:center}}

/* ===== ما يميّز المشروع ===== */
.features{width:100%}
.features h3{font-size:1rem;font-weight:700;color:var(--sand);margin-bottom:10px}
.features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
.features li{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:.95rem}
.features li .star{width:11px;height:11px;color:var(--sand)}
@media(max-width:520px){.features ul{grid-template-columns:1fr}}

/* ===== خمسة مشاريع في الرئيسية ===== */
@media(min-width:1181px){.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}
@media(min-width:521px) and (max-width:1180px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- النموذج: الملاحظة، والفخّ المخفيّ، ورسالة الخطأ ---------- */
.field textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 2px;font-size:1.05rem;border-radius:0;resize:vertical;min-height:80px;line-height:1.8;transition:border-color .3s}
.field textarea:focus{outline:none;border-bottom-color:var(--sand)}
/* الفخّ: خارج الشاشة لا display:none — بعض البرامج تتخطّى المخفيّ صراحةً */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{grid-column:1/-1;margin:0;color:#F0A99B;font-size:.95rem}

/* ---------- شريط «آخر الأخبار» ---------- */
.news-strip{padding-block:clamp(50px,6vw,90px) 0}
.ns-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:clamp(22px,3vw,36px)}
.ns-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ns-viewport::-webkit-scrollbar{display:none}
.ns-track{display:flex;gap:18px;list-style:none;margin:0;padding:4px var(--gr) 4px var(--gl);width:max-content}
.ns-static .ns-track{margin-inline:auto}
.ns-viewport.ns-static{-webkit-mask-image:none;mask-image:none}
.ns-card{flex:0 0 auto;width:clamp(230px,24vw,300px)}
.ns-card a{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line-2);background:var(--ground-3)}
.ns-img,.ns-img img,.ns-noimg{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ns-card a:hover .ns-img img{transform:scale(1.05)}
.ns-card a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,23,38,.92) 0%,rgba(12,23,38,.35) 55%,transparent 80%)}
.ns-title{position:absolute;z-index:1;inset-inline:14px;bottom:12px;font-weight:700;font-size:1rem;line-height:1.55;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-card a:focus-visible{outline:2px solid var(--sand);outline-offset:2px}
.ns-empty{margin:0}

/* ---------- «أخبارنا» الحيّة ---------- */
.news-feature h2 a,.news-card h3 a{color:inherit}
.news-card .nc-img{display:block}
.news-more{text-align:center;margin-top:clamp(36px,4vw,56px)}
.news-none{color:var(--ink-2)}

/* ---------- صفحة الخبر ---------- */
.article{padding-block:clamp(120px,12vw,170px) clamp(60px,7vw,100px)}
.article-wrap{max-width:860px}
.article .back{margin-bottom:26px}
.article-title{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700;line-height:1.45;margin:6px 0 clamp(24px,3vw,36px)}
.article-cover{margin:0 0 clamp(28px,4vw,44px);aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line-2)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.prose{font-size:1.1rem;line-height:2;color:var(--ink)}
.prose h2{font-size:1.5rem;margin:1.6em 0 .5em}
.prose h3{font-size:1.25rem;margin:1.4em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.1em}
.prose ul,.prose ol{padding-inline-start:1.4em}
.prose blockquote{margin:1.4em 0;padding:4px 18px;border-inline-start:3px solid var(--sand);color:var(--ink-2)}
.prose a{color:var(--sand);text-decoration:underline;text-underline-offset:3px}
.article-gallery{list-style:none;padding:0;margin:clamp(30px,4vw,50px) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.article-gallery li{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line-2)}
.article-gallery img{width:100%;height:100%;object-fit:cover}
.article-cta{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;gap:14px}

/* ======================================================================
   نظام الأزرار: كبسولاتٌ زجاجية بتوهّجٍ هادئ (طلب المالك)
   الألوان من الهوية وحدها: الرملي #CDB48C والذهبي #B2976F والكحلي والعاجي،
   والبياض الشفّاف لمعةٌ على الزجاج لا لونٌ جديد. التوهّج خفيفٌ عمدًا: النصّ أوّلًا.
   ====================================================================== */
:root{
  --glass:linear-gradient(135deg,rgba(238,232,221,.14) 0%,rgba(238,232,221,.05) 55%,rgba(205,180,140,.1) 100%);
  --glass-edge:rgba(205,180,140,.42);
  --glass-edge-hot:rgba(205,180,140,.8);
  --glass-lip:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(12,23,38,.3);
  --glow-rest:0 6px 22px -12px rgba(205,180,140,.4);
  --glow-hot:0 0 0 1px rgba(205,180,140,.16),0 0 26px -4px rgba(205,180,140,.42),0 12px 30px -14px rgba(205,180,140,.55);
  --blur:blur(14px) saturate(140%);
}

/* --- الأساس (Secondary): زجاجٌ شفّاف بحدٍّ رمليّ --- */
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:48px;padding:7px 26px;border-radius:999px;border:1px solid var(--glass-edge);
  background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:var(--glass-lip),var(--glow-rest);
  color:var(--ink);font-weight:500;font-size:.95rem;line-height:1.4;white-space:nowrap;cursor:pointer;text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:box-shadow .5s var(--ease),border-color .5s var(--ease),transform .25s var(--ease),color .3s}
/* لمعة الزجاج: ضوءٌ ينزل من الحافّة العليا ويخفت قبل منتصف الزر */
.btn::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,.14),rgba(255,255,255,0) 58%);opacity:.9;transition:opacity .5s var(--ease)}
.btn:hover{border-color:var(--glass-edge-hot);box-shadow:var(--glass-lip),var(--glow-hot)}
.btn:hover::before{opacity:1}
.btn:active{transform:translateY(1px) scale(.97);box-shadow:var(--glass-lip),0 4px 14px -10px rgba(205,180,140,.5);transition-duration:.08s}
.btn:focus-visible{outline:2px solid var(--sand);outline-offset:3px}
/* «عرض المزيد» يُخفى بالسمة hidden، و display:inline-flex كان يُظهره رغمها */
.btn[hidden]{display:none}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--glass-lip)}

/* --- الأيقونة داخل دائرةٍ زجاجية مدمجة في طرف الزر --- */
.btn>svg,.ico-orb{flex:none;width:36px;height:36px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.26),rgba(238,232,221,.07) 68%);
  border:1px solid rgba(238,232,221,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.btn>svg{padding:10px;overflow:visible}
.btn>svg:last-child{margin-inline-end:-19px}
.btn>.ico-orb:first-child{margin-inline-start:-19px}
.ico-orb{display:grid;place-items:center;color:currentColor}
.ico-orb svg{width:44%;height:44%;transition:transform .45s var(--ease)}
/* السهم يتقدّم نحو اتجاه القراءة (يسارًا)، وأيقونة الموقع ترتفع قليلًا */
.btn:hover>svg:last-child{transform:translateX(-4px);border-color:rgba(205,180,140,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 14px -3px rgba(205,180,140,.5)}
.btn:hover .ico-orb{border-color:rgba(205,180,140,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 14px -3px rgba(205,180,140,.5)}
.btn:hover .ico-orb svg{transform:translateY(-2px) scale(1.06)}

/* --- Primary: زجاجٌ مذهَّب من الرملي إلى الذهبي، بنصٍّ كحليّ واضح --- */
.btn-solid{color:var(--ground);border-color:rgba(205,180,140,.9);
  background:linear-gradient(135deg,rgba(205,180,140,.97) 0%,rgba(205,180,140,.9) 40%,rgba(178,151,111,.92) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 6px rgba(12,23,38,.16),0 0 0 1px rgba(205,180,140,.14),0 8px 26px -10px rgba(205,180,140,.6)}
.btn-solid::before{background:linear-gradient(to bottom,rgba(255,255,255,.34),rgba(255,255,255,0) 60%)}
.btn-solid:hover{border-color:var(--sand);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(12,23,38,.14),0 0 0 1px rgba(205,180,140,.28),0 0 32px -4px rgba(205,180,140,.6),0 14px 34px -14px rgba(205,180,140,.7)}
.btn-solid>svg,.btn-solid .ico-orb{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.4),rgba(12,23,38,.1) 72%);border-color:rgba(12,23,38,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.btn-solid:hover>svg:last-child{border-color:rgba(12,23,38,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}

/* --- المقاسات --- */
.head-cta{min-height:42px;padding:6px 20px;font-size:.9rem}
/* .btn يأتي بعد قاعدة الجوال فيُظهر زرّ الرأس فوقها: نعيد إخفاءه بعده */
@media(max-width:980px){.site-head .head-cta{display:none}}
@media(max-width:520px){.btn{min-height:46px;padding-inline:22px}.btn>svg:last-child{margin-inline-end:-16px}}

/* --- أزرار الاختيار والتصفية: كبسولاتٌ أخفّ، والمختار منها مُضاء --- */
.filters button,.sky-tabs button,.choice span{display:block;border-radius:999px;cursor:pointer;
  padding:9px 22px;font-size:.93rem;color:var(--ink-2);
  border:1px solid rgba(238,232,221,.16);background:linear-gradient(135deg,rgba(238,232,221,.07),rgba(238,232,221,.02));
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:color .3s,border-color .4s var(--ease),background .4s var(--ease),box-shadow .45s var(--ease),transform .2s var(--ease)}
.filters button:hover,.sky-tabs button:hover,.choice label:hover span{color:var(--ink);border-color:rgba(205,180,140,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 18px -6px rgba(205,180,140,.4)}
.filters button[aria-pressed="true"],.sky-tabs button[aria-pressed="true"],.choice input:checked+span{color:var(--sand);border-color:rgba(205,180,140,.75);
  background:linear-gradient(135deg,rgba(205,180,140,.24),rgba(178,151,111,.1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 20px -6px rgba(205,180,140,.5)}
.filters button:active,.sky-tabs button:active,.choice label:active span{transform:scale(.96)}
.choice input:focus-visible+span,.filters button:focus-visible,.sky-tabs button:focus-visible{outline:2px solid var(--sand);outline-offset:3px}

/* --- أزرار الأيقونة: دوائر زجاجية --- */
.socials{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.socials a,.film-close,.menu-btn{border-radius:50%;border:1px solid rgba(205,180,140,.32);
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.16),rgba(238,232,221,.04) 70%);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 16px -10px rgba(205,180,140,.4);
  color:var(--ink);transition:color .3s,border-color .4s var(--ease),box-shadow .45s var(--ease),transform .25s var(--ease)}
.socials a{width:42px;height:42px;display:grid;place-items:center}
.socials svg{width:17px;height:17px;transition:transform .45s var(--ease)}
.socials a:hover,.film-close:hover,.menu-btn:hover{color:var(--sand);border-color:var(--glass-edge-hot);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px -4px rgba(205,180,140,.5)}
.socials a:hover svg{transform:scale(1.12)}
.socials a:active,.film-close:active,.menu-btn:active{transform:scale(.92)}
.contact-lines dd .socials a{width:38px;height:38px}
.film-close{position:absolute;top:-56px;left:0;width:44px;height:44px;cursor:pointer;display:grid;place-items:center}
.menu-btn span{inset-inline:13px}

/* ===== التذييل: الاتصال يمينًا، والشعار والصفحات في الوسط، والحسابات يسارًا ===== */
.foot-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;padding-block:clamp(70px,8vw,110px) 50px}
.foot-col{display:flex;flex-direction:column;gap:20px}
.foot-reach{align-items:flex-start}
.foot-social{align-items:flex-end}
.foot-brand{align-items:center;gap:22px}
.foot-brand img{height:86px;width:auto}
.foot-nav{justify-content:center}
.foot-nav a{transition:color .3s}
/* الرقم والمقرّ رمزان بدل زرّين (طلب المالك): بحجم أيقونات الحسابات وأكبر قليلًا */
.foot-icons a{width:50px;height:50px}
.foot-icons svg{width:20px;height:20px}
.foot-mail{display:inline-flex;align-items:center;gap:10px;color:var(--ink-2);font-size:.95rem;transition:color .3s}
.foot-mail .ico-orb{width:36px;height:36px}
.foot-mail:hover{color:var(--sand)}
.foot-mail:hover .ico-orb{border-color:rgba(205,180,140,.6)}
@media(max-width:860px){
  .foot-top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:36px}
  .foot-brand{order:-1}
  .foot-reach,.foot-social{align-items:center}
}

/* ===== من نحن: العنوان بالذهبي، والفقرة مضبوطة الصفوف ===== */
.about-title{color:var(--gold)}
.about-lead{text-align:justify;text-justify:inter-word}

/* ===== المركز الإعلامي: كل الأخبار بطاقاتٌ في شبكةٍ واحدة ===== */
@media(min-width:1100px){.news-section .news-grid,.articles-section .news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== شريط الشركاء على الجوال =====
   الدورة 55 ثانية تناسب طول الشريط على الكمبيوتر (40 بكسل/ث)؛ والشريط على الجوال أقصر فيحتاج 36 ثانية لنفس السرعة.
   ولمسة الجوال تُبقي حالة hover فكان أيّ لمسٍ يجمّده. */
@media(max-width:760px){.marquee{animation-duration:36s}}
@media(hover:none){.marquee:hover{animation-play-state:running}}
/* الشعارات كانت تختفي وتظهر على الجوال: كانت تُحمَّل كسولًا فتدخل الشاشة فارغة، ومرشّح
   اللون الأبيض يُعاد رسمه مع كل إطارٍ من الحركة. الشريط طبقةٌ مستقلّة تتحرّك دون إعادة رسم. */
.marquee{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}
.marquee li img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}