/* «عن الشركة» (/about/) — storefront light/dark tokens, Mithaq navy and gold. */
.sab{--a-accent:var(--salyss-store-accent,#d2b477);--a-on-accent:var(--salyss-store-on-accent,#17120a);--a-bg:var(--salyss-store-bg,#06111d);--a-surface:var(--salyss-store-surface,#0b1a29);--a-soft:var(--salyss-store-surface-alt,#112536);--a-text:var(--salyss-store-text,#f7f2e8);--a-muted:var(--salyss-store-muted,#b4bfca);--a-border:var(--salyss-store-border,#244056);color:var(--a-text);font-size:clamp(16px,.5vw + 12px,18px);line-height:1.9}
.sab a{color:var(--a-accent)}
.sab-wrap{width:min(100% - 32px,1240px);margin-inline:auto}
.sab-eyebrow{display:inline-block;padding:6px 14px;border:1px solid color-mix(in srgb,var(--a-accent) 45%,transparent);border-radius:999px;color:var(--a-accent);font-size:13px;font-weight:850}
.sab-title{margin:0 0 clamp(18px,2.4vw,30px);font-size:clamp(28px,2.2vw + 12px,48px);font-weight:850;line-height:1.3}
.sab-muted{color:var(--a-muted)}
.sab section{padding:clamp(48px,6vw,96px) 0}
.sab-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px}
.sab-head a{font-weight:850;text-decoration:none}

.sab-hero{padding:clamp(48px,7vw,110px) 0 clamp(36px,5vw,70px);text-align:center;background:radial-gradient(70% 90% at 50% 0%,color-mix(in srgb,var(--a-accent) 14%,transparent),transparent 70%)}
.sab-hero h1{margin:14px 0 12px;font-size:clamp(38px,4vw + 14px,84px);font-weight:900;line-height:1.25}
.sab-lead{max-width:62ch;margin:0 auto;color:var(--a-muted);font-size:clamp(17px,.6vw + 13px,21px)}
.sab-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(26px,3vw,40px) 0 0;padding:0;list-style:none}
.sab-stats li{display:grid;gap:2px;min-width:150px;padding:16px 22px;border:1px solid var(--a-border);border-radius:18px;background:var(--a-surface)}
.sab-stats strong{color:var(--a-accent);font-size:clamp(28px,2vw + 12px,44px);font-weight:900;line-height:1.1}
.sab-stats span{color:var(--a-muted);font-size:14px;font-weight:750}

.sab-timeline{position:relative;display:grid;gap:clamp(18px,2vw,28px);margin:0;padding:0;list-style:none}
.sab-timeline::before{content:"";position:absolute;inset-block:8px;inset-inline-start:52px;width:2px;background:linear-gradient(var(--a-accent),color-mix(in srgb,var(--a-accent) 15%,transparent))}
.sab-timeline li{display:grid;grid-template-columns:106px 1fr;gap:18px;align-items:start}
.sab-timeline b{position:relative;z-index:1;display:grid;place-items:center;min-height:48px;padding:0 10px;border:1px solid var(--a-accent);border-radius:14px;background:var(--a-bg);color:var(--a-accent);font-size:17px;font-weight:900}
.sab-timeline h3{margin:6px 0 6px;font-size:clamp(19px,.7vw + 14px,25px);font-weight:850}
.sab-timeline p{margin:0;color:var(--a-muted)}

.sab-values{background:var(--a-surface)}
.sab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sab-cards article{padding:clamp(22px,2.4vw,32px);border:1px solid var(--a-border);border-radius:20px;background:var(--a-bg)}
.sab-cards span{color:var(--a-accent);font-weight:900}
.sab-cards h3{margin:6px 0 8px;font-size:clamp(20px,.8vw + 14px,26px);font-weight:850}
.sab-cards p{margin:0;color:var(--a-muted)}

.sab-model__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.sab-checks{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sab-checks li{padding:16px 18px 16px 18px;padding-inline-start:52px;position:relative;border:1px solid var(--a-border);border-radius:16px;background:var(--a-surface);color:var(--a-muted)}
.sab-checks li::before{content:"✓";position:absolute;inset-inline-start:16px;top:16px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--a-accent);color:var(--a-on-accent);font-size:13px;font-weight:900}
.sab-checks b{display:block;color:var(--a-text);font-size:17px}

.sab-group{margin:26px 0 14px;color:var(--a-accent);font-size:18px;font-weight:850}
.sab-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.sab-people.is-board{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sab-person{padding:18px;border:1px solid var(--a-border);border-radius:20px;background:var(--a-surface);text-align:center}
.sab-person__photo{display:grid;width:min(150px,70%);aspect-ratio:1;margin:0 auto 12px;place-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--a-accent) 55%,transparent);border-radius:50%;background:var(--a-soft)}
.sab-person__photo img{width:100%;height:100%;object-fit:cover}
.sab-person__photo span{color:var(--a-accent);font-size:44px;font-weight:900}
.sab-person h4{margin:0;font-size:18px;font-weight:850}
.sab-person__role{margin:2px 0 6px;color:var(--a-accent);font-size:14px;font-weight:800}
.sab-person__bio{margin:0 0 6px;color:var(--a-muted);font-size:14.5px;line-height:1.8}
.sab-person a{font-size:13px;font-weight:800;text-decoration:none}
.sab-admin-note{padding:12px 16px;border:1px dashed var(--a-accent);border-radius:12px;color:var(--a-muted)}

.sab-delivered{background:var(--a-surface)}
.sab-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sab-project{display:block;overflow:hidden;border:1px solid var(--a-border);border-radius:18px;background:var(--a-bg);text-decoration:none;transition:transform .3s ease,border-color .3s ease}
.sab-project:hover{transform:translateY(-3px);border-color:var(--a-accent)}
.sab-project__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--a-soft)}
.sab-project__img img{display:block;width:100%;height:100%;object-fit:cover}
.sab-project__name{display:block;padding:12px 14px;color:var(--a-text);font-weight:800;line-height:1.6}

.sab-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sab-video{display:block;text-decoration:none}
.sab-video__img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#000}
.sab-video__img img{display:block;width:100%;height:100%;object-fit:cover;opacity:.9}
.sab-video__img i{position:absolute;inset:50% auto auto 50%;display:grid;width:48px;height:48px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--a-accent);color:var(--a-on-accent);font-style:normal}
.sab-video__title{display:block;margin-top:8px;color:var(--a-text);font-size:14.5px;font-weight:750;line-height:1.7}

.sab-visit__box{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(26px,4vw,52px);border:1px solid color-mix(in srgb,var(--a-accent) 45%,transparent);border-radius:26px;background:radial-gradient(90% 130% at 100% 0%,color-mix(in srgb,var(--a-accent) 14%,transparent),transparent 60%),var(--a-surface)}
.sab-visit h2{margin:10px 0;font-size:clamp(24px,1.4vw + 14px,38px);font-weight:850;line-height:1.4}
.sab-visit p{margin:0;color:var(--a-muted)}
.sab-visit__actions{display:grid;gap:10px}
.sab-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 20px;border-radius:14px;font-weight:850;text-decoration:none}
.sab-btn.is-wa{background:#25d366;color:#05210f}
.sab-btn.is-ghost{border:1px solid var(--a-accent);color:var(--a-accent)}
.sab-btn small{opacity:.8}

@media(max-width:1023px){.sab-cards,.sab-model__grid,.sab-visit__box{grid-template-columns:1fr}.sab-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.sab-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sab-timeline li{grid-template-columns:76px 1fr;gap:12px}.sab-timeline::before{inset-inline-start:37px}.sab-projects{grid-template-columns:1fr}.sab-stats li{min-width:calc(50% - 6px)}}