.about{background:var(--bg-page);padding:clamp(56px,8vw,96px) var(--gutter) clamp(56px,8vw,112px)}.about__inner{max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:clamp(28px,3.5vw,48px)}.about__header{display:flex;flex-direction:column;gap:16px;padding-bottom:clamp(20px,2.4vw,32px);border-bottom:1px solid var(--border-hairline);max-width:64ch}.about__label{font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--accent-text)}.about__heading{font-family:var(--font-display);font-size:clamp(2rem,4.4vw,3.5rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;color:var(--text-primary);margin:0;display:flex;flex-direction:column;gap:4px}html[lang=ar] .about__heading{font-family:var(--font-arabic);font-weight:800;line-height:1.2;letter-spacing:0}.about__heading-line{display:block}.about__heading-line--accent{color:var(--text-muted);font-weight:600}.about__intro{font-family:var(--font-body);font-size:clamp(.9375rem,1.05vw,1.0625rem);line-height:1.55;color:var(--text-body);margin:0}html[lang=ar] .about__intro{font-family:var(--font-arabic);line-height:1.85}.about__top{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(20px,2.4vw,36px);align-items:stretch}@media(max-width:720px){.about__top{grid-template-columns:1fr}}.about__portrait{position:relative;border-radius:24px;overflow:hidden;background:var(--color-ink-950);isolation:isolate;min-height:320px;aspect-ratio:4 / 5}@media(max-width:720px){.about__portrait{aspect-ratio:4 / 3}}.about__portrait-img,.about__portrait-img img{display:block;width:100%;height:100%;object-fit:cover}.about__portrait-tag{position:absolute;bottom:16px;inset-inline-start:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:color-mix(in oklab,var(--color-ink-950) 70%,transparent);color:var(--color-cream-50);border:1px solid color-mix(in oklab,var(--color-cream-50) 18%,transparent);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(6px)}html[lang=ar] .about__portrait-tag{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:700}.about__portrait-dot{width:6px;height:6px;border-radius:50%;background:var(--color-chartreuse-500);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-chartreuse-500) 22%,transparent)}.about__quote{display:flex;flex-direction:column;gap:18px;padding:clamp(28px,3.5vw,44px);background:var(--bg-soft);border:1px solid var(--border-hairline);border-radius:24px;margin:0;position:relative;overflow:hidden}.about__quote-mark{font-family:var(--font-display);font-size:clamp(5rem,10vw,8rem);font-weight:800;line-height:.7;color:var(--accent-text);margin:0;align-self:start}.about__quote-text{font-family:var(--font-display);font-size:clamp(1.375rem,2.4vw,2rem);font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--text-primary);margin:0;text-wrap:balance}html[lang=ar] .about__quote-text{font-family:var(--font-arabic);font-weight:700;line-height:1.55;letter-spacing:0}.about__quote-foot{display:flex;align-items:center;gap:12px;margin-top:auto}.about__quote-rule{display:block;width:32px;height:2px;background:var(--accent);border-radius:1px}.about__quote-attr{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}html[lang=ar] .about__quote-attr{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none}.about__pillars{display:flex;flex-direction:column;gap:20px;padding-top:clamp(20px,2.4vw,32px);border-top:1px solid var(--border-hairline)}.about__pillars-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text)}html[lang=ar] .about__pillars-label{font-family:var(--font-arabic);font-size:.9375rem;letter-spacing:0;text-transform:none;font-weight:700}.about__pillars-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}@media(max-width:880px){.about__pillars-list{grid-template-columns:1fr}}.about-pillar{--pillar-bg: var(--bg-soft);--pillar-text: var(--text-primary);--pillar-text-soft: var(--text-body);--pillar-muted: var(--text-muted);--pillar-accent: var(--accent-text);--pillar-border: var(--border-hairline);--pillar-chip-bg: var(--bg-page);--pillar-chip-text: var(--text-body);display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.8vw,36px);background:var(--pillar-bg);color:var(--pillar-text);border:1px solid var(--pillar-border);border-radius:24px;position:relative;overflow:hidden;isolation:isolate;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.about-pillar:hover{transform:translate3d(0,-4px,0);box-shadow:0 24px 48px -28px color-mix(in oklab,var(--color-ink-950) 22%,transparent)}.about-pillar--0{--pillar-bg: var(--color-ink-950);--pillar-text: var(--color-cream-50);--pillar-text-soft: color-mix(in oklab, var(--color-cream-50) 75%, transparent);--pillar-muted: color-mix(in oklab, var(--color-cream-50) 55%, transparent);--pillar-accent: var(--color-chartreuse-500);--pillar-border: color-mix(in oklab, var(--color-cream-50) 12%, transparent);--pillar-chip-bg: color-mix(in oklab, var(--color-cream-50) 10%, transparent);--pillar-chip-text: var(--color-cream-50)}.about-pillar--2{--pillar-bg: var(--color-chartreuse-500);--pillar-text: var(--color-ink-950);--pillar-text-soft: color-mix(in oklab, var(--color-ink-950) 78%, transparent);--pillar-muted: color-mix(in oklab, var(--color-ink-950) 60%, transparent);--pillar-accent: var(--color-ink-950);--pillar-border: color-mix(in oklab, var(--color-ink-950) 14%, transparent);--pillar-chip-bg: color-mix(in oklab, var(--color-ink-950) 12%, transparent);--pillar-chip-text: var(--color-ink-950)}.about-pillar__head{display:flex;align-items:center;gap:12px}.about-pillar__num{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.18em;color:var(--pillar-accent)}.about-pillar__kicker{font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pillar-muted);padding:4px 10px;border:1px solid var(--pillar-border);border-radius:var(--radius-pill)}html[lang=ar] .about-pillar__kicker{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:600}.about-pillar__title{font-family:var(--font-display);font-size:clamp(1.375rem,2vw,1.75rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--pillar-text);margin:0;text-wrap:balance}html[lang=ar] .about-pillar__title{font-family:var(--font-arabic);font-weight:700;line-height:1.3;letter-spacing:0}.about-pillar__body{font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:var(--pillar-text-soft);margin:0;flex:1}html[lang=ar] .about-pillar__body{font-family:var(--font-arabic);line-height:1.85}.about-pillar__chips{list-style:none;margin:0;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px}.about-pillar__chip{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:var(--pillar-chip-text);padding:5px 10px;background:var(--pillar-chip-bg);border-radius:var(--radius-pill)}html[lang=ar] .about-pillar__chip{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0}.about__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:transparent;color:var(--text-primary);border:1px solid var(--text-primary);border-radius:var(--radius-pill);text-decoration:none;font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;align-self:flex-start;transition:background var(--duration-base) var(--ease-out-quart),color var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart)}html[lang=ar] .about__cta{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:600}.about__cta:hover{background:var(--text-primary);color:var(--accent-on-deep);transform:translate3d(0,-2px,0)}.about__cta-arrow{display:inline-flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){.about-pillar,.about__cta{transition:none}.about-pillar:hover,.about__cta:hover{transform:none}}