/* A spacious pause between the work and the broader perspective. */
#about.work-proof-transition{padding:clamp(112px,11vw,160px) 0}
#about #about-statement{background:none;color:#142a3b;font-size:clamp(30px,3.4vw,46px);line-height:1.34}
#about .about-reference-copy[data-reveal]{opacity:1;transform:none;transition:none}
#about .about-reference-actions{margin-top:36px}
#about .about-word{color:#142a3b;filter:none;opacity:1}
@media(prefers-reduced-motion:no-preference){
 #about.is-enhanced .about-word{color:#496172;filter:blur(4px);opacity:.35;transition:filter 450ms ease,opacity 450ms ease,color 450ms ease}
 #about.is-enhanced .about-word.is-read{color:#142a3b;filter:blur(0);opacity:1}
 #about:focus-within .about-word{color:#142a3b;filter:none;opacity:1}
}
@media(max-width:700px){#about.work-proof-transition{padding:88px 0}#about .about-reference-actions{margin-top:30px}}
@media(prefers-reduced-motion:reduce){#about .about-word,#about.is-enhanced .about-word{color:#142a3b;filter:none;opacity:1;transition:none}}
html[data-motion-paused] #about .about-word{color:#142a3b!important;filter:none!important;opacity:1!important}
@media(forced-colors:active){#about .about-word,#about.is-enhanced .about-word{color:CanvasText!important;filter:none;opacity:1}}
@media print{#about.work-proof-transition{padding:32px 0}#about .about-word{color:#142a3b!important;filter:none!important;opacity:1!important}}

/* A fixed identity column grounds the statement in the main page grid. */
#about .about-reference-intro{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:clamp(36px,5vw,72px);align-items:start}
#about .about-reference-copy{max-width:none;margin:0}
#about .about-section-anchor{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:4px}
#about .about-section-anchor img{display:block;width:88px;height:88px}
#about .about-section-anchor p{margin:0;font:500 11px/1.5 var(--mono);letter-spacing:.12em;color:#365c77}
#about #about-statement{text-align:left;max-width:32ch}
@media(max-width:700px){
 #about .about-reference-intro{grid-template-columns:1fr;gap:32px}
 #about .about-section-anchor{flex-direction:row;align-items:center;gap:16px;padding:0}
 #about .about-section-anchor img{width:56px;height:56px}
 #about #about-statement{max-width:none}
}
