/* Scroll-linked coordination: a stationary introduction, orbit and changing chapter. */
.about-v5 .q-process.orbit-process{display:block;position:relative;width:100%;padding:0;margin-block:76px;background:var(--ashal-surface);--qp-accent:var(--teal,#0e7c77);--q-gold:var(--teal,#0e7c77);--q-teal:var(--teal,#0e7c77);--qp-ink:var(--navy,#0a2e4d);--qp-progress:0;--qp-angle:0deg}
.qp-scene{position:relative;isolation:isolate;background:var(--ashal-surface);padding-block:70px}
.qp-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/process-coordinate-grid.svg') repeat;background-size:80px 80px;opacity:.28}
.qp-layout{display:grid;grid-template-columns:.95fr 1.06fr 1fr;gap:clamp(25px,3.2vw,55px);align-items:center}
.qp-heading{min-width:0}
.qp-label{font-size:13px;font-weight:700;color:var(--q-teal);line-height:1.8;margin:0 0 22px}
.about-v5 .qp-title{font-size:clamp(30px,3.05vw,46px);line-height:1.55;letter-spacing:-.8px;font-weight:800;margin:0}
.qp-title>span{display:block}.qp-title .qp-accent{color:var(--qp-accent);font-weight:500;margin-top:10px;font-size:.92em}
.qp-intro{font-size:16px;line-height:2;margin-top:25px;max-width:420px;color:var(--qp-ink)}
.qp-hint{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:28px;color:var(--q-teal)}
.qp-hint i{display:block;width:24px;height:38px;border:1px solid #0e7c7766;border-radius:20px;position:relative}
.qp-hint i:after{content:'';position:absolute;width:2px;height:8px;top:8px;left:10px;background:var(--qp-accent)}
.qp-skip{display:inline-block;font-size:12px;line-height:1.8;margin-top:16px;text-decoration:underline;text-underline-offset:5px;color:var(--q-teal);padding-block:8px}
.qp-dial{position:relative;width:100%;max-width:420px;aspect-ratio:1;justify-self:center;display:grid;place-items:center;direction:ltr}
.qp-dial svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.qp-track{stroke:#0a2e4d17;stroke-width:8}
.qp-progress{stroke:var(--qp-accent);stroke-width:8;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--qp-progress)*100)}
.qp-rings{stroke:#0a2e4d25;stroke-width:1}.qp-rings .qp-gold-ring{stroke:#0e7c7755}
.qp-ray{stroke:var(--qp-accent);stroke-opacity:.45;stroke-width:1;transform:rotate(var(--qp-angle));transform-origin:200px 200px}
.qp-number{font-family:Poppins,Cairo,sans-serif;font-size:clamp(68px,7.2vw,108px);font-weight:400;line-height:1;letter-spacing:-5px;color:var(--qp-ink);z-index:1;position:relative}
.qp-dial-caption{position:absolute;top:66%;font-size:11px;line-height:1.6;color:var(--q-teal);display:flex;gap:4px;direction:rtl}
.qp-narrative{min-width:0}.qp-chapters{position:relative;overflow:clip}
.qp-position{font-family:Poppins,Cairo,sans-serif;font-size:12px;line-height:1.7;color:var(--qp-accent);text-align:end;margin-bottom:26px}
.qp-stage-label{font-size:12px;line-height:1.8;color:var(--q-teal);margin-bottom:5px}
.about-v5 .qp-stage-title{font-size:clamp(26px,2.7vw,40px);line-height:1.6;letter-spacing:-.7px;font-weight:800;margin:0 0 15px;text-wrap:balance}
.qp-stage-description{font-size:16px;line-height:2;color:var(--qp-ink);margin:0;max-width:460px}
.qp-chapter{padding-block:20px}
.qp-controls{display:flex;gap:8px;margin-top:22px}
.qp-controls button{border:0;border-radius:50%;width:44px;height:44px;flex:none;background:transparent;color:var(--q-teal);font:600 13px Poppins,Cairo,sans-serif;transition:background .2s,color .2s}
.qp-controls button[aria-pressed=true]{background:var(--q-teal);color:#fff}.qp-controls button:hover{background:var(--qp-ink);color:#fff}
.qp-bottom-track{display:none;position:absolute;bottom:0;inset-inline:0;height:3px;background:#0a2e4d0a}.qp-bottom-track i{display:block;width:100%;height:100%;background:var(--qp-accent);transform:scaleX(var(--qp-progress));transform-origin:right}
.orbit-process:not(.is-orbit) .qp-dial,.orbit-process:not(.is-orbit) .qp-hint,.orbit-process:not(.is-orbit) .qp-controls{display:none}
.orbit-process:not(.is-orbit) .qp-layout{grid-template-columns:1fr 1fr;align-items:start;gap:8%}
.about-v5 .orbit-process.is-orbit{height:450svh}
.is-orbit .qp-scene{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-block:132px 46px}
.is-orbit .qp-layout{width:min(1440px,88%)}
.is-orbit .qp-chapters{height:300px}
.is-orbit .qp-chapter{position:absolute;inset-inline:0;top:50%;width:100%;padding:0;transform:translateY(calc(-50% + 30px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,transform .6s var(--q-ease),visibility .6s}
.is-orbit .qp-chapter.is-current{transform:translateY(-50%);opacity:1;visibility:visible;pointer-events:auto}
.is-orbit .qp-bottom-track{display:block}
html[lang=en] .qp-position{text-align:start}html[lang=en] .qp-dial-caption{direction:ltr}html[lang=en] .qp-bottom-track i{transform-origin:left}
html[lang=en] .about-v5 .qp-title{font-size:clamp(29px,2.65vw,40px);line-height:1.35}html[lang=en] .about-v5 .qp-stage-title{font-size:clamp(25px,2.25vw,34px);line-height:1.45}
@media(max-width:1100px) and (min-width:768px){.qp-layout{gap:24px;grid-template-columns:1fr 1fr 1fr}.about-v5 .qp-title{font-size:31px}.qp-intro,.qp-stage-description{font-size:15px;line-height:1.9}.qp-label{font-size:12px}.about-v5 .qp-stage-title{font-size:29px}.qp-number{font-size:72px}.qp-dial-caption{font-size:10px}.qp-controls{gap:2px}.qp-controls button{width:40px;height:44px}.qp-position{margin-bottom:18px}}
@media(max-width:767px){.about-v5 .q-process.orbit-process{margin-block:40px}.qp-layout,.is-orbit .qp-layout{width:88%;grid-template-columns:1fr;gap:16px}.is-orbit .qp-scene{padding-block:105px 22px;align-items:center}.about-v5 .qp-title,html[lang=en] .about-v5 .qp-title{font-size:27px;line-height:1.4;letter-spacing:-.5px}.qp-title>span{display:inline}.qp-title .qp-accent{display:block;font-size:23px;margin-top:5px}.qp-label{font-size:11px;margin-bottom:8px}.qp-intro{font-size:14px;line-height:1.8;margin-top:12px;max-width:none}.qp-hint{position:absolute;bottom:12px;inset-inline-end:6%;margin:0;font-size:10px}.qp-hint i{width:14px;height:23px}.qp-hint i:after{left:5px;top:5px;height:5px}.qp-skip{font-size:11px;margin-top:2px;padding-block:5px}.qp-dial{width:min(47vw,210px);max-width:none}.qp-number{font-size:59px;letter-spacing:-3px}.qp-dial-caption{font-size:10px;top:68%}.is-orbit .qp-chapters{height:125px}.qp-position{font-size:10px;margin-bottom:6px}.qp-stage-label{font-size:11px;margin-bottom:2px}.about-v5 .qp-stage-title,html[lang=en] .about-v5 .qp-stage-title{font-size:24px;line-height:1.5;margin-bottom:8px;letter-spacing:-.4px}.qp-stage-description{font-size:14px;line-height:1.8}.qp-controls{margin-top:10px;gap:7px;justify-content:center}.qp-controls button{width:42px;height:42px;min-height:42px}.orbit-process:not(.is-orbit) .qp-layout{grid-template-columns:1fr;gap:20px}.qp-chapter{padding-block:20px}.qp-scene{padding-block:35px}}
@media(max-width:767px) and (max-height:740px){.is-orbit .qp-scene{padding-block:100px 28px}.qp-layout{gap:10px}.qp-label,.is-orbit .qp-intro,.qp-hint{display:none}.about-v5 .qp-title,html[lang=en] .about-v5 .qp-title{font-size:23px}.qp-title .qp-accent{font-size:20px;margin-top:3px}.qp-dial{width:150px}.qp-number{font-size:48px}.qp-dial-caption{font-size:9px}.is-orbit .qp-chapters{height:122px}.qp-controls{margin-top:8px}.about-v5 .qp-stage-title,html[lang=en] .about-v5 .qp-stage-title{font-size:22px}.qp-stage-description{font-size:13px;line-height:1.8}.qp-skip{font-size:10px;margin-top:0;padding-block:3px}}
@media(max-height:560px) and (min-width:768px){.is-orbit .qp-scene{padding-block:105px 24px}.qp-label,.is-orbit .qp-intro,.qp-hint{display:none}.about-v5 .qp-title{font-size:28px}.qp-dial{max-width:230px}.qp-number{font-size:62px}.is-orbit .qp-chapters{height:170px}.qp-position{margin-bottom:7px}.about-v5 .qp-stage-title{font-size:25px}.qp-stage-description{font-size:14px;line-height:1.8}.qp-controls{margin-top:4px}}
@media(max-height:500px) and (max-width:767px){.is-orbit .qp-layout{grid-template-columns:1fr 130px;gap:12px 18px}.qp-heading{grid-column:1}.qp-dial{grid-column:2;grid-row:1;width:130px}.qp-narrative{grid-column:1/-1}.is-orbit .qp-scene{padding-block:90px 15px}.about-v5 .qp-title,html[lang=en] .about-v5 .qp-title{font-size:19px}.qp-title .qp-accent{font-size:17px}.qp-skip{display:none}.is-orbit .qp-chapters{height:95px}.qp-position,.qp-stage-label{display:none}.about-v5 .qp-stage-title,html[lang=en] .about-v5 .qp-stage-title{font-size:20px;margin-bottom:5px}.qp-stage-description{font-size:13px;line-height:1.7}.qp-controls{margin-top:0}.qp-controls button{height:36px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.qp-chapter,.qp-controls button{transition:none!important}.about-v5 .orbit-process{height:auto!important}.qp-scene{height:auto!important;position:relative!important}.qp-ray{transform:none!important}}
/* Scope paragraph rules above the About page's inherited paragraph styling. */
.about-v5 .qp-label{font-size:13px;line-height:1.8;color:var(--q-teal);margin:0 0 22px}
.about-v5 .qp-intro{font-size:16px;line-height:2;margin:25px 0 0;color:var(--qp-ink)}
.about-v5 .qp-position{font-size:12px;line-height:1.7;color:var(--qp-accent);margin:0 0 26px}
.about-v5 .qp-stage-label{font-size:12px;line-height:1.8;color:var(--q-teal);margin:0 0 5px}
.about-v5 .qp-stage-description{font-size:16px;line-height:2;color:var(--qp-ink);margin:0}
.about-v5 .is-orbit .qp-chapters{height:var(--qp-chapter-height,250px)}
@media(max-width:1100px) and (min-width:768px){.about-v5 .qp-intro,.about-v5 .qp-stage-description{font-size:15px;line-height:1.9}.about-v5 .qp-label{font-size:12px}.about-v5 .qp-position{margin-bottom:18px}}
@media(max-width:767px){.about-v5 .qp-label{font-size:11px;margin-bottom:8px}.about-v5 .qp-intro{font-size:14px;line-height:1.8;margin-top:12px}.about-v5 .qp-position{font-size:10px;margin-bottom:6px}.about-v5 .qp-stage-label{font-size:11px;margin-bottom:2px}.about-v5 .qp-stage-description{font-size:14px;line-height:1.8}}
@media(max-width:767px) and (max-height:740px){.about-v5 .qp-stage-description{font-size:13px;line-height:1.8}}
@media(max-height:560px) and (min-width:768px){.about-v5 .qp-position{margin-bottom:7px}.about-v5 .qp-stage-description{font-size:14px;line-height:1.8}}
@media(max-height:500px) and (max-width:767px){.about-v5 .qp-stage-description{font-size:13px;line-height:1.7}}
@media(max-width:767px) and (min-height:501px) and (max-height:620px){.qp-dial{width:112px}.qp-number{font-size:38px}.qp-dial-caption{font-size:8px;top:69%}.about-v5 .qp-title,html[lang=en] .about-v5 .qp-title{font-size:21px}.qp-title .qp-accent{font-size:18px}.qp-layout,.is-orbit .qp-layout{gap:9px}}
@media(max-width:767px){.is-orbit .qp-chapter{transform:translateY(calc(-50% + 8px))}.is-orbit .qp-chapter.is-current{transform:translateY(-50%)}}
@media(min-width:768px){.qp-controls{margin-top:34px}}
@media(max-width:767px){.qp-controls{margin-top:16px}}
@media(max-width:767px) and (min-height:501px) and (max-height:620px){html[lang=en] .about-v5 .qp-title{font-size:19px;line-height:1.35}html[lang=en] .qp-title .qp-accent{font-size:17px}html[lang=en] .about-v5 .qp-stage-title{font-size:20px;line-height:1.45}html[lang=en] .qp-dial{width:100px}html[lang=en] .qp-number{font-size:34px}}
@media(min-width:768px) and (max-height:500px){.about-v5 .qp-title,html[lang=en] .about-v5 .qp-title{font-size:22px;line-height:1.4}.qp-title .qp-accent{font-size:20px}.qp-dial{max-width:180px}.qp-number{font-size:52px}.about-v5 .qp-position,.about-v5 .qp-stage-label{display:none}.about-v5 .qp-stage-title,html[lang=en] .about-v5 .qp-stage-title{font-size:20px;line-height:1.4;margin-bottom:8px}.about-v5 .qp-stage-description{font-size:13px;line-height:1.7}.qp-controls{margin-top:12px}.qp-controls button{height:40px;min-height:40px}}
@media(max-width:767px){.qp-hint{display:none}}

/* The process shares the exact page canvas; no separate grid or tint. */
.qp-grid{display:none}