/* ============================================================
   ZANYAR — MAIN STYLESHEET
   RTL-first. Logical CSS properties throughout (no left/right).
   ============================================================ */

/* ---------- RESET ---------- */
*, *::before, *::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *, *::before, *::after{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}
body{ margin:0; }
img, svg{ display:block; max-width:100%; height:auto; }
ul, ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6,p,figure{ margin:0; }
a{ color:inherit; text-decoration:none; }
button, input, textarea, select{ font:inherit; color:inherit; background:none; border:none; }
button{ cursor:pointer; }

/* ---------- BASE ---------- */
html{ direction:rtl; }
body{
  font-family:var(--font-fa);
  background:var(--color-bg);
  color:var(--color-text-primary);
  font-size:var(--fs-body);
  line-height:var(--lh-normal);
  font-feature-settings:"ss01" 1;
  overflow-x:hidden;
}

/* LTR helper — for phone numbers, emails, latin numerals inside RTL context */
.ltr{ direction:ltr; unicode-bidi:isolate; display:inline-block; }

:focus-visible{
  outline:2.5px solid var(--color-focus);
  outline-offset:3px;
  border-radius:4px;
}
:focus:not(:focus-visible){ outline:none; }

/* ---------- TYPOGRAPHY ---------- */
h1,.h1{ font-size:var(--fs-h1); line-height:var(--lh-tight); font-weight:800; letter-spacing:-0.01em; }
h2,.h2{ font-size:var(--fs-h2); line-height:var(--lh-tight); font-weight:800; letter-spacing:-0.01em; }
h3,.h3{ font-size:var(--fs-h3); line-height:var(--lh-snug); font-weight:700; }
h4,.h4{ font-size:var(--fs-h4); line-height:var(--lh-snug); font-weight:700; }
h5,.h5{ font-size:var(--fs-h5); line-height:var(--lh-snug); font-weight:600; }
.display{ font-size:var(--fs-display); line-height:0.98; font-weight:800; letter-spacing:-0.015em; }

.eyebrow{
  display:inline-flex; align-items:center; gap:var(--sp-2);
  font-size:var(--fs-eyebrow); font-weight:700; letter-spacing:0.04em;
  color:var(--color-accent-strong); text-transform:none;
}
.eyebrow::before{
  content:""; width:22px; height:2px; background:currentColor; border-radius:2px; flex:none;
}
.eyebrow.on-dark{ color:var(--p-saffron-300); }

.lede{ font-size:var(--fs-body-lg); line-height:var(--lh-relaxed); color:var(--color-text-secondary); }
.muted{ color:var(--color-text-secondary); }

/* ---------- LAYOUT ---------- */
.container{ max-width:var(--container-max); margin-inline:auto; padding-inline:var(--sp-6); }
.container--narrow{ max-width:var(--container-narrow); margin-inline:auto; padding-inline:var(--sp-6); }
.section{ padding-block:var(--sp-9); }
.section--tight{ padding-block:var(--sp-7); }
.section--dark{ background:var(--color-surface-dark); color:var(--color-text-on-dark); }
.section--tinted{ background:var(--color-bg-alt); }

.stack{ display:flex; flex-direction:column; }
.gap-2{ gap:var(--sp-2); } .gap-3{ gap:var(--sp-3); } .gap-4{ gap:var(--sp-4); }
.gap-5{ gap:var(--sp-5); } .gap-6{ gap:var(--sp-6); }

.section-head{ max-width:640px; margin-bottom:var(--sp-7); display:flex; flex-direction:column; gap:var(--sp-3); }
.section-head--center{ margin-inline:auto; text-align:center; align-items:center; }

.skip-link{
  position:absolute; inset-inline-start:-999px; top:0; z-index:999;
  background:var(--color-conversion); color:var(--p-black); padding:var(--sp-3) var(--sp-5);
  border-radius:0 0 var(--radius-sm) var(--radius-sm); font-weight:700;
}
.skip-link:focus{ inset-inline-start:var(--sp-4); }

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2);
  padding:0.9em 1.6em; border-radius:var(--radius-pill);
  font-weight:700; font-size:var(--fs-body-sm); line-height:1;
  transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
  min-height:44px; white-space:nowrap;
}
.btn:active{ transform:scale(0.97); }

.btn--conversion{ background:var(--color-conversion); color:var(--p-black); box-shadow:var(--shadow-sm); }
.btn--conversion:hover{ background:var(--color-conversion-strong); color:var(--p-white); box-shadow:var(--shadow-md); }

.btn--primary{ background:var(--color-surface-dark); color:var(--color-text-on-dark); }
.btn--primary:hover{ background:var(--p-black); }

.btn--secondary{ background:transparent; color:var(--color-text-primary); border:1.5px solid var(--color-border); }
.btn--secondary:hover{ border-color:var(--color-accent); color:var(--color-accent-strong); }
.section--dark .btn--secondary{ border-color:var(--color-border-dark); color:var(--color-text-on-dark); }
.section--dark .btn--secondary:hover{ border-color:var(--p-saffron-300); color:var(--p-saffron-300); }

.btn--text{ background:none; padding-inline:0; border-radius:0; color:var(--color-accent-strong); gap:var(--sp-1); min-height:auto; }
.btn--text .arrow{ transition:transform var(--dur-base) var(--ease-out); }
.btn--text:hover .arrow{ transform:translateX(-4px); }
.section--dark .btn--text{ color:var(--p-turquoise-300); }

.btn--sm{ padding:0.6em 1.2em; font-size:0.875rem; min-height:36px; }
.btn--block{ width:100%; }

/* arrow icon — mirrors correctly in RTL because it's drawn pointing "start" already */
.arrow{ width:1em; height:1em; flex:none; }

/* ---------- HEADER ---------- */
.site-header{
  position:sticky; top:0; z-index:var(--z-header);
  background:rgba(247,243,232,0.88); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-block-end:1px solid var(--color-border);
}
.site-header__bar{
  display:flex; align-items:center; justify-content:space-between;
  padding-block:var(--sp-4);
}
.brand{ display:flex; align-items:center; gap:var(--sp-2); font-weight:800; font-size:1.35rem; color:var(--color-text-primary); }
.brand__mark{ width:34px; height:34px; flex:none; color:var(--color-accent-strong); }
.brand__name{ letter-spacing:-0.01em; }

.nav-desktop{ display:none; }
.nav-desktop ul{ display:flex; align-items:center; gap:var(--sp-6); }
.nav-desktop a{
  font-size:var(--fs-body-sm); font-weight:600; color:var(--color-text-secondary);
  position:relative; padding-block:4px;
}
.nav-desktop a::after{
  content:""; position:absolute; inset-inline-start:0; bottom:0; height:2px; width:0;
  background:var(--color-accent); transition:width var(--dur-base) var(--ease-out);
}
.nav-desktop a:hover, .nav-desktop a[aria-current="page"]{ color:var(--color-text-primary); }
.nav-desktop a:hover::after, .nav-desktop a[aria-current="page"]::after{ width:100%; }

.nav-item--has-menu{ position:relative; }
.nav-item--has-menu > a{ display:flex; align-items:center; gap:6px; }
.nav-item--has-menu .chev{ width:12px; height:12px; transition:transform var(--dur-base) var(--ease-out); }
.dropdown{
  position:absolute; top:100%; inset-inline-start:-1rem; padding-top:var(--sp-3);
  min-width:230px; opacity:0; visibility:hidden; transform:translateY(4px);
  transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), visibility var(--dur-base);
}
.nav-item--has-menu:hover .dropdown,
.nav-item--has-menu:focus-within .dropdown{ opacity:1; visibility:visible; transform:none; }
.nav-item--has-menu:hover .chev,
.nav-item--has-menu:focus-within .chev{ transform:rotate(180deg); }
.dropdown__inner{
  background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg); padding:var(--sp-2); display:flex; flex-direction:column;
}
.dropdown__inner a{ padding:var(--sp-3) var(--sp-4); border-radius:var(--radius-sm); font-weight:600; }
.dropdown__inner a::after{ display:none; }
.dropdown__inner a:hover{ background:var(--color-accent-tint); color:var(--color-accent-strong); }

.nav-mobile__group-label{ font-size:0.75rem; font-weight:700; color:var(--color-text-secondary); padding-top:var(--sp-4); }
.nav-mobile__sub a{ font-size:var(--fs-body); font-weight:600; padding:var(--sp-3) 0; padding-inline-start:var(--sp-4); border-block-end:none; color:var(--color-text-secondary); }

.header-cta{ display:none; align-items:center; gap:var(--sp-3); }

.menu-toggle{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:var(--radius-sm);
}
.menu-toggle svg{ width:24px; height:24px; }
.menu-toggle .icon-close{ display:none; }
.menu-toggle[aria-expanded="true"] .icon-open{ display:none; }
.menu-toggle[aria-expanded="true"] .icon-close{ display:block; }

.nav-mobile{
  display:none; position:fixed; inset:0; top:var(--header-h,64px); z-index:var(--z-overlay);
  background:var(--color-bg); overflow-y:auto;
}
.nav-mobile.is-open{ display:block; }
.nav-mobile ul{ display:flex; flex-direction:column; padding:var(--sp-6); gap:var(--sp-1); }
.nav-mobile a{ display:block; padding:var(--sp-4) 0; font-size:var(--fs-h5); font-weight:700; border-block-end:1px solid var(--color-border); }
.nav-mobile__cta{ padding:0 var(--sp-6) var(--sp-8); display:flex; flex-direction:column; gap:var(--sp-3); }

@media (min-width:900px){
  .nav-desktop{ display:block; }
  .header-cta{ display:flex; }
  .menu-toggle{ display:none; }
  .nav-mobile{ display:none !important; }
}

/* ---------- FOOTER ---------- */
.site-footer{ background:var(--color-surface-dark-alt); color:var(--color-text-on-dark); padding-block:var(--sp-8) var(--sp-6); }
.footer-grid{ display:grid; gap:var(--sp-7); grid-template-columns:1.3fr 1fr 1fr; }
.footer-brand{ display:flex; align-items:center; gap:var(--sp-2); font-weight:800; font-size:1.2rem; margin-bottom:var(--sp-3); }
.footer-brand svg{ width:28px; height:28px; color:var(--p-turquoise-300); }
.footer-col-title{ font-size:var(--fs-eyebrow); font-weight:700; letter-spacing:0.04em; color:var(--p-saffron-300); margin-bottom:var(--sp-4); }
.footer-links{ display:flex; flex-direction:column; gap:var(--sp-3); }
.footer-links a{ color:var(--color-text-on-dark-muted); font-size:var(--fs-body-sm); }
.footer-links a:hover{ color:var(--color-text-on-dark); }
.footer-bottom{
  margin-top:var(--sp-8); padding-top:var(--sp-5); border-block-start:1px solid var(--color-border-dark);
  display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:center; justify-content:space-between;
  font-size:0.8125rem; color:var(--color-text-on-dark-muted);
}
@media (max-width:720px){ .footer-grid{ grid-template-columns:1fr; gap:var(--sp-6); } }

/* ---------- CARDS ---------- */
.card{
  background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg);
  overflow:hidden; display:flex; flex-direction:column; transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}

/* Activity card */
.card--activity{ padding:var(--sp-6); gap:var(--sp-4); position:relative; }
.card--activity:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:transparent; }
.card--activity .card__icon{
  width:52px; height:52px; border-radius:var(--radius-md); background:var(--color-accent-tint); color:var(--color-accent-strong);
  display:flex; align-items:center; justify-content:center; flex:none;
}
.card--activity .card__icon svg{ width:26px; height:26px; }
.card__title{ font-size:var(--fs-h5); font-weight:700; }
.card__desc{ color:var(--color-text-secondary); font-size:var(--fs-body-sm); line-height:var(--lh-relaxed); flex:1; }
.card__link{ font-weight:700; font-size:var(--fs-body-sm); color:var(--color-accent-strong); display:inline-flex; align-items:center; gap:var(--sp-1); }
.card__link .arrow{ transition:transform var(--dur-base) var(--ease-out); }
.card--activity:hover .card__link .arrow{ transform:translateX(-4px); }

/* VS Konkor highlight card — heaviest visual weight */
.card--vs{
  background:linear-gradient(160deg, var(--color-surface-dark) 0%, var(--color-surface-dark-alt) 100%);
  color:var(--color-text-on-dark); border:none; padding:var(--sp-7); gap:var(--sp-5);
  grid-column:span 2; position:relative; isolation:isolate;
}
.card--vs::before{
  content:""; position:absolute; inset:0; z-index:-1; opacity:0.5;
  background-image:radial-gradient(circle at 6px 6px, rgba(217,138,43,0.28) 1.5px, transparent 1.6px);
  background-size:26px 26px; mask-image:linear-gradient(to top, transparent, black 60%);
}
.card--vs .card__title{ font-size:var(--fs-h3); }
.card--vs .card__desc{ color:var(--color-text-on-dark-muted); font-size:var(--fs-body); max-width:46ch; }
.card--vs .btn{ align-self:flex-start; }

/* News / Note cards — lighter weight */
.card--news{ padding:0; }
.card--news .card__media{ aspect-ratio:16/10; background:var(--color-bg-alt); overflow:hidden; }
.card--news .card__media img{ width:100%; height:100%; object-fit:cover; transition:transform var(--dur-slow) var(--ease-out); }
.card--news:hover .card__media img{ transform:scale(1.05); }
.card--news .card__body{ padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-2); }
.card--news:hover{ box-shadow:var(--shadow-md); }
.card__meta{ font-size:0.8125rem; color:var(--color-text-secondary); font-weight:600; }
.card--news .card__title{ font-size:var(--fs-h6); }

.card--note{ padding:var(--sp-5); gap:var(--sp-3); background:var(--color-bg-alt); border:1px dashed var(--color-border); }
.card--note:hover{ border-style:solid; border-color:var(--color-accent); }
.card--note .card__title{ font-size:var(--fs-body-lg); font-weight:700; }
.tag-row{ display:flex; gap:var(--sp-2); flex-wrap:wrap; }
.tag{ font-size:0.75rem; font-weight:700; padding:0.3em 0.8em; border-radius:var(--radius-pill); background:var(--color-accent-tint); color:var(--color-accent-strong); }

.card-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-5); }
.card-grid--3{ grid-template-columns:repeat(3,1fr); }
@media (max-width:860px){
  .card-grid, .card-grid--3{ grid-template-columns:1fr; }
  .card--vs{ grid-column:span 1; }
}

/* ---------- HERO (home) ---------- */
.hero{ position:relative; padding-block:var(--sp-9) var(--sp-8); overflow:hidden; }
.hero__grid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:var(--sp-8); align-items:center; }
.hero__kicker{ margin-bottom:var(--sp-4); }
.hero__title{ margin-bottom:var(--sp-5); }
.hero__title .accent{ color:var(--color-accent-strong); }
.hero__actions{ display:flex; gap:var(--sp-4); flex-wrap:wrap; margin-top:var(--sp-6); }
.hero__stats{ display:flex; gap:var(--sp-7); margin-top:var(--sp-8); flex-wrap:wrap; }
.stat__num{ font-size:var(--fs-h3); font-weight:800; color:var(--color-accent-strong); }
.stat__label{ font-size:0.8125rem; color:var(--color-text-secondary); font-weight:600; }

.hero__art{ position:relative; aspect-ratio:1/1; }
@media (max-width:900px){
  .hero__grid{ grid-template-columns:1fr; }
  .hero__art{ order:-1; max-width:340px; margin-inline:auto; }
}

/* Girih (geometric line) motif — the signature element: a dotted "journey path"
   used sparingly as a section divider, echoing سفر (journey) and manuscript borders */
.journey-divider{ height:56px; margin-block:var(--sp-2); }
.journey-divider svg{ width:100%; height:100%; }

/* ---------- BREADCRUMB / PAGE HEADER (inner pages) ---------- */
.page-hero{ padding-block:var(--sp-8) var(--sp-7); border-block-end:1px solid var(--color-border); }
.breadcrumb{ display:flex; align-items:center; gap:var(--sp-2); font-size:0.8125rem; color:var(--color-text-secondary); margin-bottom:var(--sp-5); }
.breadcrumb a:hover{ color:var(--color-accent-strong); }
.breadcrumb .sep{ opacity:0.5; }

/* ---------- FORMS ---------- */
.field{ display:flex; flex-direction:column; gap:var(--sp-2); text-align:start; }
.field label{ font-size:var(--fs-body-sm); font-weight:700; }
.field .req{ color:var(--color-brick); }
.field input, .field textarea, .field select{
  border:1.5px solid var(--color-border); border-radius:var(--radius-sm);
  padding:0.85em 1em; background:var(--color-surface); font-size:var(--fs-body); min-height:44px;
  transition:border-color var(--dur-fast) var(--ease-out);
}
.field input.ltr, .field .ltr-field{ direction:ltr; text-align:end; }
.field textarea{ min-height:140px; resize:vertical; }
.field input:hover, .field textarea:hover, .field select:hover{ border-color:var(--color-text-secondary); }
.field input:focus, .field textarea:focus, .field select:focus{ border-color:var(--color-accent); }
.field-hint{ font-size:0.8125rem; color:var(--color-text-secondary); }
.field-error{ font-size:0.8125rem; color:var(--color-brick); display:none; font-weight:600; }
.field.has-error input, .field.has-error textarea{ border-color:var(--color-brick); }
.field.has-error .field-error{ display:block; }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-5); }
@media (max-width:640px){ .form-grid{ grid-template-columns:1fr; } }
.form-status{ padding:var(--sp-4) var(--sp-5); border-radius:var(--radius-md); font-size:var(--fs-body-sm); font-weight:600; display:none; }
.form-status.is-success{ display:block; background:var(--color-accent-tint); color:var(--color-accent-strong); }
.form-status.is-error{ display:block; background:var(--color-conversion-tint); color:var(--color-brick); }

/* ---------- WIZARD ---------- */
.wizard{ max-width:640px; margin-inline:auto; }
.wizard__progress-track{ height:8px; border-radius:var(--radius-pill); background:var(--color-bg-alt); overflow:hidden; margin-bottom:var(--sp-3); }
.wizard__progress-fill{ height:100%; background:var(--color-accent); border-radius:var(--radius-pill); transition:width var(--dur-slow) var(--ease-out); width:0%; }
.wizard__meta{ display:flex; justify-content:space-between; font-size:0.8125rem; color:var(--color-text-secondary); font-weight:600; margin-bottom:var(--sp-7); }
.wizard__step{ display:none; }
.wizard__step.is-active{ display:block; animation:fadeUp var(--dur-base) var(--ease-out); }
@keyframes fadeUp{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none; } }
.wizard__question{ font-size:var(--fs-h4); font-weight:700; margin-bottom:var(--sp-6); }
.option-list{ display:flex; flex-direction:column; gap:var(--sp-3); margin-bottom:var(--sp-7); }
.option{
  display:flex; align-items:center; gap:var(--sp-4); padding:var(--sp-4) var(--sp-5);
  border:1.5px solid var(--color-border); border-radius:var(--radius-md); cursor:pointer;
  transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}
.option:hover{ border-color:var(--color-accent); }
.option input{ width:20px; height:20px; accent-color:var(--color-accent-strong); flex:none; }
.option.is-selected{ border-color:var(--color-accent); background:var(--color-accent-tint); }
.wizard__actions{ display:flex; justify-content:space-between; align-items:center; gap:var(--sp-4); }
.wizard__step-label{ font-size:0.8125rem; color:var(--color-text-secondary); }

/* ---------- SUCCESS PAGE ---------- */
.success{ text-align:center; padding-block:var(--sp-10) var(--sp-9); }
.success__icon{ width:88px; height:88px; margin-inline:auto var(--sp-6); color:var(--color-accent-strong); }
.success__actions{ display:flex; gap:var(--sp-4); justify-content:center; margin-top:var(--sp-7); flex-wrap:wrap; }

/* ---------- ARTICLE (news/note single) ---------- */
.article{ max-width:var(--container-narrow); margin-inline:auto; }
.article__meta{ display:flex; gap:var(--sp-4); align-items:center; color:var(--color-text-secondary); font-size:var(--fs-body-sm); font-weight:600; margin-bottom:var(--sp-4); flex-wrap:wrap; }
.article__title{ margin-bottom:var(--sp-5); }
.article__cover{ aspect-ratio:16/9; border-radius:var(--radius-lg); overflow:hidden; margin-bottom:var(--sp-7); background:var(--color-bg-alt); }
.article__cover img{ width:100%; height:100%; object-fit:cover; }
.article__body{ font-size:var(--fs-body-lg); line-height:var(--lh-relaxed); display:flex; flex-direction:column; gap:var(--sp-5); }
.article__body h2{ font-size:var(--fs-h4); margin-top:var(--sp-4); }
.article__body blockquote{
  border-inline-start:3px solid var(--color-accent); padding-inline-start:var(--sp-5);
  font-size:var(--fs-h5); font-weight:600; color:var(--color-text-primary); line-height:var(--lh-snug);
}
.article__share{ display:flex; align-items:center; gap:var(--sp-3); margin-top:var(--sp-8); padding-top:var(--sp-6); border-block-start:1px solid var(--color-border); }

/* ---------- LIST / FILTER TOOLBAR (news, notes) ---------- */
.filter-bar{ display:flex; flex-wrap:wrap; gap:var(--sp-3); margin-bottom:var(--sp-7); }
.filter-chip{
  padding:0.55em 1.2em; border-radius:var(--radius-pill); border:1.5px solid var(--color-border);
  font-size:0.875rem; font-weight:600; color:var(--color-text-secondary);
}
.filter-chip[aria-pressed="true"]{ background:var(--color-surface-dark); color:var(--color-text-on-dark); border-color:var(--color-surface-dark); }

/* ---------- CTA BAND ---------- */
.cta-band{
  background:var(--color-surface-dark); color:var(--color-text-on-dark); border-radius:var(--radius-lg);
  padding:var(--sp-8); text-align:center; display:flex; flex-direction:column; align-items:center; gap:var(--sp-4);
  position:relative; overflow:hidden;
}
.cta-band__title{ max-width:26ch; }
.cta-band__actions{ display:flex; gap:var(--sp-4); flex-wrap:wrap; justify-content:center; margin-top:var(--sp-3); }

/* ---------- CONTACT / MAP-LESS INFO BLOCK ---------- */
.contact-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:var(--sp-8); align-items:start; }
@media (max-width:900px){ .contact-grid{ grid-template-columns:1fr; } }
.info-list{ display:flex; flex-direction:column; gap:var(--sp-5); }
.info-item{ display:flex; gap:var(--sp-4); align-items:flex-start; }
.info-item__icon{ width:44px; height:44px; border-radius:var(--radius-md); background:var(--color-accent-tint); color:var(--color-accent-strong); display:flex; align-items:center; justify-content:center; flex:none; }
.info-item__icon svg{ width:20px; height:20px; }
.info-item__label{ font-size:0.8125rem; color:var(--color-text-secondary); font-weight:600; margin-bottom:2px; }
.info-item__value{ font-weight:700; }

/* ---------- ABOUT: values / timeline ---------- */
.value-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-5); }
@media (max-width:860px){ .value-grid{ grid-template-columns:1fr; } }
.value-card{ padding:var(--sp-6); border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.value-card__icon{ width:44px; height:44px; color:var(--color-accent-strong); margin-bottom:var(--sp-4); }

/* ---------- UTIL ---------- */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.text-center{ text-align:center; }
.mt-0{ margin-top:0 !important; }