/* Page-scoped styles for the About page reference content. */
.about-reference{--ref-purple:#5230da;--ref-navy:#101034;--ref-muted:#686779;color:var(--ref-navy)}
.about-reference h1,.about-reference h2,.about-reference h3{color:var(--ref-navy);font-weight:550;line-height:1.15;letter-spacing:-.025em}
.about-reference h1,.about-reference h2{margin:0 0 20px;font-size:clamp(32px,4vw,48px)}
.about-reference h3{font-size:24px;margin:0 0 14px}
.about-reference p:not(.eyebrow){color:var(--ref-muted);font-size:15px;line-height:1.85}
.about-reference .eyebrow{color:var(--ref-purple)}
.about-reference .eyebrow.light{color:#c6baff}
.about-ref-welcome{padding:24px 0 0}
.about-ref-welcome a{display:inline-flex;align-items:center;min-height:45px;padding:11px 20px;border-radius:3px;background:var(--ref-purple);color:#fff;font-size:13px;font-weight:650}
.about-ref-history{padding:50px 0 82px}
.about-ref-history-grid,.about-ref-overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:62px;align-items:center}
.about-ref-history-grid figure,.about-ref-overview-grid figure{margin:0;overflow:hidden;border-radius:16px}
.about-ref-history-grid figure img,.about-ref-overview-grid figure img{width:100%;height:430px;object-fit:cover}
.about-ref-history-grid>div>p:not(.eyebrow){margin:0 0 17px}
.about-ref-experience{width:max-content;max-width:100%;min-height:98px;display:flex;align-items:center;gap:19px;margin:28px 0 30px;padding:14px 24px;border:1px solid #e7e5eb;border-radius:10px;background:#fff}
.about-ref-experience strong{color:#7960d1;font-size:62px;font-weight:450;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.about-ref-experience span{color:#686779;font-size:14px;line-height:1.55}
.about-ref-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px}
.about-ref-stats article{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px 12px;border:1px solid #e9e6f4;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(39,24,92,.08);text-align:center}
.about-ref-icon{width:40px;height:40px;object-fit:contain}
.about-ref-stats strong{color:var(--ref-purple);font-size:34px;font-weight:650;line-height:1.1}
.about-ref-stats article>span:last-child{color:#33304a;font-size:13px;font-weight:600}
.about-ref-overview{padding:85px 0;background:#f5f3fb}
.about-ref-overview-grid{grid-template-columns:1.05fr .95fr}
.about-ref-overview-grid>div>p:not(.eyebrow){margin:0 0 16px}
.about-ref-overview-grid figure img{height:500px}
.about-ref-progress{display:grid;gap:16px;margin:24px 0}
.about-ref-progress>div{display:grid;grid-template-columns:1fr auto;gap:7px 16px;color:#342b5d;font-size:13px;font-weight:650}
.about-ref-progress strong{color:var(--ref-purple)}
.about-ref-progress i{grid-column:1/-1;height:7px;border-radius:8px;background:#ded9ee;overflow:hidden}
.about-ref-progress i b{display:block;height:100%;border-radius:inherit;background:var(--ref-purple)}
.about-ref-vision{padding:86px 0;text-align:center}
.about-ref-intro{max-width:720px;margin:0 auto 35px;font-size:18px!important;color:#44415b!important}
.about-ref-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;text-align:left}
.about-ref-two article{padding:30px;border:1px solid #e9e6f4;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(39,24,92,.06)}
.about-ref-two article h3{color:var(--ref-purple)}
.about-ref-two article p{margin:0}
.about-ref-certificates{padding:75px 0 85px;background:#f5f3fb;text-align:center}
.about-ref-soon{max-width:720px;margin:auto;padding:50px 20px;border:1px dashed #c9c2e3;border-radius:12px;background:#fff;color:var(--ref-purple);font-size:22px;font-weight:600}
.about-ref-team{padding:78px 0}
.about-ref-team .container{max-width:900px}
.about-ref-team>div>p:last-child{margin:0}
.about-ref-journey{position:relative;isolation:isolate;padding:92px 0;background:#181442 url('../images/about-reference/our-journey-background.png') center/cover no-repeat;color:#fff}
.about-ref-journey:before,.about-ref-mantra:before,.about-ref-advice:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(10,10,42,.78),rgba(10,10,42,.5))}
.about-ref-journey .container,.about-ref-mantra .container{position:relative;z-index:1}
.about-ref-journey .container{max-width:840px}
.about-ref-journey h2,.about-ref-mantra h2,.about-ref-advice h2{color:#fff}
.about-ref-journey p:not(.eyebrow),.about-ref-mantra p:not(.eyebrow),.about-ref-advice p:not(.eyebrow){color:#fff}
.about-ref-mantra{position:relative;isolation:isolate;padding:86px 0;background:#30206f url('../images/about-reference/mantra-welcome-background.webp') center/cover no-repeat;color:#fff}
.about-ref-mantra .container{max-width:850px}
.about-ref-message{padding:82px 0;background:#f5f3fb}
.about-ref-message .container{max-width:900px}
.about-ref-message ul{display:grid;gap:9px;margin:22px 0 28px;padding-left:22px;color:#39364f;font-size:15px;line-height:1.75}
.about-ref-message h3{color:var(--ref-purple)}
.about-ref-signature{margin:24px 0 0;color:var(--ref-purple)!important;font-weight:650}
.about-ref-advice{position:relative;isolation:isolate;padding:78px 0;background:#201a51 url('../images/about-reference/advice-background.png') center/cover no-repeat;color:#fff}
.about-ref-advice .container{position:relative;z-index:1}
.about-ref-advice .container{max-width:950px}
.about-ref-contact{padding:75px 0;text-align:center}
.about-ref-contact address{margin:10px 0;color:var(--ref-muted);font-style:normal;font-size:15px}
.about-ref-contact>a{color:var(--ref-purple);font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.about-ref-history-grid,.about-ref-overview-grid{grid-template-columns:1fr;gap:34px}.about-ref-history-grid figure{grid-row:2}.about-ref-history-grid figure img,.about-ref-overview-grid figure img{height:390px}.about-ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.about-ref-welcome{padding-top:18px}.about-ref-history{padding:35px 0 56px}.about-ref-history-grid,.about-ref-overview-grid{gap:24px}.about-ref-history-grid figure img,.about-ref-overview-grid figure img{height:300px}.about-ref-experience{min-height:82px;gap:14px;margin:20px 0 24px;padding:11px 17px}.about-ref-experience strong{font-size:52px}.about-ref-experience span{font-size:12px}.about-ref-stats{gap:10px;margin-top:28px}.about-ref-stats article{min-height:140px;padding:14px 8px}.about-ref-stats strong{font-size:30px}.about-ref-stats article>span:last-child{font-size:12px}.about-ref-overview,.about-ref-vision,.about-ref-certificates,.about-ref-team,.about-ref-message,.about-ref-contact{padding:58px 0}.about-ref-two{grid-template-columns:1fr}.about-ref-two article{padding:23px}.about-ref-journey,.about-ref-mantra,.about-ref-advice{padding:66px 0}.about-reference p:not(.eyebrow){font-size:14px}}
