/* About hero extends the approved homepage system; all changes are scoped. */
.about-page{--about-photo-toning:linear-gradient(180deg,rgb(0 0 0 / 35%) 0%,rgb(0 0 0 / 30%) 25%,rgb(0 0 0 / 32%) 58%,rgb(0 0 0 / 55%) 100%)}
.about-page .about-hero{background:#69696d}
/* The homepage photo has a baked-in neutral dark treatment. Reproduce that
   charcoal tonality over the original team photo, without a purple colour cast. */
.about-page .about-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--about-photo-toning)}
.about-page .about-hero:after{display:none}
.about-page .hero-photo{object-position:50% 44%}
.about-page .nav-link[aria-current=page]:after{transform:scaleX(1)}
.about-breadcrumbs{position:relative;display:flex;align-items:center;gap:10px;max-width:1760px;margin:12px auto 0;padding:0 var(--inset);font-size:12px;line-height:1.4;color:#8b7995}
.about-breadcrumbs a{color:var(--purple);text-underline-offset:4px}
.about-breadcrumbs a:hover{text-decoration:underline}
.about-page .hero-intro{min-width:0}
.about-page .hero-intro h1{max-width:100%;text-wrap:balance}
.about-page .hero-conversion{max-width:510px}
.about-page .hero-buttons>.button{flex:1;min-width:0;gap:16px;justify-content:space-between}
.about-page .hero-buttons>.button:hover{box-shadow:0 5px 24px #160e2630;transform:translateY(-2px)}
.about-page .hero-buttons>.button-primary:hover{background:#f4eaf9}
.about-page .hero-buttons>.button-outline:hover{background:#ffffff26}
@media(min-width:768px) and (max-width:1023px){.about-page .hero-content{grid-template-columns:1fr;gap:28px}.about-page .hero-conversion{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about-page .hero-conversion p{max-width:320px}.about-page .hero-intro h1>span{white-space:normal}.about-page .hero-buttons>.button{min-width:0}.about-page .hero-photo{object-position:50% 40%}}
@media(max-width:767px){.about-page .hero-content{grid-template-columns:1fr;gap:24px}.about-page .hero-intro h1>span{white-space:normal}.about-page .hero-conversion{display:block;max-width:none}.about-page .hero-conversion p{font-size:16px;max-width:350px;margin-bottom:21px}.about-page .hero-buttons{display:flex;flex-wrap:nowrap;flex-direction:row;gap:10px}.about-page .hero-buttons>.button{min-width:0;min-height:48px;padding:13px 16px;flex:1;font-size:12px;gap:12px}.about-page .hero-photo{object-position:50% 42%}.about-page .about-hero:before{background:linear-gradient(180deg,rgb(0 0 0 / 35%) 0%,rgb(0 0 0 / 30%) 43%,rgb(0 0 0 / 55%) 65%,rgb(0 0 0 / 75%) 100%)}.about-page .hero-intro{transform:none}.about-page .hero-conversion{transform:none}}
@media(max-width:600px){.about-page .hero-intro h1{font-size:clamp(30px,8.2vw,44px);line-height:1.1;letter-spacing:-.85px}.about-page .hero-content{bottom:30px}.about-breadcrumbs{margin-top:15px;font-size:11px}.about-page .about-hero{min-height:720px}.about-page .hero-picture{top:0;bottom:0}.about-page .hero-photo{object-position:50% 40%}}
@media(max-width:360px){.about-page .hero-buttons>.button{padding:13px;font-size:11px}.about-page .about-hero{min-height:700px}.about-page .hero-content{bottom:25px}.about-page .hero-conversion p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.about-page .hero-buttons>.button,.about-page .hero-buttons>.button img{transition:none;transform:none!important}}