/* Sprint 06: only the O nas article. Existing road layout, menu and AAA are unchanged. */
@layer spr-standard{
body.about-page .s6-about{--s6-radius:24px;--s6-gap:24px}
body.about-page .s6-about .s6-section{position:relative;z-index:1;padding-top:56px;padding-bottom:56px}
body.about-page .s6-about .about-intro{padding-top:48px;padding-bottom:64px}
body.about-page .s6-about h1{font-size:calc(64px * var(--a11y-text-factor,1));line-height:1.08;max-width:19ch;letter-spacing:-.04em;margin:32px 0}
body.about-page .s6-about h2{font-size:calc(42px * var(--a11y-text-factor,1));line-height:1.15;letter-spacing:-.025em;max-width:27ch;margin:0 0 24px}
body.about-page .s6-about h3{font-size:calc(26px * var(--a11y-text-factor,1));line-height:1.2;letter-spacing:-.015em;margin:0 0 20px}
body.about-page .s6-about p{font-size:calc(18px * var(--a11y-text-factor,1));line-height:1.6;margin:0 0 20px}
body.about-page .s6-about .s6-lead{max-width:65ch}
body.about-page .s6-about .s6-lead p{font-size:calc(23px * var(--a11y-text-factor,1));line-height:1.45}
body.about-page .s6-about .s6-intro{max-width:67ch;margin-bottom:32px}
body.about-page .s6-about .s6-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6-gap)}
body.about-page .s6-about .s6-card{padding:32px;border-radius:var(--s6-radius);background:#F8E8DB;color:#202868;min-width:0}
body.about-page .s6-about .s6-activity{display:flex;flex-direction:column;align-items:flex-start}
body.about-page .s6-about .s6-picto{display:block;width:56px;height:56px;object-fit:contain;margin-bottom:28px}
body.about-page .s6-about .s6-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;align-self:flex-start;width:auto;max-width:100%;min-height:48px;padding:14px 20px;border:2px solid #202868;border-radius:12px;background:#202868;color:#F8E8DB;font-size:calc(16px * var(--a11y-text-factor,1));line-height:1.4;white-space:normal;text-align:left;text-decoration:none;box-sizing:border-box}
body.about-page .s6-about .s6-button:hover{text-decoration:underline;text-underline-offset:4px}
body.about-page .s6-about .s6-button:active{text-decoration:underline;text-decoration-style:double}
body.about-page .s6-about .s6-activity .s6-button{margin-top:auto}
body.about-page .s6-about .s6-projects{display:grid;gap:var(--s6-gap)}
body.about-page .s6-about .s6-project{display:grid;grid-template-columns:130px minmax(0,1fr);gap:32px}
body.about-page .s6-about .s6-date{color:#710034;font-weight:600}
body.about-page .s6-about .s6-project-copy{display:flex;flex-direction:column;align-items:flex-start}
body.about-page .s6-about .s6-project-copy .s6-button{margin-top:8px}
body.about-page .s6-about .s6-timeline{list-style:none;margin:0;padding:0;display:grid;gap:32px}
body.about-page .s6-about .s6-timeline li{margin:0;padding:0}
body.about-page .s6-about .s6-timeline h3{font-size:calc(24px * var(--a11y-text-factor,1));margin-bottom:12px}
body.about-page .s6-about .s6-timeline h3 span{color:#710034}
body.about-page .s6-about .s6-timeline p{margin:0;max-width:65ch}
body.about-page .s6-about .s6-invite{border-radius:var(--s6-radius);padding:48px;background:#202868;color:#F8E8DB}
body.about-page .s6-about .s6-invite p{max-width:48ch;margin-bottom:32px}
body.about-page .s6-about .s6-invite-button{background:#FD6323;color:#202868;border-color:#FD6323;font-size:calc(20px * var(--a11y-text-factor,1));font-weight:700}
body.about-page .s6-about .s6-final{padding-bottom:80px}
/* Reuse the approved home component's exact dimensions and stroke rhythm. */
body.about-page .s6-about .home-menu-lines{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:19px;height:20px;flex:0 0 19px}
body.about-page .s6-about .home-menu-lines i{display:block;width:19px;height:1.5px;background:currentColor}
@media(max-width:1100px){body.about-page .s6-about .s6-activity-grid{grid-template-columns:minmax(0,1fr)}body.about-page .s6-about h1{font-size:calc(52px * var(--a11y-text-factor,1))}}
@media(max-width:700px){body.about-page .s6-about .s6-section{padding-top:32px;padding-bottom:32px}body.about-page .s6-about h1{font-size:calc(38px * var(--a11y-text-factor,1));margin:24px 0}body.about-page .s6-about h2{font-size:calc(32px * var(--a11y-text-factor,1))}body.about-page .s6-about .s6-lead p{font-size:calc(21px * var(--a11y-text-factor,1))}body.about-page .s6-about .s6-card,body.about-page .s6-about .s6-invite{padding:24px}body.about-page .s6-about .s6-project{grid-template-columns:minmax(0,1fr);gap:12px}body.about-page .s6-about .s6-date{margin:0}body.about-page .s6-about .s6-final{padding-bottom:48px}}
}
/* Scoped HC additions; shared AAA tokens and controls are untouched. */
:root[data-contrast]:not([data-contrast="standard"]) .s6-about .s6-card{background:var(--hc-bg);color:var(--hc-fg);border:1px solid var(--hc-line)}
:root[data-contrast]:not([data-contrast="standard"]) .s6-about .s6-invite{background:var(--hc-surface);color:var(--hc-fg);border:1px solid var(--hc-line)}
:root[data-contrast]:not([data-contrast="standard"]) .s6-about .s6-picto{display:none}
@layer spr-priority{
 :root:not([data-contrast="dark"]):not([data-contrast="light"]) .s6-about .s6-card a:focus-visible{outline:3px solid #202868!important;outline-offset:4px!important}
 :root:not([data-contrast="dark"]):not([data-contrast="light"]) .s6-about .s6-invite a:focus-visible{outline:3px solid #F8E8DB!important;outline-offset:4px!important}
}

/* Heading colour refinement: blue on burgundy/navy; HC retains its own palette. */
@layer spr-standard{
 body.about-page .s6-about :is(h1,h2){color:#84B5C2}
}