/* Distinct section compositions replace repeated card grids on About. */
.page-about .about-direction{margin-top:25px}
.page-about #our-purpose .direction-card,.page-about #our-purpose .vision-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:27px 28px 0 0;transform:none}
.page-about #our-purpose .about-direction>div+div .direction-card{padding-left:32px;border-left:1px solid #ddd0e7}
.page-about #our-purpose .direction-card:hover{background:transparent;border-color:#ddd0e7;box-shadow:none;transform:none}
.page-about .direction-icon{background:transparent;border:0;border-radius:0;width:34px;height:34px;display:inline-flex;margin-bottom:15px}
.page-about .direction-icon svg{width:31px;height:31px}
.page-about .about-purpose-panel{border-radius:6px}
.page-about #our-values{padding:90px 0;background:white}
.values-editorial-layout{display:grid;grid-template-columns:.7fr 1.6fr;gap:90px}
.values-introduction{position:sticky;top:70px;align-self:start}
.values-introduction h2{margin-bottom:35px}
.values-emblem{display:inline-flex;color:#d6c4e5}
.values-emblem svg{width:80px;height:80px;stroke-width:1}
.values-editorial-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.values-entry{padding:25px 0 28px;border-top:1px solid #e4dbeC;transition:border-color .3s}
.values-entry dt{font-size:20px;color:var(--ink);font-weight:650;line-height:1.35;letter-spacing:-.025em;margin-bottom:14px;transition:color .3s}
.values-entry dd{font-size:14px;line-height:1.85;color:var(--body);margin:0}
.values-entry:hover{border-top-color:#b79ace}.values-entry:hover dt{color:var(--purple)}
.page-about #our-business-areas{background:#2c203e;padding:70px 0}
.business-editorial-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}
.business-editorial-image{position:relative;min-width:0;overflow:hidden;border-radius:5px;height:520px;isolation:isolate}
.business-editorial-image img{width:100%;height:100%;object-fit:cover;object-position:48% center;transition:transform .7s}
.business-editorial-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#19102bc9);pointer-events:none}
.business-image-heading{position:absolute;bottom:35px;left:35px;right:25px;z-index:1}
.page-about main .business-image-heading h2{color:white;margin:0;font-size:clamp(1.6rem,2.5vw,2.55rem);line-height:1.15;white-space:nowrap;letter-spacing:-.045em}
.page-about main .business-image-heading .eyebrow{color:#d3bddf}
.business-editorial-image:hover img{transform:scale(1.025)}
.business-editorial-list a{display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #67516f6b;padding:25px 0;text-decoration:none;color:#c2b2ce;transition:border-color .25s}
.business-editorial-list a:last-child{border-bottom:1px solid #67516f6b}
.page-about main .business-editorial-list h3{color:#f1eaf7;font-size:24px;margin:0 0 12px;transition:color .25s}
.page-about main .business-editorial-list p{font-size:13px;line-height:1.85;margin:0;max-width:370px;color:#c2b2ce}
.business-editorial-list a>span{font-size:26px;font-weight:300;color:#ab8fbd;transition:transform .25s,color .25s}
.business-editorial-list a:hover{border-color:#bda0cd}.business-editorial-list a:hover>span{transform:translate(3px,-3px);color:#fff}
/* Approach becomes an open vertical rail, with its introduction alongside. */
.page-about #our-approach{background:white;border:0;padding:90px 0}
.page-about .about-approach>.container{display:grid;grid-template-columns:.9fr 1.25fr;gap:0 85px;align-items:start}
.page-about .approach-heading{display:block;position:sticky;top:70px;margin:0}
.page-about main .approach-heading h2{margin-bottom:27px}
.page-about main .approach-intro p{max-width:360px}
.page-about .approach-flow{display:block;margin:0;padding:0}
.page-about .approach-stage{display:grid;grid-template-columns:52px 1fr;gap:0 26px;padding:0 0 38px;background:none;border:0;border-radius:0;box-shadow:none;position:relative;transform:none}
.page-about .approach-stage::before{content:"";position:absolute;left:25px;top:57px;bottom:9px;width:1px;background:linear-gradient(#d0bddf,#eae2f1)}
.page-about .approach-stage:last-child{padding-bottom:0}
.page-about .approach-stage:last-child::before{display:none}
.page-about .approach-stage-top{grid-row:1/3;margin:0;align-self:start;display:block}
.page-about .approach-icon{width:52px;height:52px;border-radius:50%;border:1px solid #ded1e9;background:#fcfafe}
.page-about .approach-arrow{display:none}
.page-about main .approach-stage h3{margin:1px 0 9px;font-size:23px}
.page-about main .approach-stage p{font-size:14px}
.page-about .approach-stage:hover{transform:none;border:0;box-shadow:none}
.page-about .approach-stage:hover .approach-icon{background:#f2eaf8;border-color:#bd9ed1}
.page-about .approach-outcome{grid-column:1/-1;background:none;border:0;border-top:1px solid #e5dcec;border-radius:0;margin-top:45px;padding:25px 0 0;gap:15px}
.page-about main .approach-outcome p{font-size:14px}
@media(max-width:991px){
 .values-editorial-layout{grid-template-columns:.7fr 1.6fr;gap:40px}
 .values-editorial-list{column-gap:28px}
 .business-editorial-layout{grid-template-columns:1fr 1fr;gap:35px}
 .business-editorial-image{height:510px}
 .page-about main .business-image-heading h2{font-size:clamp(1.45rem,3vw,2rem)}
 .business-image-heading{left:25px;bottom:25px}
 .business-editorial-list a{padding:22px 0;gap:20px}
 .page-about main .business-editorial-list h3{font-size:21px}
 .page-about .about-approach>.container{gap:0 40px;grid-template-columns:1fr 1.1fr}
 .page-about #our-values,.page-about #our-approach{padding:65px 0}
 .page-about #our-business-areas{padding:55px 0}
}
@media(max-width:767px){
 .values-editorial-layout{grid-template-columns:1fr;gap:28px}
 .values-introduction{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
 .values-introduction .eyebrow{width:100%;margin-bottom:18px}
 .values-introduction h2{margin:0}.values-emblem svg{width:45px;height:45px}
 .business-editorial-layout{grid-template-columns:1fr;gap:28px}
 .business-editorial-image{height:350px}
 .page-about main .business-image-heading h2{font-size:clamp(1.45rem,5vw,2.3rem)}
 .business-editorial-image img{object-position:center 37%}
 .page-about .about-approach>.container{grid-template-columns:1fr;gap:35px}
 .page-about .approach-heading{position:static}
 .page-about main .approach-intro p{max-width:none}
 .page-about .approach-outcome{margin-top:0}
}
@media(max-width:575px){
 .page-about #our-purpose .about-direction>div+div .direction-card{border:0;border-top:1px solid #ddd0e7;padding:28px 0 0}
 .page-about #our-purpose .direction-card{padding:10px 0 0}
 .values-editorial-list{grid-template-columns:1fr}
 .values-entry{padding:23px 0}.values-entry dt{font-size:21px}
 .page-about #our-values,.page-about #our-approach{padding:50px 0}
 .page-about #our-business-areas{padding:40px 0}
 .business-editorial-image{height:310px}
 .page-about .approach-stage{column-gap:20px}
 .page-about .approach-outcome{align-items:start}
}
@media(prefers-reduced-motion:reduce){.page-about .business-editorial-image:hover img,.page-about .business-editorial-list a:hover>span{transform:none}}
