/* About: finite entrances and quiet purple-and-gold details. */
body[data-page="about"]{--about-motion-ease:cubic-bezier(.22,1,.36,1)}
body[data-page="about"] [data-about-reveal]{opacity:1}
body[data-page="about"] main>section:not([data-motion-banner]) .reveal{opacity:1;transform:none;transition:none}

/* Decorative accents complete once; text is always visible without JavaScript. */
body[data-page="about"] .signature-art::after{border-color:#af873f;transition:border-color .65s ease}
body[data-page="about"].about-motion-ready .signature-art:not(.about-revealed)::after{border-color:#9f80b5}
body[data-page="about"] .purpose-card,
body[data-page="about"] .value-card,
body[data-page="about"] .future-step,
body[data-page="about"] .issue-item{position:relative}
body[data-page="about"] .purpose-card{transition:box-shadow .3s ease}
body[data-page="about"] .purpose-card::before,
body[data-page="about"] .value-card::before,
body[data-page="about"] .future-step::before,
body[data-page="about"] .issue-item::before{content:"";position:absolute;top:-1px;left:0;width:86px;height:2px;background:linear-gradient(90deg,var(--violet),var(--gold));transform:scaleX(1);transform-origin:left;pointer-events:none}
body[data-page="about"] .purpose-card::before{top:-3px;height:3px;width:110px}
body[data-page="about"] .issue-item::before{top:-2px}
body[data-page="about"].about-motion-ready .purpose-card::before,
body[data-page="about"].about-motion-ready .value-card::before,
body[data-page="about"].about-motion-ready .future-step::before,
body[data-page="about"].about-motion-ready .issue-item::before{transition:transform .6s var(--about-motion-ease)}
body[data-page="about"].about-motion-ready [data-about-reveal]:not(.about-revealed)::before{transform:scaleX(.25)}
body[data-page="about"] .value-number{transition:color .25s ease}

/* Existing photography moves only slightly on larger displays. */
body[data-page="about"] .story-image img{transform:translateY(clamp(-10px,var(--parallax,0px),10px));transition:transform .45s ease-out}
body[data-page="about"] .about-anchor-row a,
body[data-page="about"] main>section:not([data-motion-banner]) .text-link{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .25s var(--about-motion-ease),color .2s ease,border-color .2s ease}
body[data-page="about"] main>section:not([data-motion-banner]) .text-link svg{transition:transform .25s var(--about-motion-ease)}
body[data-page="about"] .story-copy .btn{transition:background .22s ease,color .22s ease,border-color .22s ease}
body[data-page="about"] .contact-call,
body[data-page="about"] .contact-save{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
body[data-page="about"] .contact-call svg,
body[data-page="about"] .contact-save>svg:last-child{transition:transform .25s var(--about-motion-ease)}
body[data-page="about"] .contact-hub-form{transition:border-color .25s ease,box-shadow .25s ease}
body[data-page="about"] .contact-hub-form:focus-within{border-color:#b49bc4;box-shadow:0 0 0 3px #7944a60c}

@media(hover:hover) and (pointer:fine){
 body[data-page="about"] .purpose-card:hover{box-shadow:0 8px 24px #35154c0a}
 body[data-page="about"] .value-card:hover .value-number{color:var(--purple)}
 body[data-page="about"] .about-anchor-row a:hover,
 body[data-page="about"] main>section:not([data-motion-banner]) .text-link:hover{background-size:100% 1px}
 body[data-page="about"] main>section:not([data-motion-banner]) .text-link:hover svg{transform:translateX(2px)}
 body[data-page="about"] .contact-call:hover svg,
 body[data-page="about"] .contact-save:hover>svg:last-child{transform:translate(2px,-2px)}
}
body[data-page="about"] .about-anchor-row a:focus-visible,
body[data-page="about"] main>section:not([data-motion-banner]) .text-link:focus-visible{background-size:100% 1px}
@media(max-width:650px){
 body[data-page="about"] .story-image img{transform:none}
 body[data-page="about"] .value-card::before,
 body[data-page="about"] .future-step::before,
 body[data-page="about"] .issue-item::before{width:64px}
}
.motion-paused body[data-page="about"] main>section:not([data-motion-banner]) *,
.motion-paused body[data-page="about"] main>section:not([data-motion-banner]) *::before,
.motion-paused body[data-page="about"] main>section:not([data-motion-banner]) *::after{animation:none!important;transition:none!important}
.motion-paused body[data-page="about"] .story-image img{transform:none!important}
.motion-paused body[data-page="about"] [data-about-reveal]::before{transform:scaleX(1)!important}
.motion-paused body[data-page="about"] .signature-art::after{border-color:#af873f!important}
@media(prefers-reduced-motion:reduce){
 body[data-page="about"] main>section:not([data-motion-banner]) *,
 body[data-page="about"] main>section:not([data-motion-banner]) *::before,
 body[data-page="about"] main>section:not([data-motion-banner]) *::after{animation:none!important;transition:none!important}
 body[data-page="about"] .story-image img{transform:none!important}
 body[data-page="about"] [data-about-reveal]::before{transform:scaleX(1)!important}
 body[data-page="about"] .signature-art::after{border-color:#af873f!important}
}
@media print{
 body[data-page="about"] [data-about-reveal]{opacity:1!important;transform:none!important}
 body[data-page="about"] .story-image img{transform:none!important}
 body[data-page="about"] [data-about-reveal]::before{display:none}
}