.about-hero {
--ah-k: 1;
--ah-ox: calc((100% - min(var(--container-wide), 100% - 2 * var(--gutter))) / 2 - 80px * var(--ah-k));
min-block-size: 745px;
padding-block: calc(var(--header-h) + clamp(48px, calc(48px + 26 * (100vw - 390px) / 1050), 74px)) calc(242px * var(--ah-k) + 36px);
}
.about-hero .page-hero__title {
max-inline-size: 914px; line-height: 1.2917; 
font-size: clamp(24px, calc(24px + 24 * (100vw - 390px) / 1050), 48px);
}
.about-hero .page-hero__text {
max-inline-size: 914px; letter-spacing: 0;
font-size: clamp(14px, calc(14px + 4 * (100vw - 390px) / 1050), 18px);
}
.ah { overflow: hidden; z-index: 0; }
.ah-stage {
position: absolute; left: var(--ah-ox); bottom: 0;
inline-size: 1440px; block-size: 745px;
transform-origin: 0 100%; scale: var(--ah-k);
}
.ah-lines { position: absolute; inset: 0; overflow: visible; }
.ah-lines path { fill: none; stroke: var(--c-white); stroke-width: calc(1px / var(--ah-k)); stroke-miterlimit: 10; }
.ah-lit {
position: absolute; inline-size: 113.724px; block-size: 112.438px;
background: var(--c-white); opacity: 0;
}
.ah-lit--t { clip-path: polygon(52.142% 0, 100% 0, 100% 100%, 0 100%, 0 51.594%, 52.142% 51.594%); }
.ah-lit--b { clip-path: polygon(0 0, 100% 0, 100% 48.405%, 47.857% 48.405%, 47.857% 100%, 0 100%); }
.ah-lit.is-rest { opacity: 1; }
.ah-fx { position: absolute; left: 0; top: 0; inline-size: 59.298px; block-size: 58.012px; transform: translateX(var(--rx, 0px)); }
.ah-fy { position: absolute; inset: 0; transform: translateY(var(--ry, 0px)); }
.ah-squash { position: absolute; inset: 0; transform-origin: 50% 100%; }
.ah-spin { position: absolute; inset: 0; transform-origin: 50% 50%; }
.ah-sq {
position: absolute; inset: 0; background: var(--c-orange); transform-origin: 50% 50%;
box-shadow: 0 10px 28px -6px rgba(238, 91, 0, 0.55);
}
.about-hero.is-animated .ah-lit.is-rest { opacity: 0; }
.about-hero.is-animated :is(.ah-fx, .ah-fy, .ah-squash, .ah-spin, .ah-sq) { will-change: transform; }
.about-hero .page-hero__content { position: relative; z-index: 2; }
@media (max-width: 1199.98px) {
.about-hero { --ah-k: 0.75; min-block-size: 0; padding-block-end: calc(242px * var(--ah-k) + 40px); }
}
@media (max-width: 767.98px) {
.about-hero { --ah-k: 0.55; padding-block-end: calc(242px * var(--ah-k) + 32px); }
}
.about-intro { padding-block: var(--section-y); }
@media (min-width: 1024px) {
.about-intro .split__title { max-inline-size: 533px; }
.about-intro .split__body { max-inline-size: 584px; }
}
@media (min-width: 1024px) { :lang(ar) .about-intro .prose > p + p { margin-block-start: 0; } }
@media (max-width: 1439.98px) { .about-hero .page-hero__title { text-wrap: balance; } }
@media (max-width: 1023.98px) { .about-intro .split__title { text-wrap: balance; } }
.about-vm { padding-block: clamp(40px, calc(40px + 60 * (100vw - 390px) / 1050), 100px); }
.about-vm__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.about-vm .vm-card { padding: 24px; }
.about-vm .feat-card__title { font-size: 18px; }
.about-values__inner { display: flex; flex-direction: column; align-items: center; gap: 40px; }
.about-values .sec-head { max-inline-size: 540px; }
.about-values__grid { inline-size: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.about-values .value-card { padding: 24px; border-color: var(--c-line-soft); }
.about-values .value-card .feat-card__title { font-size: 18px; }
.about-values .value-card .feat-card__text { padding-block-start: 14px; }
@media (min-width: 768px) {
:lang(ar) .about-values .value-card { padding-block-end: 17px; min-block-size: 260px; }
}
@media (hover: hover) {
.about-values .value-card:hover { background: var(--c-white); border-color: var(--feat-accent); }
}
.about-why .why .sec-head { max-inline-size: 650px; }
.about-why .feat-card { padding-block: 24px; } 
:lang(ar) .about-why .why .sec-head { max-inline-size: 764px; }
:lang(ar) .about-why .why .h-section { max-inline-size: 540px; }
@media (min-width: 768px) { :lang(ar) .about-why .feat-card { min-block-size: 196px; } }
@media (min-width: 1024px) and (max-width: 1199.98px) { .page-about .stat { padding-inline: 8px; } }
.about-certs .cert-card { padding: 24px; }
.about-certs .cert-card:nth-child(3) .feat-card__title { max-inline-size: 323px; } 
.page-about .cta-band :focus-visible { outline-color: var(--c-white); }
@media (max-width: 1023.98px) {
.about-values__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block-end: 1px; padding-inline-end: 1px; }
.about-values__grid > * { margin-block-end: -1px; margin-inline-end: -1px; }
.about-values__grid > :hover { z-index: 2; }
}
@media (max-width: 767.98px) {
.about-vm__grid { grid-template-columns: minmax(0, 1fr); }
.about-vm .vm-card, .about-values .value-card, .about-why .feat-card, .about-certs .cert-card { padding: 24px 20px; min-block-size: 0; }
.about-values__inner { gap: 32px; }
}
@media (max-width: 639.98px) {
.about-values__grid { grid-template-columns: minmax(0, 1fr); }
}