.about-page{
overflow-wrap:break-word;
}

.about-page [hidden]{
display:none!important;
}

.about-page .about-hero{
padding-block:var(--hero-top) var(--space-8);
background-color:#F5EFF6;
background-image:var(--hero-gradient);
color:#26283A;
--muted:#5D6074;
--soft:#676A7D;
--line:#E8E8EE;
}

.about-page .about-hero-copy{
display:block;
min-width:0;
text-align:center;
}

.about-hero-copy>.c-kicker{
margin-inline:auto;
margin-bottom:var(--space-3);
background:#FFFFFF;
color:#26283A;
}

.about-page .about-hero h1{
color:#26283A;
font-size:var(--text-display);
line-height:var(--lh-title);
}

.about-page .about-hero-copy>.about-lead{
max-width:var(--width-narrow);
margin:var(--space-3) auto 0;
color:#5D6074;
font-size:var(--text-md);
}

.about-page .about-hero-copy>.c-actions{
justify-content:center;
margin-top:var(--space-3);
}

.about-page .about-hero-copy>.about-hero-note{
margin-top:var(--space-3);
color:#5D6074;
font-size:var(--text-sm);
}

.about-head{
text-align:center;
}

.about-head>.c-kicker{
margin-inline:auto;
margin-bottom:var(--space-3);
}

.about-head>p{
max-width:var(--width-narrow);
margin:var(--space-2) auto 0;
}

.about-three{
grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
align-items:stretch;
}

.about-three>.c-card{
min-width:0;
gap:var(--space-3);
}

.about-card-copy{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
}

.about-card-copy>*{
min-width:0;
}

.about-page .about-card-copy>h3{
font-size:var(--text-md);
line-height:1.4;
}

.about-three>.c-card>.about-card-foot{
margin-top:auto;
color:#5D6074;
font-size:var(--text-sm);
}

.about-three>.c-card>.c-link{
margin-top:auto;
}

.about-page .c-card.c-surface--sage{
background:#EDF5F0;
color:#23402F;
--muted:#4F6B5A;
--line:#DCE7DF;
}

.about-page .c-card.c-surface--sage .about-card-copy>p{
color:#4F6B5A;
}

.about-page .c-card.c-surface--mist{
background:#F5EFF6;
color:#3E2D45;
--muted:#6E5C74;
--line:#E6DDE8;
}

.about-page .c-card.c-surface--mist .about-card-copy>p{
color:#6E5C74;
}

.about-page .c-card.c-surface--apricot{
background:#FDF0E8;
color:#4A2A18;
--muted:#7A5540;
--line:#EBDCD2;
}

.about-page .c-card.c-surface--apricot .about-card-copy>p{
color:#7A5540;
}

.about-page .c-card.c-surface--cream{
background:#FBF5EA;
color:#3A2F1E;
--muted:#6E604A;
--line:#E9E1D3;
}

.about-page .c-card.c-surface--cream .about-card-copy>p{
color:#6E604A;
}

.about-page .about-node-grid>.about-node{
background:#FFFFFF;
color:#26283A;
--muted:#5D6074;
--line:#E8E8EE;
}

.about-page .about-node .about-card-copy>h3{
color:#26283A;
}

.about-page .about-node .about-card-copy>p{
color:#5D6074;
}

.about-node-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
align-items:stretch;
}

.about-node{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
}

.about-node-meta{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));
gap:.35rem var(--space-2);
}

.about-node-meta>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:.15rem var(--space-1);
min-width:0;
}

.about-node-meta dt{
flex:1 0 auto;
min-width:min(100%,4.5rem);
color:#5D6074;
font-size:var(--text-sm);
}

.about-node-meta dd{
flex:0 0 auto;
min-width:0;
margin:0;
color:#26283A;
font-size:var(--text-sm);
white-space:nowrap;
}

.about-node-foot{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-2);
margin-top:auto;
min-width:0;
}

.about-node-foot>.c-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
padding:.4em .9em;
line-height:1;
}

.about-node-foot>.c-link{
font-size:var(--text-sm);
}

.about-section-note{
margin-top:var(--space-3);
}

.about-page .about-quotes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
}

.about-quotes>.about-quote{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-card);
background:#FFFFFF;
color:#26283A;
--muted:#5D6074;
--line:#E8E8EE;
}

.about-page .about-quotes>.about-quote>p{
color:#26283A;
font-family:var(--f-head);
font-size:var(--text-md);
line-height:var(--lh-body);
}

.about-quotes>.about-quote>cite{
margin-top:auto;
color:#5D6074;
font-size:var(--text-sm);
font-style:normal;
}

.about-handover{
margin-top:var(--space-4);
}

.about-mail{
color:#3D4C8A;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere;
}

.about-page>.about-end{
padding-bottom:var(--space-close);
}

.about-page .about-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.35fr);
align-items:center;
gap:var(--space-5);
width:100%;
padding:var(--space-6);
border-radius:var(--r-card);
background:#26283A;
color:#FFFFFF;
text-align:left;
--muted:#C9CDE6;
--soft:#C9CDE6;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}

.about-closing-copy{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
}

.about-page .about-closing .about-closing-copy>h2{
color:#FFFFFF;
font-size:var(--text-xl);
line-height:var(--lh-title);
}

.about-page .about-closing .about-closing-copy>p{
max-width:var(--width-narrow);
margin:0;
color:#C9CDE6;
font-size:var(--text-base);
}

.about-page .about-closing>.about-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
min-width:0;
margin-top:0;
}

.about-page .about-closing-actions>.c-btn--primary{
background:#FFFFFF;
color:#3D4C8A;
}

.about-page .about-closing-actions>.c-btn--primary:hover{
background:#FBF5EA;
color:#344178;
}

.about-page .about-closing-actions>.c-btn--ghost{
background:#26283A;
color:#FFFFFF;
box-shadow:inset 0 0 0 1px #9699AA;
}

.about-page .about-closing-actions>.c-btn--ghost:hover{
background:#3D4C8A;
color:#FFFFFF;
}

@media(max-width:64rem){
.about-page .about-closing{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}

.about-page .about-closing>.about-closing-actions{
align-items:flex-start;
margin-top:var(--space-3);
}
}

@media(max-width:42rem){
.about-page .about-hero{
padding-bottom:var(--space-7);
}

.about-page .about-quotes{
grid-template-columns:minmax(0,1fr);
}

.about-quotes>.about-quote{
padding:var(--space-3);
}

.about-page .about-closing{
padding:var(--space-3);
}

.about-page .about-closing>.about-closing-actions{
align-items:stretch;
}

.about-handover{
gap:var(--space-1);
}
}