/* Review addition to the existing personal identity; no new visual system. */
:root{--athar-surface:#112e29;--athar-ink:#eeeadd;--athar-muted:#b5c2b6;--athar-accent:#d3b47a;--athar-line:#d3b47a45}
:root[data-theme="light"]{--athar-surface:#f1eee4;--athar-ink:#244537;--athar-muted:#586d60;--athar-accent:#86602e;--athar-line:#86602e40}
:root[data-theme="sage"]{--athar-surface:#cddfcc;--athar-ink:#204137;--athar-muted:#496250;--athar-accent:#795c2e;--athar-line:#795c2e40}
.hero-mission{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:var(--athar-accent);font-size:12px;line-height:1.8;font-weight:600}
.hero-mission::before{content:"";width:17px;height:1px;background:currentColor}
body:has(#athar-home:not([hidden])) #home{flex:none;min-height:calc(100dvh - clamp(64px,10dvh,99px) - 112px)}
.athar-home{flex-shrink:0;border-block:1px solid var(--athar-line);background:var(--athar-surface);color:var(--athar-ink)}
.athar-home-inner{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:28px;padding-block:30px}
.athar-home-mark img{display:block;width:96px;height:96px;border-radius:22px}
.athar-home-copy{min-width:0}
.athar-home h2{font-size:22px;line-height:1.6;margin:0;color:var(--athar-accent);text-align:start}
.athar-home-tagline{font-size:16px;line-height:1.8;margin:3px 0 8px;font-weight:600}
.athar-home-summary{font-size:12px;line-height:1.95;margin:0 0 10px;color:var(--athar-muted);max-width:730px}
.athar-home-link,.athar-journey-link{display:inline-flex;align-items:center;gap:16px;color:var(--athar-accent);font-size:12px;line-height:1.9;border-bottom:1px solid var(--athar-line);padding-block:8px;max-width:100%}
.athar-home-link{max-width:170px}
.athar-home a:focus-visible,.athar-story a:focus-visible,.volunteer-archive summary:focus-visible{outline:2px solid var(--athar-accent);outline-offset:6px}
.athar-status{display:inline-flex;max-width:100%;align-items:center;border:1px solid var(--athar-line);padding:6px 10px;border-radius:5px;color:var(--athar-accent);font-size:10px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.athar-status::before{content:"";flex:none;width:5px;height:5px;margin-inline-end:8px;border-radius:50%;background:currentColor}

#volunteer,#athar-story{scroll-margin-top:24px;outline-offset:5px}
#volunteer:focus-visible,#athar-story:focus-visible{outline:2px solid var(--athar-accent)}
#human .volunteer-intro{font-size:14px;line-height:2;margin:0 0 20px}
.volunteer-milestones{padding-inline-start:18px;margin:0;display:grid;gap:12px;font-size:12px;line-height:1.9}
.volunteer-milestones li::marker{color:var(--athar-accent)}
#human .volunteer-evidence{font-size:11px;line-height:1.95;color:#536359;border-top:1px solid var(--line);margin:20px 0 0;padding-top:13px}
.volunteer-archive{margin-top:17px;font-size:11px;line-height:1.9}
.volunteer-archive summary{cursor:pointer;color:#856134;padding-block:4px}
.volunteer-archive .mini-list{margin-top:14px}
.athar-story-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.7fr);gap:clamp(30px,5vw,70px);padding:clamp(24px,4vw,48px);border:1px solid var(--athar-line);border-radius:8px;background:var(--athar-surface);color:var(--athar-ink)}
.athar-story-copy{min-width:0}
.athar-eyebrow{margin:0 0 12px;color:var(--athar-muted);font-size:11px;line-height:1.9}
.athar-story h2{font-size:clamp(32px,4vw,48px);line-height:1.4;color:var(--athar-accent);margin:0 0 10px;text-align:start}
.athar-story-tagline{font-size:clamp(19px,2vw,25px);font-weight:600;line-height:1.85;margin:0 0 23px;max-width:650px}
.athar-paragraph{font-size:14px;line-height:2;margin:0 0 15px;max-width:650px;color:var(--athar-muted)}
.athar-story .athar-status{margin-top:7px;font-size:11px}
.athar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:23px}
.athar-actions .btn{font-size:12px;padding:11px 18px;gap:22px}
.athar-identity{border-inline-start:1px solid var(--athar-line);padding-inline-start:28px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-width:0}
.athar-identity img{width:min(100%,180px);height:auto;aspect-ratio:1;border-radius:28px;display:block}
.athar-state-list{margin:0;display:grid;gap:17px;width:100%}
.athar-state-list div{border-top:1px solid var(--athar-line);padding-top:12px}
.athar-state-list dt{font-size:11px;color:var(--athar-accent);font-weight:600;margin:0 0 5px}
.athar-state-list dd{font-size:11px;line-height:1.9;color:var(--athar-muted);margin:0}

/* Add the personal belief in the physical left column; preserve the poem. */
#contact .contact-composition{grid-template-areas:"art copy" "conviction copy";row-gap:20px}
html[lang="ar"] #contact .contact-composition{grid-template-areas:"copy art" "conviction art"}
#contact .contact-copy{align-self:center}
html[lang="ar"] #contact .contact-copy{align-self:start}
.contact-art{align-self:center}
.personal-conviction{grid-area:conviction;direction:rtl;color:var(--athar-muted);padding-block-start:18px;border-top:1px solid var(--athar-line);max-width:610px;min-width:0}
html:not([lang="ar"]) .personal-conviction{direction:ltr}
.conviction-label{font-size:10px;font-weight:600;line-height:1.8;color:var(--athar-accent);margin:0 0 12px;letter-spacing:.025em}
.personal-conviction blockquote{padding:0;margin:0}
.personal-conviction blockquote p{font-size:clamp(13px,1vw,15px);line-height:2;margin:0 0 5px}
.personal-conviction .conviction-emphasis{color:var(--athar-ink);font-weight:600;border-inline-start:2px solid var(--athar-accent);padding-inline-start:12px;margin-top:11px}

@media(max-width:1050px){
 .athar-home-inner{grid-template-columns:80px minmax(0,1fr);gap:18px}
 .athar-home-mark img{width:80px;height:80px}
 .athar-home-link{grid-column:2;justify-self:start;max-width:none}
 .athar-story-card{grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);gap:28px}
 .athar-identity{padding-inline-start:22px}
}
@media(max-width:820px){
 body:has(#athar-home:not([hidden])) #home{min-height:calc(100svh - 250px)}
 #home.hero-orbit-playing .hero-mission{display:none}
 .athar-home-inner{padding-block:25px;padding-left:max(64px,var(--pad))}
 .athar-home h2{font-size:20px}
 .athar-home-tagline{font-size:14px}
 .athar-home-summary{font-size:12px}
 .athar-story-card{grid-template-columns:minmax(0,1fr);padding:25px;padding-left:38px}
 .athar-identity{border-inline-start:0;border-top:1px solid var(--athar-line);padding-inline-start:0;padding-top:25px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:start}
 .athar-identity img{width:120px;border-radius:20px}
 #contact .contact-composition,html[lang="ar"] #contact .contact-composition{grid-template-areas:"copy" "art" "conviction";gap:18px}
 .personal-conviction{max-width:none;padding-left:36px}
}
@media(max-width:500px){
 #human .volunteer-card{padding-left:36px}
 .athar-home-inner{grid-template-columns:58px minmax(0,1fr);gap:14px}
 .athar-home-mark{align-self:start;padding-top:5px}
 .athar-home-mark img{width:58px;height:58px;border-radius:15px}
 .athar-home-summary{font-size:11px}
 .athar-status{font-size:9px}
 .athar-home-link{font-size:11px}
 .athar-identity{grid-template-columns:minmax(0,1fr)}
 .athar-identity img{width:110px;justify-self:center}
 .athar-story-tagline{font-size:20px}
 .athar-paragraph{font-size:13px;line-height:2}
 .athar-actions{gap:12px}
 .athar-actions .btn{font-size:11px}
 .athar-journey-link{font-size:11px}
}