/* About page: measured entrances, quiet architectural accents, clear interactions. */
.about-page[data-about-motion]{--about-ease:cubic-bezier(.2,.65,.3,1)}
.about-page[data-about-motion] [data-about-reveal]{opacity:1}
.about-page[data-about-motion] .about-heading-block::after,
.about-page[data-about-motion] .values-section>h2::after,
.about-page[data-about-motion] .about-section>.section-top::after,
.about-page[data-about-motion] .contact-section-heading::after{
 content:"";display:block;width:82px;height:2px;border-radius:2px;margin-top:24px;
 background:linear-gradient(90deg,#b18c50,#a282b3 72%,#d9c9e3);
 transform:scaleX(1);transform-origin:left;opacity:.85;
 transition:transform .65s var(--about-ease),opacity .65s;
}
.about-page[data-about-motion] .about-section>.section-top{position:relative;padding-bottom:22px}
.about-page[data-about-motion] .about-section>.section-top::after{position:absolute;left:0;bottom:0;margin:0}
.about-page.about-motion-enabled .about-heading-block:not(.about-revealed)::after,
.about-page.about-motion-enabled .values-section>h2:not(.about-revealed)::after,
.about-page.about-motion-enabled .about-section>.section-top:not(.about-revealed)::after,
.about-page.about-motion-enabled .contact-section-heading:not(.about-revealed)::after{transform:scaleX(.12);opacity:.2}

/* The focus statement keeps its original two-column reading layout. */
.about-page[data-about-motion] .about-intro>div:last-child{position:relative;border-left-color:transparent}
.about-page[data-about-motion] .about-intro>div:last-child::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(#bc9b64,#d2bdde);transform-origin:top;transform:scaleY(1);opacity:.9;transition:transform .8s var(--about-ease),opacity .7s;pointer-events:none}
.about-page.about-motion-enabled .about-intro>div:last-child:not(.about-revealed)::before{transform:scaleY(.15);opacity:.3}
.about-page[data-about-motion] .about-intro .text-link{transition:color .25s,border-color .3s}
.about-page[data-about-motion] .about-intro .text-link .icon{transition:transform .3s var(--about-ease)}
.about-page[data-about-motion] .about-intro .text-link:focus-visible{outline:2px solid #805699;outline-offset:5px;border-radius:3px}
.about-page[data-about-motion] .about-intro .text-link:focus-visible .icon{transform:translate(2px,-2px)}

/* Existing emblem arches settle once; they never rotate or pulse continuously. */
.about-page[data-about-motion] .founder-emblem{box-shadow:0 15px 40px #69477508}
.about-page[data-about-motion] .founder-emblem::before,
.about-page[data-about-motion] .founder-emblem::after{transform:scale(1);opacity:1;transition:transform .85s var(--about-ease),opacity .85s ease}
.about-page[data-about-motion] .founder-emblem::after{transition-delay:100ms}
.about-page.about-motion-enabled .founder-emblem:not(.about-revealed)::before,
.about-page.about-motion-enabled .founder-emblem:not(.about-revealed)::after{transform:scale(.96);opacity:.25}
.about-page[data-about-motion] .founder-section .button{transition:background .3s,border-color .3s,box-shadow .3s;color:#633d85}
.about-page[data-about-motion] .founder-section .button:hover{transform:none;box-shadow:0 7px 20px #633d8510}
.about-page[data-about-motion] .founder-section .button .icon{transition:transform .3s var(--about-ease)}
.about-page[data-about-motion] .founder-section .button:focus-visible{outline:2px solid #805699;outline-offset:4px}
.about-page[data-about-motion] .founder-section .button:focus-visible .icon{transform:translate(2px,-2px)}

/* Values are reading cards, with restrained color accents rather than button motion. */
.about-page[data-about-motion] .values-section .issue-grid article{transition:background .35s,border-color .35s,box-shadow .35s}
.about-page[data-about-motion] .values-section .issue-number{transition:background .45s,border-color .45s,color .45s;transform:none}
.about-page[data-about-motion] .values-section .issue-grid article.about-revealed .issue-number{background:#f5eef9;border-color:#cdb5dc;color:#725285}
.about-page[data-about-motion] .values-section .issue-grid article:nth-child(2).about-revealed .issue-number,
.about-page[data-about-motion] .values-section .issue-grid article:nth-child(3).about-revealed .issue-number{background:#fcf7ed;border-color:#d9c49d;color:#80602f}

/* Related services are links: give pointer and keyboard users clear feedback. */
.about-page[data-about-motion] .related-card{transition:transform .35s var(--about-ease),background .3s,border-color .3s,box-shadow .35s}
.about-page[data-about-motion] .related-card>.icon{transition:background .3s,border-color .3s,color .3s}
.about-page[data-about-motion] .related-card>span:last-child{transition:color .25s,border-color .3s}
.about-page[data-about-motion] .related-card>span:last-child .icon{transition:transform .3s var(--about-ease)}
.about-page[data-about-motion] .related-card:focus-visible{outline:2px solid #805699;outline-offset:5px;border-color:#b08bc2;box-shadow:0 10px 26px #633d8512}
.about-page[data-about-motion] .related-card:focus-visible>.icon{background:#f3eaf8;border-color:#c6acd5}
.about-page[data-about-motion] .related-card:focus-visible>span:last-child .icon{transform:translate(2px,-2px)}

/* Contact inputs remain still; only deliberate focus and link states transition. */
.about-page[data-about-motion] .page-contact-info .contact-options>a{transition:background .3s,border-color .3s,box-shadow .3s}
.about-page[data-about-motion] .page-contact-info .contact-options>a>.icon:last-child{transition:transform .3s var(--about-ease)}
.about-page[data-about-motion] .page-contact-info .contact-options>a:focus-visible{outline:2px solid #805699;outline-offset:3px;background:#f5edf9}
.about-page[data-about-motion] .page-contact-info .contact-options>a:focus-visible>.icon:last-child{transform:translate(2px,-2px)}
.about-page[data-about-motion] .review-form-panel{transition:border-color .3s,box-shadow .3s}
.about-page[data-about-motion] .review-form-panel:focus-within{border-color:#c6acd7;box-shadow:0 18px 45px #633d850c}
.about-page[data-about-motion] .completion-track>span{transition:width .3s var(--about-ease)}
@media(hover:hover) and (pointer:fine){
 .about-page[data-about-motion] .about-intro .text-link:hover .icon,
 .about-page[data-about-motion] .founder-section .button:hover .icon{transform:translate(2px,-2px)}
 .about-page[data-about-motion] .values-section .issue-grid article:hover{border-color:#cdb9dc;box-shadow:0 8px 25px #6b477607}
 .about-page[data-about-motion] .values-section .issue-grid article:nth-child(2):hover,
 .about-page[data-about-motion] .values-section .issue-grid article:nth-child(3):hover{border-color:#d8c298}
 .about-page[data-about-motion] .related-card:hover{transform:translateY(-2px);background:#fbf7ff;border-color:#b99ac9;box-shadow:0 12px 30px #633d8510}
 .about-page[data-about-motion] .related-card:hover>.icon{background:#f3eaf8;border-color:#c7afd8}
 .about-page[data-about-motion] .related-card:hover>span:last-child .icon{transform:translate(2px,-2px)}
 .about-page[data-about-motion] .page-contact-info .contact-options>a:hover{transform:none;background:#f7f0fb;box-shadow:0 6px 17px #633d850d}
 .about-page[data-about-motion] .page-contact-info .contact-options>a:hover>.icon:last-child{transform:translate(2px,-2px)}
}
@media(max-width:700px){
 .about-page[data-about-motion] .about-heading-block::after,
 .about-page[data-about-motion] .values-section>h2::after,
 .about-page[data-about-motion] .about-section>.section-top::after,
 .about-page[data-about-motion] .contact-section-heading::after{width:68px;margin-top:20px}
 .about-page[data-about-motion] .about-section>.section-top::after{margin:0}
 .about-page[data-about-motion] .about-section>.section-top{padding-bottom:18px}
}
.about-page[data-about-motion]:not(.about-motion-enabled) .about-section *,
.about-page[data-about-motion]:not(.about-motion-enabled) .about-section *::before,
.about-page[data-about-motion]:not(.about-motion-enabled) .about-section *::after{animation:none!important;transition:none!important}
html.motion-off .about-page[data-about-motion] .about-section *,
html.motion-off .about-page[data-about-motion] .about-section *::before,
html.motion-off .about-page[data-about-motion] .about-section *::after{animation:none!important;transition:none!important}
html.motion-off .about-page[data-about-motion] [data-about-reveal]{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 .about-page[data-about-motion] .about-section *,
 .about-page[data-about-motion] .about-section *::before,
 .about-page[data-about-motion] .about-section *::after{animation:none!important;transition:none!important}
 .about-page[data-about-motion] [data-about-reveal]{opacity:1;transform:none}
}
@media print{
 .about-page[data-about-motion] .about-section *,
 .about-page[data-about-motion] .about-section *::before,
 .about-page[data-about-motion] .about-section *::after{animation:none!important;transition:none!important}
 .about-page[data-about-motion] [data-about-reveal]{opacity:1;transform:none}
}