/* AU About composition, using only the shared UK type and spacing roles. */
.about-page{position:relative}
.about-section{padding-block:var(--section);border-bottom:1px solid var(--line);scroll-margin-top:0}
.about-hero{padding-top:var(--space-7);padding-bottom:var(--space-8)}
.about-hero h1{max-width:26ch;margin-bottom:var(--space-7)}
.about-section .eyebrow{color:var(--blue)}
.about-section h2{max-width:29ch}
.about-section a:not(.button):focus-visible{outline-offset:3px}
.about-intro{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:start}
.about-intro>div{min-width:0;flex:1 1 23rem}
.about-intro>div:first-child{flex-grow:1.15}
.about-intro p:last-child{margin-bottom:0}
.about-practices{background:var(--blue);color:var(--paper);padding:var(--space-6)}
.about-practices>.label{margin-bottom:var(--space-4)}
.about-practices>a{display:block;border-top:1px solid #ffffff66;padding-block:var(--space-3);font-weight:var(--weight-strong);text-decoration:none}
.about-practices>a:last-child{padding-bottom:0}
.about-practices span{display:block;font-size:var(--text-small);font-weight:var(--weight-body);margin-top:var(--space-1)}
.about-practices>a:hover{text-decoration:underline}
.about-practices a:focus-visible{outline-color:var(--paper)}
.about-role{color:var(--blue);font-weight:var(--weight-strong);margin-bottom:var(--space-3)}
.about-credential{font-size:var(--text-small);margin-bottom:var(--space-7)}
.about-credential a{color:var(--blue)}
.about-reading{max-width:var(--reading)}
.about-split{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.about-split>div{min-width:0;flex:1 1 16rem}
.about-split>div:last-child{flex:2.13 1 30rem}
.about-credentials{margin-block:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--line)}
.about-credentials>h3{font-size:var(--text-h4)}
.about-credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-6);margin-block:var(--space-5)}
.about-credentials h4{font-size:var(--text-small);letter-spacing:normal;line-height:1.5}
.about-credentials .clean-list{margin:0;font-size:var(--text-ui)}
.about-credentials .clean-list li{padding:0 0 0 var(--space-3);margin-bottom:var(--space-3);border:0;border-left:2px solid var(--line)}
.about-credentials .clean-list li:before{content:none}
.about-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--space-7) var(--space-8);margin-block:var(--space-7)}
.about-feature-grid--three{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-6)}
.about-feature{border-top:1px solid var(--line);padding-top:var(--space-5)}
.about-feature p{margin-bottom:0}
.about-feature h3{font-size:var(--text-h4);margin-bottom:var(--space-4);line-height:1.3}
.about-feature time{display:block;color:var(--muted);margin-bottom:var(--space-3)}
.about-feature .text-link{margin-top:var(--space-4)}
.about-subheading{margin-top:var(--space-8)}
.about-dark{background:var(--black);color:var(--paper);border-color:var(--black)}
.about-dark .eyebrow{color:var(--paper)}
.about-dark .about-feature{border-color:#ffffff55}
.about-dark a:focus-visible,.about-blue a:focus-visible{outline-color:var(--paper)}
.about-service-groups{margin-block:var(--space-7);display:grid;gap:var(--space-7)}
.about-service-groups h3{font-size:var(--text-h4)}
.about-service-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:0 var(--space-7)}
.about-service-links a{padding:var(--space-4);min-height:52px;border-top:1px solid var(--line);text-decoration:none;font-size:var(--text-ui);font-weight:var(--weight-strong)}
.about-service-links a:hover,.about-service-links a:focus-visible{background:var(--blue);color:var(--paper)}
.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-5)}
.about-blue{background:var(--blue);color:var(--paper)}
.about-blue .eyebrow{color:var(--paper)}
.about-blue .eyebrow:before{background:var(--paper)}
.about-blue .text-link:hover{color:var(--paper);text-decoration:underline}
.about-company-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:0 var(--space-8);margin-top:var(--space-7)}
.about-company-facts>div{display:flex;justify-content:space-between;gap:var(--space-5);border-top:1px solid #ffffff66;padding-block:var(--space-4)}
.about-company-facts dt{font-size:var(--text-small);flex-basis:40%}
.about-company-facts dd{font-size:var(--text-ui);font-weight:var(--weight-strong);text-align:right;margin:0;flex-basis:60%;overflow-wrap:anywhere}
.about-company-note{margin-top:var(--space-7)}
.about-rail{margin:var(--space-5) var(--gutter) 0;font-size:var(--text-small)}
.about-rail details{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.about-rail summary{padding:var(--space-3) var(--space-4);min-height:44px;font-weight:var(--weight-strong)}
.about-rail summary:after{content:'+';float:right}
.about-rail details[open]>summary:after{content:'−'}
.about-rail nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-block:var(--space-2)}
.about-rail a{display:flex;align-items:center;padding:var(--space-2) var(--space-3);min-height:44px;min-width:0;overflow-wrap:anywhere;text-decoration:none;line-height:1.3}
.about-rail a:is(:hover,:focus-visible,[aria-current="location"]){background:var(--blue);color:var(--paper)}
@media(min-width:1200px) and (min-height:700px){
 .about-wrap{padding-right:calc(var(--space-10) + var(--space-8))}
 .about-rail{position:fixed;right:var(--space-3);top:calc((100dvh + var(--header))/2);width:11rem;margin:0;z-index:20;transform:translateY(calc(-50% - var(--about-footer-lift,0px)))}
 .about-rail details{max-height:calc(100dvh - var(--header) - var(--space-7));overflow-y:auto}
 .about-rail nav{grid-template-columns:minmax(0,1fr)}
 .about-rail summary{cursor:default;pointer-events:none}
 .about-rail summary:after{display:none}
}
@media(max-width:1000px){
 .about-split{gap:var(--space-5)}
 .about-intro{gap:var(--space-6)}
 .about-feature-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-company-facts{gap:0 var(--space-6)}
}
@media(max-width:650px){
 .about-hero{padding-top:var(--space-6)}
 .about-intro,.about-credentials-grid,.about-feature-grid,.about-feature-grid--three,.about-company-facts,.about-service-links{grid-template-columns:1fr}
 .about-practices{padding:var(--space-5)}
 .about-rail nav{grid-template-columns:1fr}
 .about-company-facts>div{flex-direction:column;gap:var(--space-2)}
 .about-company-facts dd{text-align:left}
 .about-hero h1{max-width:none}
}