/* ==========================================================================
   مجموعة تراي — الأنماط الأساسية
   RTL أصلي: تُستخدم الخصائص المنطقية (inline/block) بدل left/right.
   ========================================================================== */

/* ---------- 1. إعادة الضبط والأساسيات ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0;
  font-family:var(--font-base);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--tri-ink);
  background:var(--tri-sand);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,svg{ max-width:100%; display:block; }
img{ height:auto; }
button,input,select,textarea{ font:inherit; color:inherit; }

h1,h2,h3,h4{
  font-family:var(--font-display); font-weight:500; margin:0 0 .5em;
  line-height:var(--lh-tight); text-wrap:balance;
}
h1{ font-size:var(--fs-h1); color:var(--tri-red-deep); }
h2{ font-size:var(--fs-h2); color:var(--tri-red-deep); }
h3{ font-size:var(--fs-h3); }
p{ margin:0 0 1.1em; }
p:last-child{ margin-block-end:0; }

a{ color:var(--tri-red-deep); text-underline-offset:.22em; }
a:hover{ color:var(--tri-red); }

/* بؤرة تركيز ظاهرة في كل مكان — WCAG 2.4.7 */
:focus-visible{ outline:3px solid var(--tri-red); outline-offset:3px; border-radius:4px; }
:focus:not(:focus-visible){ outline:none; }

.visually-hidden{
  position:absolute !important; inline-size:1px; block-size:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.skip-link{
  position:absolute; inset-block-start:-200%; inset-inline-start:1rem; z-index:300;
  background:var(--tri-navy); color:var(--tri-sand); text-decoration:none;
  padding:.7rem 1.1rem; border-radius:0 0 var(--radius-sm) var(--radius-sm);
}
.skip-link:focus{ inset-block-start:0; color:var(--tri-sand); }

/* ---------- 2. الشبكة العامة ---------- */
.shell{ width:var(--shell); margin-inline:auto; }
/* scroll-margin يعوّض ارتفاع الهيدر الثابت عند القفز إلى مرساة */
.section{ padding-block:var(--sp-section); position:relative; overflow:hidden; scroll-margin-block-start:96px; }
.section--paper{ background:var(--tri-paper); }

/* صفحات النماذج: إيقاع أقصر بين الأقسام (الوظائف / تواصل معنا) */
.page-forms .section{ padding-block:clamp(2.5rem,4.5vw,3.75rem); }
.page-forms .page-head{ padding-block-end:clamp(1.75rem,3.5vw,2.75rem); }
.section--navy{ background:var(--tri-navy); color:var(--tri-sand); }
.section--navy h2{ color:var(--tri-sand); }
.section--navy .lede{ color:rgba(226,218,203,.82); }
.section > .shell{ position:relative; z-index:1; }

.eyebrow{
  font-size:var(--fs-sm); letter-spacing:.12em; color:var(--tri-muted);
  margin:0 0 .75rem; font-weight:600;
}
.section--navy .eyebrow{ color:rgba(226,218,203,.72); }
.lede{ font-size:clamp(1.0625rem,1rem + .4vw,1.25rem); color:var(--tri-muted); max-width:64ch; }
.section-head{ max-width:70ch; margin-block-end:clamp(2rem,4vw,3.25rem); }

/* ---------- 3. الأزرار ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55em;
  padding:.85em 1.6em; border-radius:var(--radius-sm);
  font-size:var(--fs-sm); font-weight:600; line-height:1.3;
  text-decoration:none; border:1.5px solid transparent; cursor:pointer;
  transition:background .3s var(--ease), color .3s var(--ease),
             border-color .3s var(--ease), transform .2s var(--ease);
}
.btn:active{ transform:translateY(1px); }
.btn--primary{ background:var(--tri-red); color:#fff; }
.btn--primary:hover{ background:var(--tri-red-deep); color:#fff; }
.btn--ghost{ border-color:var(--tri-line-strong); color:var(--tri-ink); background:transparent; }
.btn--ghost:hover{ border-color:var(--tri-red); color:var(--tri-red-deep); background:rgba(160,0,0,.05); }
.btn--onDark{ border-color:rgba(226,218,203,.45); color:var(--tri-sand); background:transparent; }
.btn--onDark:hover{ background:var(--tri-sand); color:var(--tri-navy); }
.btn[disabled],.btn[aria-disabled="true"]{ opacity:.5; pointer-events:none; }

.btn .spinner{
  inline-size:1em; block-size:1em; border:2px solid currentColor;
  border-block-start-color:transparent; border-radius:50%;
  animation:spin .7s linear infinite; display:none;
}
.btn.is-loading .spinner{ display:inline-block; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* ---------- 4. أشكال الهوية ---------- */
/* المربع = Feel · الدائرة = Think · المثلث = Act
   وعند تقاطع المثلث مع المربع يتكوّن مثلث صغير كحلي — تفصيلة ملزمة. */
.m-sq{ fill:var(--tri-sand-2); }
.m-ci{ fill:var(--tri-red); }
.m-tr{ fill:var(--tri-slate); }
.m-x{ fill:var(--tri-navy); }

/* علامة مائية كبيرة خلف الأقسام — شفافية 6–10% كما ينص الدليل */
.watermark{
  position:absolute; inset-block-start:50%; inset-inline-end:-8%;
  translate:0 -50%; inline-size:min(48vw,560px);
  opacity:.07; pointer-events:none; z-index:0;
}
.section--navy .watermark{ opacity:.1; }

/* شريط إطاري نمطي يسبق عناوين الأقسام */
.rule-strip{ display:flex; gap:.45rem; align-items:center; margin-block-end:1.25rem; }
.rule-strip i{ display:block; inline-size:10px; block-size:10px; flex:none; }
/* في RTL يظهر أول عنصر على اليمين، فيُقرأ الشريط من اليسار:
   مثلث ← مربع ← دائرة — وهو ترتيب التكوين المعتمد في الدليل. */
.rule-strip i:nth-child(1){ background:var(--tri-red); border-radius:50%; }
.rule-strip i:nth-child(2){ background:var(--tri-sand-2); }
.rule-strip i:nth-child(3){ background:var(--tri-slate); clip-path:polygon(0 100%,100% 100%,0 0); }
.rule-strip::after{ content:""; flex:1; block-size:1px; background:var(--tri-line); }
.section--navy .rule-strip::after{ background:rgba(226,218,203,.24); }

/* ---------- 5. الهيدر ---------- */
.site-header{
  position:fixed; inset-block-start:0; inset-inline:0; z-index:100;
  background:transparent; border-block-end:1px solid transparent;
  transition:background .35s var(--ease), border-color .35s var(--ease);
}
.site-header.is-stuck{ background:var(--tri-sand); border-block-end-color:var(--tri-line); }
.site-header .shell{ display:flex; align-items:center; gap:clamp(.75rem,3vw,2.5rem); min-block-size:96px; }

/* المسافة الآمنة حول الشعار: منطقة خالية لا تقل عن ارتفاع كلمة «مجموعة تراي» */
.brand{ display:inline-flex; padding:10px 14px; margin-inline-end:auto; flex:none; }
.brand img{ block-size:60px; inline-size:auto; }
@media (max-width:640px){ .brand img{ block-size:42px; } .site-header .shell{ min-block-size:76px; } }

.nav{ display:flex; align-items:center; gap:clamp(.85rem,1.7vw,1.5rem); }
.nav a{
  text-decoration:none; color:var(--tri-ink); font-size:var(--fs-sm);
  font-weight:500; padding-block:.4rem; position:relative; white-space:nowrap;
}
.nav a::after{
  content:""; position:absolute; inset-block-end:0; inset-inline:0; block-size:2px;
  background:var(--tri-red); scale:0 1; transform-origin:100% 50%; transition:scale .3s var(--ease);
}
.nav a:hover::after,.nav a[aria-current="page"]::after{ scale:1 1; }
.nav a[aria-current="page"]{ color:var(--tri-red-deep); }
.nav-marks{ display:none; }

.header-actions{ display:flex; align-items:center; gap:.55rem; flex:none; }
.nav-toggle{ display:none; background:none; border:0; padding:.55rem; cursor:pointer; flex:none; }
.nav-toggle span{
  display:block; inline-size:24px; block-size:2px; background:var(--tri-ink);
  margin-block:5px; transition:transform .3s var(--ease), opacity .2s var(--ease);
}
.nav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:1040px){
  .nav-toggle{ display:block; }
  .nav{
    position:fixed; inset-block:96px 0; inset-inline:0; background:var(--tri-navy);
    flex-direction:column; justify-content:center; align-items:flex-start;
    gap:1.1rem; padding:2rem var(--gutter);
    transform:translateY(-102%); transition:transform .45s var(--ease-out);
    overflow-y:auto; visibility:hidden;
  }
  .nav[data-open="true"]{ transform:translateY(0); visibility:visible; }
  .nav a{ color:var(--tri-sand); font-size:1.375rem; }
  .nav a[aria-current="page"]{ color:#fff; }
  .nav a::after{ background:var(--tri-sand); }
  .nav-marks{ display:flex; gap:1.1rem; margin-block-start:auto; padding-block-start:2.5rem; }
  .nav-marks svg{ inline-size:32px; block-size:32px; }
  body.nav-open{ overflow:hidden; }
}
@media (max-width:640px){ .nav{ inset-block-start:76px; } }

/* ---------- 6. حكاية الهوية المرتبطة بالتمرير ---------- */
/* Static readable sequence first; sticky staging is enabled only by a working controller. */
.scroll-story{ position:relative; }
.story-stage{ position:relative; padding-block:110px 3rem; }
.story-panels{ width:var(--shell); margin-inline:auto; }
.story-panel{
  display:flex; align-items:center; justify-content:space-evenly; gap:2rem;
  padding-block:3rem; scroll-margin-block-start:100px;
}
.story-panel__art{ inline-size:clamp(130px,25vw,240px); flex:none; }
.story-copy{ min-inline-size:0; }
.story-word{ margin:0; }
.word-window{ display:block; padding-block:.1em; }
.story-word .w-ar{ display:block; font-size:clamp(1.5rem,2.8vw,2.25rem); font-weight:400; line-height:1.5; color:var(--tri-red-deep); }
.story-word .w-en{
  display:block; font-size:clamp(4rem,9.5vw,8.5rem); line-height:1.05;
  letter-spacing:-.055em; font-weight:300; color:var(--tri-ink); unicode-bidi:isolate;
}
.story-rule{ display:block; inline-size:52px; block-size:3px; margin-block:1.5rem; background:var(--tri-sand-2); }
#think .story-rule{ background:var(--tri-red); }
#act .story-rule{ background:var(--tri-slate); }
.story-phrase{ margin:0; font-size:clamp(1.0625rem,1.6vw,1.375rem); color:var(--tri-muted); }
.story-panel--identity{ flex-direction:column; text-align:center; position:relative; }

/* باترين رموز الهوية على جانبي لوحة المجموعة */
.identity-side{
  position:absolute; inset-block:0;
  inline-size:clamp(120px,15vw,270px); block-size:100%;
  z-index:0; pointer-events:none; opacity:.72;
  /* تلاشٍ نحو منتصف اللوحة وأعلاها وأسفلها حتى لا يزاحم الباترين القائمة والنص */
  -webkit-mask-image:linear-gradient(to var(--fade),#000 34%,transparent 100%),
                     linear-gradient(to bottom,transparent 0,#000 26%,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(to var(--fade),#000 34%,transparent 100%),
                     linear-gradient(to bottom,transparent 0,#000 26%,#000 84%,transparent 100%);
          mask-composite:intersect;
}
.identity-side--start{ left:0; --fade:right; }
.identity-side--end{ right:0; --fade:left; }
.story-identity{ position:relative; z-index:1; }
@media (max-width:900px){ .identity-side{ display:none; } }
.story-panel__art--identity{ inline-size:min(75%,440px); }
.story-identity{ display:flex; flex-direction:column; align-items:center; gap:1rem; }
.story-logo{ block-size:172px; inline-size:auto; }
.story-identity h1{ margin:0; font-size:clamp(2.375rem,4.6vw,4rem); }
.story-tag{ font-family:var(--font-display); font-size:clamp(1.0625rem,1.6vw,1.5rem); color:var(--tri-muted); margin:0; }
.story-cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin-block-start:.5rem; }
/* Edge-to-edge scenes; the last chapter holds for one extra viewport. */
.scroll-story.is-enhanced{ block-size:500svh; background:var(--tri-sand); }
/* المسرح بطول 100svh، وشريط عنوان الجوال حين ينزوي يكشف شريطًا أسفله؛
   لون الرمل على الحكاية نفسها يجعل ذلك الشريط غير مرئي بدل أن يومض. */
.is-enhanced .story-stage{ position:sticky; inset-block-start:0; block-size:100svh; padding:0; overflow:hidden; overflow:clip; isolation:isolate; }
.is-enhanced .story-stage::before,.is-enhanced .story-stage::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; }
.is-enhanced .story-stage::before{ background:radial-gradient(ellipse at 26% 40%,var(--tri-paper),transparent 70%); opacity:.85; }
.is-enhanced .story-stage::after{ background-image:radial-gradient(var(--tri-ink) .5px,transparent .7px); background-size:5px 5px; opacity:.025; }
.is-enhanced .story-panels{
  position:absolute; inset:0; width:100%; block-size:100%; margin:0;
  pointer-events:none; z-index:2;
}
.is-enhanced .story-panel{
  position:absolute; inset:0; inline-size:100%; block-size:100%;
  display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(32px,7vw,120px);
  padding-block:calc(96px + 5svh) 7svh;
  padding-inline:max(var(--gutter),calc((100% - 1180px) / 2));
  opacity:0; visibility:hidden; pointer-events:none;
  background:var(--tri-sand); overflow:hidden; isolation:isolate;
}
.is-enhanced .story-panel::before{
  content:""; position:absolute; inline-size:55%; aspect-ratio:1; left:-13%; top:-18%;
  background:var(--tri-sand-2); opacity:.32; z-index:-1; transform:rotate(-12deg);
}
.is-enhanced #think::before{ background:var(--tri-red); border-radius:50%; opacity:.035; }
.is-enhanced #act::before{ background:var(--tri-slate); clip-path:polygon(0 0,100% 100%,0 100%); opacity:.12; }
.is-enhanced .story-panel--identity::before{ display:none; }
.is-enhanced .story-panel.is-current,.is-enhanced .story-panel.is-leaving{ visibility:visible; opacity:1; }
.is-enhanced .story-panel.is-current{ pointer-events:auto; }
.is-enhanced .is-moving{ will-change:transform; }
.is-enhanced .story-rule{ transform-origin:right center; }
.is-enhanced .story-panel__art{ display:block; grid-column:2; grid-row:1; inline-size:min(100%,400px); justify-self:center; overflow:visible; }
.is-enhanced .story-copy{ grid-column:1; grid-row:1; }
.is-enhanced .story-panel--identity{ display:flex; flex-direction:column; justify-content:center; gap:20px; }
.is-enhanced .story-panel__art--identity{ inline-size:min(70%,560px); max-block-size:38%; }
.story-panel__art--identity > *{ transform-box:fill-box; transform-origin:center; }
.is-enhanced .story-identity{ gap:.6rem; }
.is-enhanced .story-logo{ block-size:164px; flex:none; }
.is-enhanced .story-identity h1{ font-size:clamp(2.375rem,4.6vw,4rem); }

@media (max-width:760px){
  .story-panel{ flex-direction:column; text-align:center; gap:1.5rem; }
  .story-rule{ margin-inline:auto; margin-block:1.1rem; }
  .is-enhanced .story-rule{ transform-origin:center; }
  .is-enhanced .story-panel{ display:flex; flex-direction:column; justify-content:center; gap:clamp(20px,4svh,36px); padding:90px var(--gutter) 36px; }
  .is-enhanced .story-panel__art{ inline-size:clamp(140px,25svh,230px); }
  .is-enhanced .story-panel__art--identity{ inline-size:min(100%,380px); max-block-size:33%; }
  .is-enhanced .story-panel::before{ inline-size:100%; left:-32%; top:-12%; }
  .story-word .w-en{ font-size:clamp(4.25rem,17vw,6.5rem); }
  .story-word .w-ar{ font-size:1.75rem; }
  .is-enhanced .story-logo{ block-size:62px; }
  .is-enhanced .story-identity h1{ font-size:clamp(2rem,9vw,2.75rem); }
  .story-tag{ font-size:1rem; }
  .story-cta{ gap:.5rem; }
  .story-cta .btn{ padding:.85em 1em; }
}
@media (max-height:700px){
  .story-word .w-en{ font-size:clamp(3.75rem,9vw,6.25rem); }
  .story-rule{ margin-block:.85rem; }
  .is-enhanced .story-identity{ gap:.4rem; }
  .story-cta{ margin-block-start:.25rem; }
}
@media (max-width:760px) and (max-height:700px){
  .is-enhanced .story-panel{ gap:20px; padding-block:86px 28px; }
  .is-enhanced .story-panel__art{ inline-size:clamp(120px,24svh,160px); }
  .is-enhanced .story-panel__art--identity{ inline-size:min(100%,360px); max-block-size:30%; }
  .story-word .w-en{ font-size:3.5rem; }
  .story-word .w-ar{ font-size:1.5rem; }
  .story-rule{ margin-block:.6rem; }
  .story-phrase{ font-size:1rem; }
  .is-enhanced .story-logo{ block-size:36px; }
}
@media (max-height:560px) and (min-width:761px){
  .is-enhanced .story-panel{ padding-block:94px 24px; padding-inline:max(var(--gutter),calc((100% - 1180px) / 2)); }
  .is-enhanced .story-panel__art{ inline-size:min(40svh,200px); }
  .is-enhanced .story-panel--identity{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .is-enhanced .story-panel__art--identity{ inline-size:min(100%,420px); max-block-size:100%; }
  .is-enhanced .story-identity{ grid-column:1; grid-row:1; gap:.35rem; }
  .is-enhanced .story-logo{ block-size:28px; }
  .is-enhanced .story-identity h1{ font-size:1.8rem; }
  .story-tag{ font-size:1rem; }
  .story-word .w-en{ font-size:3.5rem; }
  .story-word .w-ar{ font-size:1.5rem; }
  .story-rule{ margin-block:.5rem; }
}
@media (max-width:760px) and (max-height:560px){
  .is-enhanced .story-panel{ padding-block:80px 20px; gap:12px; }
  .is-enhanced .story-panel__art{ inline-size:110px; }
  .is-enhanced .story-panel__art--identity{ inline-size:85%; max-block-size:30%; }
  .story-word .w-en{ font-size:2.75rem; }
  .story-word .w-ar{ font-size:1.25rem; }
  .story-rule{ margin-block:.35rem; }
  .story-phrase,.story-tag{ font-size:.875rem; }
  .is-enhanced .story-logo{ block-size:30px; }
  .is-enhanced .story-identity h1{ font-size:1.8rem; }
  .story-cta .btn{ font-size:.75rem; padding:.7em .85em; }
}

/* ---------- 8. كروت الشركات ---------- */
.companies-grid{
  display:grid; grid-template-columns:1fr; gap:clamp(1.25rem,2.4vw,1.75rem);
}
@media (min-width:760px){ .companies-grid{ grid-template-columns:repeat(2,1fr); } }

.co-card{
  position:relative; display:flex; flex-direction:column;
  background:var(--tri-sand); border:1px solid var(--tri-line);
  border-radius:var(--radius); overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.co-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lift); border-color:var(--tri-line-strong); }

/* الصورة كاملة قابلة للضغط وتفتح موقع الشركة في تبويب جديد */
.co-card__media{
  display:grid; place-items:center; padding:clamp(1.75rem,4vw,2.75rem);
  background:var(--tri-sand); border-block-end:1px solid var(--tri-line);
  min-block-size:160px; text-decoration:none;
}
.co-card__media img{
  max-block-size:96px; inline-size:auto; max-inline-size:78%; object-fit:contain;
  transition:scale .35s var(--ease);
}
.co-card:hover .co-card__media img{ scale:1.03; }

.co-card__body{ padding:clamp(1.25rem,2.6vw,1.75rem); display:flex; flex-direction:column; gap:.7rem; flex:1; }
.co-card__name{ margin:0; font-size:var(--fs-h3); color:var(--tri-red-deep); }
.co-card__name a{ text-decoration:none; color:inherit; }
.co-card__name a::after{ content:""; position:absolute; inset:0; } /* الكرت كامل قابل للضغط */
.co-card__brief{ margin:0; font-size:var(--fs-sm); color:var(--tri-muted); line-height:1.75; }
.co-card__tags{ display:flex; flex-wrap:wrap; gap:.4rem; list-style:none; padding:0; margin:0; }
.co-card__tags li{
  background:var(--tri-sand-2); color:var(--tri-red-deep);
  font-size:.75rem; font-weight:600; padding:.32em .7em; border-radius:100px;
}
.co-card__link{
  margin-block-start:auto; padding-block-start:.35rem; font-size:var(--fs-sm); font-weight:600;
  color:var(--tri-red); display:inline-flex; align-items:center; gap:.4em;
}
.co-card__link .arrow{ transition:translate .3s var(--ease); }
.co-card:hover .co-card__link .arrow{ translate:-4px -2px; }

/* كروت الشركات الأربعة موحّدة تمامًا: نفس الخلفية ونفس الأنماط.
   هوية «الثلاثية» الخاصة تظهر داخل صفحتها فقط (.thulathiya-scope). */

/* ---------- 9. نبذة · رسالة · قيم ---------- */
/* «من نحن»: العنوان بعرض كامل، ثم فقرة استهلالية، ثم فقرتان في عمودين،
   ثم صفّ العدّادات، ثم الرسالة. النص نفسه — التقسيم بصري فقط. */
.about-head{ margin-block-end:clamp(1.5rem,3vw,2.25rem); }

.about-lead{
  font-size:clamp(1.25rem,1rem + .8vw,1.5rem);
  line-height:1.95; color:var(--tri-ink); max-width:60ch;
  margin-block-end:clamp(1.25rem,2.5vw,1.75rem);
}

.about-cols{ display:grid; grid-template-columns:1fr; gap:clamp(2rem,4vw,3.5rem); }
@media (min-width:900px){ .about-cols{ grid-template-columns:1fr 1fr; } }
.about-cols p{
  line-height:1.95; color:var(--tri-muted); max-width:62ch;
  margin-block-end:clamp(1.25rem,2.5vw,1.75rem);
}
.about-cols p:last-child{ margin-block-end:0; }

.stat-row{
  display:flex; flex-wrap:wrap; gap:clamp(1.5rem,4vw,3rem);
  margin-block-start:clamp(1.75rem,3.5vw,2.5rem);
  padding-block-start:clamp(1.5rem,3vw,2rem);
  border-block-start:1px solid var(--tri-line);
}
.stat b{ display:block; font-family:var(--font-display); font-size:clamp(2rem,1.4rem + 2.4vw,3rem);
  color:var(--tri-red-deep); font-weight:500; line-height:1; }
.stat span{ font-size:var(--fs-sm); color:var(--tri-muted); }

.pullquote{
  max-width:60%; margin:0; font-family:var(--font-display);
  font-size:clamp(1.5rem,1rem + 2.2vw,2.5rem); line-height:1.4; color:var(--tri-red-deep);
  border-inline-start:4px solid var(--tri-red); padding-inline-start:clamp(1.25rem,3vw,2.25rem);
}
@media (max-width:900px){ .pullquote{ max-width:100%; } }
.pullquote cite{ display:block; font-size:var(--fs-sm); font-style:normal; color:var(--tri-muted);
  font-family:var(--font-base); margin-block-start:1rem; }
/* اقتباس الرسالة داخل قسم «من نحن» — أصغر ومدمج */
.pullquote--inline{ max-width:100%; margin-block-start:clamp(1.5rem,3vw,2.25rem);
  font-size:clamp(1.125rem,1rem + .7vw,1.5rem); line-height:1.6; }

.values-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));
  gap:clamp(1.25rem,2.6vw,2rem); margin-block-start:clamp(2rem,4vw,3rem); }
.value{
  position:relative; background:var(--tri-paper); border:1px solid var(--tri-line);
  border-radius:var(--radius); padding:clamp(2rem,4vw,2.75rem); overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.value:hover{ transform:translateY(-4px); box-shadow:var(--shadow-card); }
.value svg{ inline-size:clamp(46px,5vw,68px); block-size:clamp(46px,5vw,68px); margin-block-end:clamp(1.25rem,2.5vw,1.75rem); }
.value h3{ margin:0 0 .35rem; font-size:clamp(1.5rem,1.15rem + .9vw,2rem); line-height:1.35; color:var(--tri-red-deep); }
.value p{ margin:0; font-size:var(--fs-sm); color:var(--tri-muted); }

/* ---------- 10. شركاء النجاح — شعارات ---------- */
/* فليكس متمركز حتى يقف الصف الأخير الناقص في منتصف الشبكة لا على طرفها */
.partners{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:1rem .75rem; list-style:none; padding:0; margin:0;
}
/* شعارات سادة على خلفية الموقع — بلا إطارات ولا بطاقات.
   كل شعار مصدّر على قماش 320×140 بخلفية الموقع نفسها، فالمسافات وحدها تفصل بينها. */
.partner{ display:block; background:none; border:0; border-radius:0; box-shadow:none;
  flex:0 1 158px; }
.partner img{ display:block; inline-size:100%; block-size:auto; }
@media (max-width:520px){
  .partners{ grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr)); gap:.75rem .5rem; }
}

/* ---------- 12. شريط الدعوة المزدوج ---------- */
/* بطاقة واحدة بعرض كامل بعد إزالة مسار الاستثمار */
.cta-band{ display:grid; grid-template-columns:1fr; gap:1px; background:rgba(226,218,203,.2); }
.cta-band__item{
  background:var(--tri-navy); padding:clamp(1.6rem,3vw,2.25rem) clamp(1.5rem,4vw,3rem);
  display:flex; flex-direction:column; align-items:flex-start; gap:1rem;
  transition:background .35s var(--ease);
}
.cta-band__item:hover{ background:#191F44; }
.cta-band__item h3{ margin:0; color:var(--tri-sand); font-size:clamp(1.375rem,1rem + 1.4vw,1.875rem); }
.cta-band__item p{ margin:0; color:rgba(226,218,203,.76); font-size:var(--fs-sm); }
.cta-band__item .btn{ margin-block-start:auto; }

/* ---------- 13. الفوتر ---------- */
.site-footer{ background:var(--tri-navy); color:var(--tri-sand); padding-block:clamp(2rem,3.6vw,2.75rem) 0; }

/* صفّ الهوية: الشعار والشعار النصي على خطّ واحد مع الهاتف والبريد */
.footer-masthead{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:clamp(1.5rem,3.5vw,2.5rem);
  padding-block-end:clamp(1.15rem,2.2vw,1.6rem);
  border-block-end:1px solid rgba(226,218,203,.16);
  margin-block-end:clamp(1.35rem,2.6vw,1.9rem);
}
.footer-identity{ display:flex; align-items:center; gap:clamp(.9rem,2.2vw,1.4rem); min-inline-size:0; }

/* لوحة رملية تحفظ المسافة الآمنة للشعار فوق الخلفية الكحلية */
.footer-brand__plate{
  background:var(--tri-sand); border-radius:var(--radius-sm);
  padding:9px 15px; display:inline-flex; flex:none;
}
.footer-brand__plate img{ block-size:38px; inline-size:auto; display:block; }
.footer-tag{
  font-family:var(--font-display); font-size:clamp(1rem,.9rem + .4vw,1.1875rem);
  line-height:1.4; color:var(--tri-sand); margin:0;
}
@media (min-width:560px){
  .footer-tag{
    padding-inline-start:clamp(.9rem,2.2vw,1.4rem);
    border-inline-start:1px solid rgba(226,218,203,.22);
  }
}

.footer-contact{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; align-items:center;
  gap:.7rem clamp(1.25rem,3vw,2.25rem); font-size:var(--fs-sm);
}
.footer-contact li{ display:flex; align-items:center; gap:.6rem; }
.fc-ico{ inline-size:17px; block-size:17px; flex:none; fill:var(--tri-sand-2); }
.footer-contact a{ direction:ltr; unicode-bidi:isolate; }

/* أعمدة الفوتر */
.footer-grid{
  display:grid; gap:clamp(1.35rem,2.6vw,2rem);
  grid-template-columns:1fr;
}
@media (min-width:640px){ .footer-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1040px){ .footer-grid{ grid-template-columns:repeat(4,1fr); } }

/* عناوين الأعمدة — لون الهوية الرملي الداكن يميّزها عن الروابط */
.site-footer h4{
  font-size:.875rem; letter-spacing:.1em; color:var(--tri-sand-2);
  margin:0 0 .8rem; font-weight:600; font-family:var(--font-base);
  display:flex; align-items:center; gap:.65rem;
}
.site-footer h4::after{
  content:""; flex:1; block-size:1px; background:rgba(202,188,161,.28);
}
.footer-list{ list-style:none; padding:0; margin:0; display:grid; gap:.45rem; }
.footer-list a,.footer-contact a{
  color:rgba(226,218,203,.86); text-decoration:none; font-size:var(--fs-sm);
  transition:color .25s var(--ease);
}
.footer-list a:hover,.footer-contact a:hover{ color:#fff; text-decoration:underline; }

/* تابعنا — حسابات المجموعة */
.footer-social a{ display:inline-flex; align-items:center; gap:.65rem; }
.footer-social span{ direction:ltr; unicode-bidi:isolate; }
.fs-ico{ inline-size:16px; block-size:16px; flex:none; fill:var(--tri-sand-2); transition:fill .25s var(--ease); }
.footer-social a:hover .fs-ico{ fill:#fff; }

.footer-bottom{
  margin-block-start:clamp(1.35rem,2.6vw,1.9rem); padding-block:1.05rem;
  border-block-start:1px solid rgba(226,218,203,.18);
  display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center;
  font-size:.8125rem; color:rgba(226,218,203,.66);
}
.footer-marks{ display:flex; gap:.6rem; }
.footer-marks svg{ inline-size:16px; block-size:16px; opacity:.7; }

/* ---------- 14. الملف التعريفي ---------- */
.profile-box{
  display:grid; gap:clamp(1.5rem,4vw,2.5rem); align-items:center; grid-template-columns:1fr;
  background:var(--tri-paper); border:1px solid var(--tri-line);
  border-radius:var(--radius); padding:clamp(1.5rem,4vw,2.5rem);
}
@media (min-width:700px){ .profile-box{ grid-template-columns:auto 1fr; } }
.profile-cover{
  inline-size:150px; aspect-ratio:1/1.414; border-radius:var(--radius-sm);
  background:var(--tri-sand); border:1px solid var(--tri-line);
  display:grid; place-items:center; padding:1rem; box-shadow:var(--shadow-card);
}
.profile-cover svg{ inline-size:100%; }
.profile-box h3{ margin:0 0 .4rem; color:var(--tri-red-deep); }
.profile-meta{ font-size:var(--fs-sm); color:var(--tri-muted); margin:0 0 1.25rem; }
.profile-actions{ display:flex; flex-wrap:wrap; gap:.7rem; }

/* ---------- 15. النماذج ---------- */
.form-block{ scroll-margin-block-start:100px; }
.form-card{
  background:var(--tri-paper); border:1px solid var(--tri-line);
  border-radius:var(--radius); padding:clamp(1.5rem,4vw,2.75rem);
}
.form-grid{ display:grid; gap:1.1rem 1.25rem; grid-template-columns:1fr; }
@media (min-width:680px){
  .form-grid{ grid-template-columns:repeat(2,1fr); }
  .field--full{ grid-column:1 / -1; }
}
.field{ display:flex; flex-direction:column; gap:.4rem; min-inline-size:0; }
.field > label,.fieldset__legend{
  font-size:var(--fs-sm); font-weight:600; color:var(--tri-ink); line-height:1.5;
}
.field .req{ color:var(--tri-red); margin-inline-start:.15em; }
.field .hint{ font-size:.8125rem; color:var(--tri-muted); line-height:1.6; }

.field input[type="text"],.field input[type="email"],.field input[type="tel"],
.field input[type="url"],.field select,.field textarea{
  inline-size:100%; padding:.72em .9em; background:#fff;
  border:1.5px solid var(--tri-line-strong); border-radius:var(--radius-sm);
  font-size:var(--fs-sm); line-height:1.6; color:var(--tri-ink);
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.field textarea{ min-block-size:130px; resize:vertical; }
.field select{ appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--tri-muted) 50%),
  linear-gradient(135deg,var(--tri-muted) 50%,transparent 50%);
  background-position:calc(0% + 18px) calc(50% + 2px),calc(0% + 23px) calc(50% + 2px);
  background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-inline-start:2.4em; }
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--tri-red); box-shadow:0 0 0 3px rgba(160,0,0,.12); outline:none;
}
.field input[type="file"]{
  inline-size:100%; padding:.6em; background:#fff; border:1.5px dashed var(--tri-line-strong);
  border-radius:var(--radius-sm); font-size:.8125rem;
}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{
  border-color:var(--tri-red); background:rgba(160,0,0,.03);
}
.field__error{ font-size:.8125rem; color:var(--tri-red); font-weight:600; min-block-size:0; display:none; }
.field__error.is-shown{ display:block; }
.counter{ font-size:.75rem; color:var(--tri-muted); text-align:start; }
.counter.is-over{ color:var(--tri-red); font-weight:600; }

.fieldset{ border:0; padding:0; margin:0; grid-column:1 / -1; }
.fieldset__legend{ padding:0; margin-block-end:.6rem; }
.check-grid{ display:flex; flex-wrap:wrap; gap:.5rem; }
.check-pill{
  display:inline-flex; align-items:center; gap:.45em; padding:.5em .9em;
  background:#fff; border:1.5px solid var(--tri-line-strong); border-radius:100px;
  font-size:.8125rem; cursor:pointer; transition:border-color .2s var(--ease), background .2s var(--ease);
}
.check-pill:hover{ border-color:var(--tri-red); }
.check-pill input{ accent-color:var(--tri-red); margin:0; }
.check-pill:has(input:checked){ background:var(--tri-sand-2); border-color:var(--tri-sand-2); color:var(--tri-red-deep); font-weight:600; }

.consent{ display:flex; gap:.7rem; align-items:flex-start; grid-column:1 / -1; font-size:var(--fs-sm); line-height:1.65; }
.consent input{ margin-block-start:.35em; accent-color:var(--tri-red); inline-size:18px; block-size:18px; flex:none; }

.hp-field{ position:absolute !important; inset-inline-start:-9999px; opacity:0; pointer-events:none; }

/* خطوات النموذج */
.steps{ display:flex; gap:.5rem; margin-block-end:2rem; list-style:none; padding:0; }
.steps li{
  flex:1; padding-block-start:.7rem; border-block-start:3px solid var(--tri-line);
  font-size:.8125rem; color:var(--tri-muted); transition:border-color .3s var(--ease), color .3s var(--ease);
}
.steps li[aria-current="step"]{ border-block-start-color:var(--tri-red); color:var(--tri-red-deep); font-weight:600; }
.steps li.is-done{ border-block-start-color:var(--tri-sand-2); color:var(--tri-ink); }
.step-panel[hidden]{ display:none; }
.form-actions{
  display:flex; gap:.75rem; flex-wrap:wrap; justify-content:space-between; align-items:center;
  margin-block-start:1.75rem; padding-block-start:1.5rem; border-block-start:1px solid var(--tri-line);
}
.form-status{ margin-block-start:1rem; padding:1rem 1.15rem; border-radius:var(--radius-sm); font-size:var(--fs-sm); display:none; }
.form-status.is-error{ display:block; background:rgba(160,0,0,.08); border:1px solid rgba(160,0,0,.3); color:var(--tri-red-deep); }
.form-status.is-ok{ display:block; background:rgba(109,124,139,.12); border:1px solid var(--tri-slate); color:var(--tri-navy); }
.saved-note{ font-size:.75rem; color:var(--tri-muted); }

/* ---------- 16. التنقل الداخلي بالتبويب ---------- */
.anchor-nav{ display:flex; gap:.5rem; flex-wrap:wrap; margin-block-end:clamp(2rem,4vw,3rem); }
.anchor-nav a{
  padding:.6em 1.15em; border-radius:100px; border:1.5px solid var(--tri-line-strong);
  text-decoration:none; font-size:var(--fs-sm); font-weight:600; color:var(--tri-ink);
  transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.anchor-nav a:hover,.anchor-nav a.is-active{ background:var(--tri-red); border-color:var(--tri-red); color:#fff; }

/* ---------- 17. صفحات داخلية ---------- */
.page-head{ padding-block:calc(96px + clamp(3rem,7vw,5rem)) clamp(2rem,5vw,3.5rem); position:relative; overflow:hidden; }
.page-head .lede{ margin-block-start:.75rem; }
.breadcrumb{ font-size:.8125rem; color:var(--tri-muted); margin-block-end:1rem; }
.breadcrumb a{ color:var(--tri-muted); text-decoration:none; }
.breadcrumb a:hover{ color:var(--tri-red-deep); text-decoration:underline; }

/* ترويسة صفحة الشركة */
.co-head{ display:grid; gap:clamp(1.5rem,4vw,2.5rem); grid-template-columns:1fr; align-items:center; }
@media (min-width:760px){ .co-head{ grid-template-columns:auto 1fr; } }
.co-head__logo{
  inline-size:clamp(180px,26vw,260px); min-block-size:130px; padding:1.5rem;
  background:#fff; border:1px solid var(--tri-line); border-radius:var(--radius);
  display:grid; place-items:center; box-shadow:var(--shadow-card);
}
.co-head__logo img{ max-block-size:84px; inline-size:auto; max-inline-size:100%; object-fit:contain; }
.co-head__en{
  margin:0 0 .85rem; font-size:.8125rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--tri-muted); direction:ltr; unicode-bidi:isolate; text-align:end;
}

/* ألوان وخط كيان «الثلاثية لحلول الأعمال» — داخل صفحته فقط */
.thulathiya-scope .page-head{ background:var(--thu-bg); }
.thulathiya-scope .page-head h1{ font-family:var(--font-thulathiya); color:var(--thu-navy); }
.thulathiya-scope .co-head__logo{ background:var(--thu-bg); }
.thulathiya-scope .tag-list li{ background:rgba(250,95,5,.12); color:var(--thu-navy); }
.thulathiya-scope .rule-strip i:nth-child(1){ background:var(--thu-orange); }
.thulathiya-scope .rule-strip i:nth-child(3){ background:var(--thu-green); }

.info-grid{ display:grid; gap:clamp(1rem,2.4vw,1.5rem); grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); }
.info-card{
  background:var(--tri-paper); border:1px solid var(--tri-line); border-radius:var(--radius);
  padding:clamp(1.35rem,3vw,1.9rem);
}
.info-card svg{ inline-size:26px; block-size:26px; margin-block-end:.9rem; }
.info-card h3{ font-size:1.125rem; margin:0 0 .4rem; color:var(--tri-red-deep); }
.info-card p{ margin:0; font-size:var(--fs-sm); color:var(--tri-muted); }

.steps-flow{ list-style:none; padding:0; margin:0; display:grid; gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); counter-reset:s; }
.steps-flow li{ counter-increment:s; padding-block-start:1.1rem; border-block-start:3px solid var(--tri-sand-2); }
.steps-flow li::before{
  content:counter(s,decimal-leading-zero); display:block; font-family:var(--font-display);
  font-size:1.5rem; color:var(--tri-red); margin-block-end:.3rem; direction:ltr;
}
.steps-flow b{ display:block; margin-block-end:.25rem; }
.steps-flow span{ font-size:var(--fs-sm); color:var(--tri-muted); }

.tag-list{ display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; padding:0; margin:0; }
.tag-list li{
  background:var(--tri-sand-2); color:var(--tri-red-deep); font-size:var(--fs-sm);
  font-weight:600; padding:.45em .95em; border-radius:100px;
}

/* ---------- شبكة الأخبار ---------- */
.news-grid{
  display:grid; grid-template-columns:1fr; gap:clamp(1.25rem,2.4vw,1.75rem);
  list-style:none; padding:0; margin:0;
}
@media (min-width:700px){ .news-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1040px){ .news-grid{ grid-template-columns:repeat(3,1fr); } }

.news-card{
  position:relative; display:flex; flex-direction:column;
  background:var(--tri-sand); border:1px solid var(--tri-line);
  border-radius:var(--radius); overflow:hidden;
  transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
}
.news-card:hover{ transform:translateY(-4px); border-color:var(--tri-line-strong); box-shadow:var(--shadow-card); }

.news-card__media{
  display:block; aspect-ratio:16/9; background:var(--tri-paper);
  border-block-end:1px solid var(--tri-line); overflow:hidden;
}
.news-card__media img{ inline-size:100%; block-size:100%; object-fit:cover; transition:scale .45s var(--ease); }
.news-card:hover .news-card__media img{ scale:1.03; }

.news-card__body{ padding:clamp(1.25rem,2.6vw,1.6rem); display:flex; flex-direction:column; gap:.6rem; flex:1; }
.news-card__date{
  font-size:.8125rem; color:var(--tri-muted); margin:0;
  font-variant-numeric:tabular-nums;
}
.news-card__title{ margin:0; font-size:1.125rem; line-height:1.5; color:var(--tri-red-deep); }
.news-card__title a{ color:inherit; text-decoration:none; }
.news-card__title a::after{ content:""; position:absolute; inset:0; } /* الكرت كامل قابل للضغط */
.news-card__excerpt{
  margin:0; font-size:var(--fs-sm); line-height:1.75; color:var(--tri-muted);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.news-card__more{
  margin-block-start:auto; padding-block-start:.35rem;
  font-size:var(--fs-sm); font-weight:600; color:var(--tri-red);
  display:inline-flex; align-items:center; gap:.4em;
}
.news-card__more .arrow{ transition:translate .3s var(--ease); }
.news-card:hover .news-card__more .arrow{ translate:-4px 0; }

.jobs-list{ list-style:none; padding:0; margin:0; display:grid; gap:.85rem; }
.job{
  display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; align-items:center; justify-content:space-between;
  background:var(--tri-paper); border:1px solid var(--tri-line); border-radius:var(--radius);
  padding:1.15rem clamp(1.15rem,2.5vw,1.6rem);
}
.job b{ font-size:1.0625rem; color:var(--tri-red-deep); }
.job .job-meta{ font-size:var(--fs-sm); color:var(--tri-muted); }
.empty-state{
  background:var(--tri-paper); border:1px dashed var(--tri-line-strong); border-radius:var(--radius);
  padding:clamp(1.5rem,4vw,2.25rem); text-align:center; color:var(--tri-muted); font-size:var(--fs-sm);
}

.prose{ max-width:72ch; }
.prose h2{ font-size:var(--fs-h3); margin-block-start:2.5rem; }
.prose h2:first-child{ margin-block-start:0; }
.prose ul{ padding-inline-start:1.3em; color:var(--tri-muted); }
.prose li{ margin-block-end:.5rem; }
.prose p{ color:var(--tri-muted); }

/* ---------- لوحة شركة داخل مشهد السكرول: شعار كبير يسارًا والكلام يمينًا ---------- */
.section--intro{ padding-block-end:clamp(1rem,2vw,1.5rem); }
.story-panel--co .story-panel__art{
  display:grid; place-items:center; text-decoration:none;
  inline-size:min(100%,520px);
}
.story-panel--co .story-panel__art img{
  inline-size:100%; block-size:auto; max-block-size:min(42svh,380px); object-fit:contain;
}
.story-co__eyebrow{
  margin:0 0 .6rem; font-size:var(--fs-sm); font-weight:600; letter-spacing:.06em; color:var(--tri-red);
}
.story-co__name{ margin:0; font-size:clamp(1.75rem,3.2vw,2.875rem); line-height:1.35; color:var(--tri-red-deep); }
/* في «من نحن» هذا السطر هو عنوان اللوحة لا تسمية فوقها،
   فكان أصغر من نصّه؛ يأخذ حجم العنوان وتراصًّا أهدأ. */
.story-panel--about .story-co__eyebrow{
  font-size:clamp(1.625rem,1rem + 2.4vw,2.625rem);
  line-height:1.3; letter-spacing:.01em; margin-block-end:.25rem;
}
@media (max-width:760px){
  .story-panel--about .story-co__eyebrow{ font-size:clamp(1.375rem,6.6vw,1.9375rem); }
}
.story-panel--co .story-rule{ background:var(--tri-red); margin-block:1.25rem; }
.story-co__brief{
  margin:0; font-size:clamp(1rem,1.4vw,1.1875rem); line-height:1.9;
  color:var(--tri-muted); max-inline-size:48ch;
}
.story-co__tags{ display:flex; flex-wrap:wrap; gap:.45rem; list-style:none; padding:0; margin:1.5rem 0 0; }
.story-co__tags li{
  background:var(--tri-sand-2); color:var(--tri-red-deep);
  font-size:.8125rem; font-weight:600; padding:.35em .85em; border-radius:100px;
}
.story-co__cta{ margin-block-start:1.75rem; }
@media (max-width:760px){
  .story-panel--co .story-panel__art{ inline-size:min(72%,300px); }
  .story-panel--co .story-panel__art img{ max-block-size:22svh; }
  .story-co__brief{ max-inline-size:100%; }
}

/* ---------- العناصر البصرية للهوية داخل لوحات الشركات ----------
   مرجعها دليل الهوية، بند ٤ «العناصر البصرية».
   محصورة بـ [data-co] حتى لا تمسّ لوحات الفصل (من نحن / قيمنا) ولا لوحات القيم. */
.story-panel--co[data-co] .story-panel__art{
  position:relative; aspect-ratio:13 / 10;
  min-block-size:clamp(210px,32svh,320px);
}
/* الشعار في مساحة محجوزة لا تلمسها الدائرة */
/* الشعار في منتصف المربع تمامًا، وخارج مسار الدائرة والمثلث */
.story-panel--co[data-co] .story-panel__art img{
  position:absolute; left:24%; top:24%; width:52%; height:52%;
  inline-size:52%; block-size:52%; max-inline-size:none; max-block-size:none;
  object-fit:contain; z-index:1;
}
.co-art{
  position:absolute; inset:0; inline-size:100%; block-size:100%;
  z-index:0; pointer-events:none;
}
.ca-sq{ fill:var(--tri-sand-2); opacity:.36; }
.ca-tr{ fill:var(--tri-slate); opacity:.48; }
.ca-x{ fill:var(--tri-navy); opacity:.58; }
.ca-ci{ fill:var(--tri-red); opacity:.8; }
.ca-ci-deep{ fill:var(--tri-red-deep); opacity:.88; }

/* تكوين هادئ على الحافة الخارجية للوحة — بديل الشريط المتكرر */
.co-edge{
  position:absolute; inset-inline-end:0; inset-block-start:50%; translate:0 -50%;
  inline-size:clamp(88px,10vw,168px); block-size:auto; max-block-size:76%;
  z-index:0; pointer-events:none; overflow:visible;
}
.ce-sq{ fill:var(--tri-sand-2); opacity:.3; }
.ce-tr{ fill:var(--tri-slate); opacity:.22; }
.ce-ci{ fill:var(--tri-red); opacity:.14; }
@media (max-width:900px){ .co-edge{ display:none; } }
@media (max-width:760px){
  .story-panel--co[data-co] .story-panel__art{ min-block-size:170px; aspect-ratio:13 / 9; }
  .story-panel--co[data-co] .story-panel__art img{ left:23%; top:23%; width:54%; height:54%; }
}

/* ---------- صفحة خبر مفردة ---------- */
.article__kicker{
  font-size:var(--fs-sm); font-weight:600; letter-spacing:.08em;
  color:var(--tri-red); margin-block-end:.75rem;
}
.article__meta{ margin-block-start:1rem; font-size:var(--fs-sm); color:var(--tri-muted); }
.article__hero{
  margin:clamp(1.5rem,4vw,2.5rem) 0 0; border-radius:var(--radius); overflow:hidden;
  border:1px solid var(--tri-line);
}
.article__hero img{ display:block; inline-size:100%; block-size:auto; }
.article__hero figcaption,.article__figure figcaption{
  padding:.85rem 1rem; font-size:var(--fs-sm); color:var(--tri-muted);
  background:var(--tri-paper); border-block-start:1px solid var(--tri-line);
}
.article__figure{
  margin:clamp(2rem,4vw,2.75rem) 0; border:1px solid var(--tri-line);
  border-radius:var(--radius); overflow:hidden;
}
.article__figure img{ display:block; inline-size:100%; block-size:auto; }
.article__body{ margin-block-start:clamp(2rem,5vw,3rem); }
.article__lead{
  font-size:clamp(1.125rem,1rem + .65vw,1.4rem); line-height:1.85;
  color:var(--tri-ink) !important; margin-block-end:2rem;
}
.article__body h2{ color:var(--tri-red-deep); }
.fact-box{
  margin-block-start:clamp(2rem,4vw,3rem); padding:clamp(1.5rem,3vw,2rem);
  border:1px solid var(--tri-line); border-radius:var(--radius); background:var(--tri-paper);
}
.fact-box h3{ margin:0 0 1.25rem; font-size:var(--fs-h3); color:var(--tri-red-deep); }
.fact-box dl{ margin:0 0 1.5rem; display:grid; gap:.85rem; }
.fact-box dl > div{ display:grid; gap:.15rem; }
@media (min-width:620px){ .fact-box dl > div{ grid-template-columns:180px 1fr; gap:1rem; align-items:baseline; } }
.fact-box dt{ font-weight:600; color:var(--tri-ink); font-size:var(--fs-sm); }
.fact-box dd{ margin:0; color:var(--tri-muted); font-size:var(--fs-sm); line-height:1.7; }
.article__back{ margin-block:clamp(2.5rem,5vw,3.5rem) 0; }
.article__back a{ color:var(--tri-red); font-weight:600; text-decoration:none; }
.article__back a:hover{ text-decoration:underline; }

/* صفحة الشكر */
.thanks{ min-block-size:100svh; display:grid; place-items:center; text-align:center; padding:6rem var(--gutter) 4rem; }
.thanks__art{ inline-size:min(80%,320px); margin:0 auto 2rem; }

/* ---------- 18. تحسين تدريجي: لا يُخفى أي محتوى بانتظار JavaScript ---------- */
.motion-enabled [data-fade].is-entering{ animation:section-enter .7s var(--enter-delay,0s) var(--ease-out) both; }
.companies-grid > :nth-child(even){ --enter-delay:.1s; }
.values-grid > :nth-child(2){ --enter-delay:.06s; }
.values-grid > :nth-child(3){ --enter-delay:.12s; }
.values-grid > :nth-child(4){ --enter-delay:.18s; }
@keyframes section-enter{ from{ opacity:.65; translate:0 16px; } to{ opacity:1; translate:0 0; } }
.motion-suspended *,.motion-suspended *::before,.motion-suspended *::after{ animation-play-state:paused !important; }

@media (hover:hover) and (pointer:fine){
  .story-cta .btn:hover{ transform:translateY(-2px); }
  .co-card:focus-within{ box-shadow:var(--shadow-lift); border-color:var(--tri-line-strong); }
}

/* Navigation remains usable if JavaScript is disabled. */
@media (max-width:1040px){
  .no-js .site-header{ position:relative; }
  .no-js .site-header .shell{ flex-wrap:wrap; padding-block:.5rem; }
  .no-js .nav{ position:static; transform:none; visibility:visible; flex-direction:row; flex-wrap:wrap;
    background:transparent; padding:0 0 .5rem; gap:.5rem 1rem; }
  .no-js .nav a{ color:var(--tri-ink); font-size:var(--fs-sm); }
  .no-js .nav-toggle,.no-js .nav-marks{ display:none; }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  [data-fade]{ opacity:1 !important; transform:none !important; translate:none !important; }
}

/* ---------- 19. الطباعة ---------- */
@media print{
  .site-header,.cta-band,.nav-toggle,.anchor-nav{ display:none !important; }
  body{ background:#fff; color:#000; }
  *,*::before,*::after{ animation:none !important; transition:none !important; }
  [data-fade]{ opacity:1 !important; translate:none !important; }
  .scroll-story.is-enhanced{ block-size:auto; }
  .is-enhanced .story-stage{ position:static; block-size:auto; overflow:visible; }
  .is-enhanced .story-panels{ position:static; block-size:auto; translate:none; }
  .is-enhanced .story-panel{ position:static; inline-size:100%; block-size:auto; display:flex; opacity:1 !important;
    visibility:visible; transform:none !important; translate:none; padding-block:1rem; break-inside:avoid; box-shadow:none; }
  .is-enhanced .story-panel__art{ display:block; inline-size:110px; }
  .is-enhanced .story-stage::before,.is-enhanced .story-stage::after,.is-enhanced .story-panel::before{ display:none; }
}

/* ---------- لوحة فصل: عنوان كبير على خلفية أشكال الهوية ---------- */
.story-panel--chapter{ position:relative; }
.is-enhanced .story-panel--chapter{ display:block; padding-inline:var(--gutter); }
.is-enhanced .story-panel--chapter::before{ display:none; }
.story-chapter__bg{
  position:absolute; inset-block:0; inset-inline:0; margin:auto;
  inline-size:min(94%,1080px); block-size:auto; max-block-size:70%;
  opacity:.3; z-index:0; pointer-events:none;
}
.story-chapter__copy{
  position:relative; z-index:1; display:grid; place-content:center; justify-items:center;
  block-size:100%; text-align:center;
}
.story-chapter__title{
  margin:0; font-size:clamp(2.5rem,1.35rem + 5.6vw,6rem); line-height:1.22; color:var(--tri-red-deep);
}
.story-panel--chapter .story-rule{ margin-inline:auto; transform-origin:center; }

/* أطوال القصص: شاشة لكل لوحة + شاشة ثبات */
.scroll-story--home.is-enhanced{ block-size:1000svh; }   /* 9 لوحات */
.scroll-story--about.is-enhanced{ block-size:1200svh; }  /* 11 لوحة */

/* ---------- نقاط توقّف أصلية على الأجهزة اللمسية ---------- */
/* علامات صامتة عند حدّ كل لوحة، يضعها السكربت بالبكسل بعد القياس. */
.story-stops{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.story-stops i{ position:absolute; inset-inline-start:0; inline-size:1px; block-size:1px; }
@media (hover:none) and (pointer:coarse){
  @supports (scroll-snap-stop: always){
    /* المتصفّح يوقف اندفاع الإصبع عند أول حدّ لوحة، فلا يشدّ السكربت الصفحة.
       والسحبة الواحدة تكفي للوحة الواحدة بدل شاشة كاملة من التمرير. */
    html.has-story-stops{ scroll-snap-type:y proximity; }
    .story-stops i{ scroll-snap-align:start; scroll-snap-stop:always; }
    .scroll-story--home.is-enhanced{ block-size:730svh; }   /* 9 × 70 + 100 */
    .scroll-story--about.is-enhanced{ block-size:870svh; }  /* 11 × 70 + 100 */
  }
}

/* أشكال مبعثرة خفيفة تملأ فراغ اللوحة دون مزاحمة النص */
.scatter{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.sc{
  position:absolute; display:block;
  inset-block-start:var(--y); left:var(--x);
  inline-size:var(--s); block-size:var(--s); opacity:var(--o);
}
.sc--ci{ background:var(--tri-red); border-radius:50%; }
.sc--sq{ background:var(--tri-sand-2); }
.sc--tr{ background:var(--tri-slate); clip-path:polygon(0 100%,100% 100%,0 0); }
.story-panel--about .story-copy,
.story-panel--about .story-panel__art,
.story-panel--chapter .story-chapter__copy{ position:relative; z-index:1; }
.story-panel--chapter.is-current .sc,
.story-panel--about.is-current .sc{ animation:scIn .9s cubic-bezier(.22,1,.36,1) both; }
.sc:nth-child(2){ animation-delay:.08s } .sc:nth-child(3){ animation-delay:.16s }
.sc:nth-child(4){ animation-delay:.24s } .sc:nth-child(5){ animation-delay:.32s }
.sc:nth-child(6){ animation-delay:.4s }  .sc:nth-child(7){ animation-delay:.48s }
@keyframes scIn{ from{ opacity:0; transform:scale(.4) } to{ opacity:var(--o); transform:none } }
@media (max-width:760px){ .sc{ opacity:calc(var(--o) * .6); } }

/* لوحات «من نحن» */
.story-panel--about .story-panel__art{ display:grid; place-items:center; inline-size:min(72%,300px); }
.story-panel--about .story-panel__art svg{
  inline-size:100%; block-size:auto; max-block-size:min(30svh,280px); overflow:visible;
}
.story-panel--about .story-co__brief{
  font-size:clamp(1.125rem,1.05rem + .7vw,1.6875rem); line-height:1.85;
  color:var(--tri-ink); max-inline-size:46ch;
}
.story-panel--about .story-co__brief--quote{ font-family:var(--font-display); color:var(--tri-red-deep); }
.story-panel--about .stat-row{ margin-block-start:2rem; }

/* لوحة «رسالتنا»: تكوين الهوية والأرقام بحجم يملأ المشهد.
   التكوين هنا عريض (600×320) فلا ينطبق عليه إطار لوحات الشركات المربّع. */
.story-panel--mission .story-panel__art{
  inline-size:min(100%,620px); aspect-ratio:auto; min-block-size:0;
}
.is-enhanced .story-panel--mission .story-panel__art{
  inline-size:min(132%,760px); max-inline-size:none; max-block-size:none;
}
.story-panel--mission .stat-row{
  gap:clamp(2rem,5vw,4rem); margin-block-start:clamp(2rem,4vw,2.75rem);
}
.story-panel--mission .stat b{ font-size:clamp(3rem,2rem + 4.4vw,5.5rem); }
.story-panel--mission .stat span{ font-size:clamp(1rem,.9rem + .55vw,1.3125rem); }
.story-panel--mission .story-co__brief--quote{ font-size:clamp(1.125rem,1.6vw,1.4375rem); }
@media (max-width:760px){
  .story-panel--mission .story-panel__art,
  .is-enhanced .story-panel--mission .story-panel__art{
    inline-size:min(100%,420px); max-inline-size:100%;
  }
  .story-panel--mission .stat b{ font-size:clamp(2.5rem,9vw,3.5rem); }
}

/* لوحات «قيمنا» */
.story-panel--value .story-panel__art{ display:grid; place-items:center; inline-size:min(72%,290px); }
.story-panel--value .story-panel__art svg{
  inline-size:100%; block-size:auto; max-block-size:min(30svh,270px);
}
.story-panel--value .story-co__name{ font-size:clamp(2.25rem,1.6rem + 3.2vw,4rem); }

/* تكبير هيرو الصفحة الرئيسية ووضوحه — سطح المكتب فقط حتى لا تنكسر قواعد الجوال */
@media (min-width:761px){
  .is-enhanced .story-panel--identity{
    gap:clamp(6px,1.5svh,16px);
    padding-block:calc(96px + 2svh) 4svh;
  }
  .is-enhanced .story-panel__art--identity{ inline-size:min(56%,460px); max-block-size:min(24svh,240px); }
  .is-enhanced .story-logo{ block-size:clamp(122px,15svh,178px); flex:none; }
  .is-enhanced .story-identity h1{ font-size:clamp(2.75rem,1.6rem + 3.6vw,4.75rem); }
  .is-enhanced .story-tag{ font-size:clamp(1rem,.9rem + .55vw,1.4rem); }
}
@media (max-height:760px){
  .is-enhanced .story-panel__art--identity{ max-block-size:19svh; }
  .is-enhanced .story-identity h1{ font-size:clamp(2.125rem,4.4vw,3.25rem); }
  .is-enhanced .story-logo{ block-size:clamp(88px,11svh,112px); flex:none; }
  .is-enhanced .story-since{ margin-block-start:.1rem; }
}

@media (max-width:760px){
  .story-chapter__bg{ inline-size:min(100%,520px); max-block-size:46%; opacity:.24; }
  .story-panel--about .story-panel__art{ inline-size:min(58%,240px); }
  .story-panel--about .story-panel__art svg{ max-block-size:20svh; }
  .story-panel--about .story-co__brief{ max-inline-size:100%; font-size:clamp(1rem,.95rem + .6vw,1.25rem); }
  .story-panel--value .story-panel__art{ inline-size:min(56%,220px); }
  .story-panel--value .story-panel__art svg{ max-block-size:20svh; }
}

/* الشاشات القصيرة: يبقى الشكل داخل الإطار */
@media (max-height:620px){
  .story-panel--about .story-panel__art svg{ max-block-size:26svh; }
  .story-panel--value .story-panel__art svg{ max-block-size:26svh; }
}

/* لا أشكال زخرفية خلف لوحات الشركات */
.is-enhanced .story-panel--co::before{ display:none !important; }

/* منذ 2011 */
.story-since{
  display:flex; align-items:center; gap:.6rem; margin:.35rem 0 0;
  font-size:clamp(.875rem,.82rem + .25vw,1.0625rem); color:var(--tri-muted);
}
.story-since::before,.story-since::after{
  content:""; display:block; inline-size:clamp(32px,6vw,84px); block-size:1px;
  background:var(--tri-sand-2);
}
.story-since b{ font-weight:600; font-size:1.2em; letter-spacing:.1em; color:var(--tri-red-deep); }

/* رسالتنا */
.story-mission__title{
  margin:0; font-size:clamp(2.25rem,1.55rem + 3.2vw,4rem); line-height:1.25; color:var(--tri-red);
}
.story-panel--about .story-mission__title + .story-rule{ margin-block:1.1rem 1.4rem; }

/* ---------- أشكال خلف كلام كل شركة ---------- */
.story-panel--co .story-copy{ position:relative; }
.story-panel--co .story-copy > :not(.story-co__bg){ position:relative; z-index:1; }
.story-co__bg{
  position:absolute; inset-block-start:-30%; inset-inline-start:-20%;
  inline-size:clamp(230px,27vw,400px); block-size:auto;
  opacity:.16; z-index:0; pointer-events:none;
}
.story-panel--co.is-current .story-co__bg{
  animation:coBgIn 1.5s cubic-bezier(.22,1,.36,1) both, coBgFloat 12s ease-in-out 1.5s infinite;
}
@keyframes coBgIn{
  from{ opacity:0; transform:scale(.7) rotate(-16deg); }
  to{ opacity:.16; transform:scale(1) rotate(-6deg); }
}
@keyframes coBgFloat{
  0%,100%{ transform:translateY(0) rotate(-6deg); }
  50%{ transform:translateY(-16px) rotate(-1deg); }
}

/* ---------- لمسة الهوية في لوحات العناوين ---------- */
.story-chapter__marks{ display:flex; gap:.7rem; align-items:center; justify-content:center; margin-block-end:1.5rem; }
.story-chapter__marks i{ display:block; inline-size:18px; block-size:18px; flex:none; }
.story-chapter__marks .sm-ci{ background:var(--tri-red); border-radius:50%; }
.story-chapter__marks .sm-sq{ background:var(--tri-sand-2); }
.story-chapter__marks .sm-tr{ background:var(--tri-slate); clip-path:polygon(0 100%,100% 100%,0 0); }
/* بصمة الهوية في زاوية اللوحة: ظاهرة بوضوح، وكل شكل بشفافية تناسب لونه */
.story-chapter__mark{
  position:absolute; inset-block-end:5%; inset-inline-start:3.5%;
  inline-size:min(40%,440px); block-size:auto; opacity:1; z-index:0; pointer-events:none;
}
.story-chapter__mark--alt{
  inset-block-end:auto; inset-inline-start:auto;
  inset-block-start:16%; inset-inline-end:4%;
  inline-size:min(20%,215px); opacity:.6;
}
.story-chapter__mark .m-sq{ opacity:.95; }
.story-chapter__mark .m-ci{ opacity:.38; }
.story-chapter__mark .m-tr{ opacity:.55; }
.story-chapter__mark .m-x{ opacity:.6; }
.story-chapter__copy{ z-index:1; }
.story-panel--chapter.is-current .story-chapter__marks i{ animation:chipIn .7s cubic-bezier(.22,1,.36,1) both; }
.story-panel--chapter.is-current .story-chapter__marks i:nth-child(2){ animation-delay:.12s; }
.story-panel--chapter.is-current .story-chapter__marks i:nth-child(3){ animation-delay:.24s; }
.story-panel--chapter.is-current .story-chapter__mark{ animation:markIn 1.7s cubic-bezier(.22,1,.36,1) both; }
.story-panel--chapter.is-current .story-chapter__mark--alt{ animation:markInAlt 1.9s cubic-bezier(.22,1,.36,1) .12s both; }
@keyframes markInAlt{ from{ opacity:0; transform:translate3d(40px,-40px,0) rotate(8deg); } to{ opacity:.6; transform:none; } }
@keyframes chipIn{ from{ opacity:0; transform:translateY(-10px) scale(.6); } to{ opacity:1; transform:none; } }
@keyframes markIn{ from{ opacity:0; transform:translate3d(-48px,48px,0) rotate(-8deg); } to{ opacity:1; transform:none; } }

/* قرّبنا «شركاء النجاح» من قصة الشركات بعد حذف شريط الأشكال */
#partners{ padding-block-start:clamp(2rem,4vw,3.25rem); }

/* ---------- شريط أشكال الهوية: إطار على خلفية الموقع ---------- */
.shape-marquee{ margin-block:clamp(2.5rem,6vw,4.5rem) 0; }
.shape-marquee__frame{
  border:1px solid var(--tri-line); border-radius:var(--radius);
  background:var(--tri-sand); padding-block:clamp(.85rem,1.7vw,1.1rem);
  overflow:hidden; overflow:clip;
}
.shape-marquee__viewport{
  direction:ltr;                       /* أصل الشريط من أقصى اليمين وحركته لليسار */
  overflow:hidden; overflow:clip;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.shape-marquee__track{
  display:flex; align-items:center; inline-size:max-content; direction:ltr;
  animation:sm-slide 64s linear infinite; will-change:transform;
}
.shape-marquee:hover .shape-marquee__track{ animation-play-state:paused; }
.sb{
  display:block; flex:none; inline-size:22px; block-size:22px;
  margin-inline-end:clamp(1.5rem,2.6vw,2.125rem);
}
.sb-xs{ inline-size:12px; block-size:12px; }
.sb-sq{ background:var(--tri-sand-2); }
.sb-ci{ background:var(--tri-red); border-radius:50%; }
.sb-tr{ background:var(--tri-slate); clip-path:polygon(0 100%,100% 100%,0 0); }
.sb-x{ background:var(--tri-navy); clip-path:polygon(0 100%,100% 100%,0 0); }
.sb-line{ inline-size:1px; block-size:26px; background:var(--tri-line); }
@keyframes sm-slide{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }

@media (max-width:760px){
  .story-co__bg{ inline-size:clamp(140px,42vw,220px); opacity:.1; }
  .story-chapter__mark{ inline-size:min(82%,360px); }
  .story-chapter__marks i{ inline-size:14px; block-size:14px; }
  .sb{ inline-size:18px; block-size:18px; margin-inline-end:1.25rem; }
  .sb-xs{ inline-size:10px; block-size:10px; }
  .sb-line{ inline-size:1px; block-size:22px; }
}
@media (prefers-reduced-motion:reduce){
  .shape-marquee__track{ animation:none; }
  .story-panel--co.is-current .story-co__bg,
  .story-panel--chapter.is-current .story-chapter__marks i,
  .story-panel--chapter.is-current .story-chapter__mark{ animation:none; }
}


/* ---------- شريط الأخبار — أسفل شركاء النجاح ---------- */
.news-ticker{ padding-block:0 clamp(3.5rem,7vw,5.5rem); }
.news-ticker__head{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; margin-block-end:.9rem;
}
.news-ticker__label{
  font-family:var(--font-base); font-size:.8125rem; font-weight:600;
  letter-spacing:.12em; color:var(--tri-muted); margin:0;
}
.news-ticker__all{
  font-size:var(--fs-sm); color:var(--tri-red-deep); text-decoration:none;
  display:inline-flex; align-items:center; gap:.4rem;
}
.news-ticker__all:hover{ text-decoration:underline; }
.news-ticker__all .arrow{ transition:translate .3s var(--ease); }
.news-ticker__all:hover .arrow{ translate:-4px 0; }

.news-ticker__frame{
  border:1px solid var(--tri-line); border-radius:var(--radius);
  background:var(--tri-paper); overflow:hidden; overflow:clip;
}
.news-ticker__viewport{
  overflow:hidden; overflow:clip;
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 6%,#000 94%,transparent 100%);
          mask-image:linear-gradient(to left,transparent 0,#000 6%,#000 94%,transparent 100%);
}
.news-ticker__track{
  display:flex; align-items:center; inline-size:max-content;
  animation:nt-slide 72s linear infinite; will-change:transform;
}
/* الشريط لا يتوقّف: لا عند المرور بالمؤشر ولا عند التنقّل بلوحة المفاتيح. */

.news-ticker__item{
  display:inline-flex; align-items:center; gap:.7rem; flex:none;
  padding-inline:clamp(1.1rem,2.4vw,1.75rem);
  padding-block:clamp(.95rem,1.9vw,1.2rem);
  color:var(--tri-ink); text-decoration:none; font-size:var(--fs-sm);
  white-space:nowrap; line-height:1.5;
}
.news-ticker__item + .news-ticker__item{ border-inline-end:1px solid var(--tri-line); }
.news-ticker__item:hover .news-ticker__text{ text-decoration:underline; }
.news-ticker__item:hover{ color:var(--tri-red-deep); }

/* أشكال الهوية الثلاثة تتناوب على العناوين */
.news-ticker__mark{
  inline-size:9px; block-size:9px; flex:none;
  background:var(--tri-red); border-radius:50%;
}
.news-ticker__item:nth-child(3n+2) .news-ticker__mark{
  background:var(--tri-slate); border-radius:0; clip-path:polygon(0 100%,100% 100%,0 0);
}
.news-ticker__item:nth-child(3n+3) .news-ticker__mark{
  background:var(--tri-sand-2); border-radius:0;
}

/* الاتجاه العربي: العناوين تدخل من اليسار وتتقدّم نحو اليمين */
@keyframes nt-slide{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(50%,0,0); } }

@media (prefers-reduced-motion:reduce){
  .news-ticker__track{ animation:none; }
  .news-ticker__viewport{ overflow-x:auto; }
}

/* عنصر يحمل [hidden] يجب ألا يظهر مهما كانت قاعدة display الخاصة به */
[hidden]{ display:none !important; }


/* ---------- لوحة ختام «قيمنا»: القيم الأربع تتجمّع وتتركّب ---------- */
.is-enhanced .story-panel--vsum{ display:block; padding-inline:var(--gutter); }
.is-enhanced .story-panel--vsum::before{ display:none; }
.vsum{
  block-size:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  gap:clamp(.75rem,1.6vw,1.25rem);
}
.vsum__eyebrow{
  margin:0; font-size:var(--fs-sm); font-weight:600; letter-spacing:.14em;
  color:var(--tri-red);
}
.vsum__stage{ inline-size:min(100%,640px); }
.vsum__art{
  inline-size:100%; block-size:auto; max-block-size:min(34svh,300px); overflow:visible;
}
.vsum-p{ transform-box:fill-box; transform-origin:center; }
.vsum__art .m-sq{ fill:var(--tri-sand-2); }
.vsum__art .m-tr{ fill:var(--tri-slate); }
.vsum__art .m-x{ fill:var(--tri-navy); }
.vsum__art .m-ci{ fill:var(--tri-red); }
.vsum__title{
  margin:0; font-family:var(--font-display); color:var(--tri-red-deep);
  font-size:clamp(1.5rem,1.1rem + 1.9vw,2.625rem); line-height:1.3;
}
.vsum__list{
  list-style:none; margin:.4rem 0 0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:clamp(.9rem,2.4vw,2rem) clamp(1.25rem,3.2vw,2.75rem);
}
.vsum__item{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.35em 0;
  font-size:clamp(1rem,.92rem + .45vw,1.25rem);
  font-weight:600; color:var(--tri-red-deep);
}
/* القيم بلا فواصل — المسافة وحدها تفصلها */
.vsum__item + .vsum__item{ padding-inline-start:0; }
.vsum__item i{ inline-size:13px; block-size:13px; flex:none; }
.vsum__item .sm-ci{ background:var(--tri-red); border-radius:50%; }
.vsum__item .sm-sq{ background:var(--tri-sand-2); }
.vsum__item .sm-tr{ background:var(--tri-slate); clip-path:polygon(0 100%,100% 100%,0 0); }
.vsum__item .sm-x{ background:var(--tri-navy); clip-path:polygon(0 0,0 100%,100% 100%); }
@media (max-width:760px){
  .vsum__stage{ inline-size:min(100%,440px); }
  .vsum__art{ max-block-size:24svh; }
  .vsum__item{ padding:.3em 0; }
}
@media (prefers-reduced-motion:reduce){
  .vsum-p,.vsum__item{ animation:none !important; }
}


/* ---------- مبدّل اللغة ---------- */
.nav-lang{
  display:inline-flex; align-items:center; justify-content:center;
  min-inline-size:44px; padding:.45em .85em; border-radius:100px;
  border:1px solid var(--tri-line-strong); color:var(--tri-ink);
  font-size:.8125rem; font-weight:600; letter-spacing:.04em;
  text-decoration:none; font-family:var(--font-base);
  transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.nav-lang:hover,.nav-lang:focus-visible{
  background:var(--tri-red); border-color:var(--tri-red); color:#fff;
}
.header-actions{ display:flex; align-items:center; gap:.6rem; }
@media (max-width:640px){ .nav-lang{ min-inline-size:40px; padding:.4em .7em; font-size:.75rem; } }

/* ---------- النسخة الإنجليزية: مقاسات تايبوغرافية مناسبة للاتينية ---------- */
html[lang="en"] body{ line-height:1.7; }
html[lang="en"] .story-word .w-ar{ display:none; }
html[lang="en"] .story-co__brief,
html[lang="en"] .prose p,
html[lang="en"] .lede{ line-height:1.75; }
html[lang="en"] .vsum__item span,
html[lang="en"] .story-co__tags li{ letter-spacing:.01em; }