.about-page{
overflow-x:clip;
}
.about-page [hidden]{
display:none!important;
}
.about-page .about-title{
max-width:26em;
font-size:var(--text-section);
line-height:1.2;
}
.about-lead{
max-width:48rem;
margin-top:var(--space-3);
}
.about-hero-note{
max-width:48rem;
margin-top:var(--space-3);
font-size:var(--text-sm);
}
.about-team{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-6);
}
.about-team>*,
.about-team-copy,
.about-products>*,
.about-principles>*,
.about-boundaries>*{
min-width:0;
overflow-wrap:break-word;
}
.about-team-copy{
display:grid;
gap:var(--space-3);
}
.about-soft{
background:#F5F4F1;
color:#4A4640;
--surface-bg:#F5F4F1;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.about-products{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}
.about-products>.about-product{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
background:#FFFFFF;
color:#4A4640;
--surface-bg:#FFFFFF;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.about-products>.about-product>.c-btn{
align-self:flex-start;
margin-top:auto;
}
.about-product .c-kicker{
margin-bottom:var(--space-2);
}
.about-list{
display:grid;
gap:var(--space-1);
margin:0;
padding-inline-start:var(--space-3);
}
.about-list strong{
font-weight:700;
}
.about-facility{
height:auto;
border-radius:var(--r-l);
overflow:hidden;
background:#E4EFFB;
color:#1E3550;
--surface-bg:#E4EFFB;
--surface-heading:#1E3550;
--surface-body:#1E3550;
--surface-muted:#1E3550;
--surface-line:#C9D9EC;
}
.about-facility-head{
padding:var(--space-4) var(--space-4) 0;
}
.about-facility-head h3{
color:#1E3550;
}
.about-facility-head p{
margin-top:var(--space-1);
font-size:var(--text-sm);
}
.about-facility-art{
padding:var(--space-3) var(--space-4) var(--space-4);
}
.about-facility-art>svg{
display:block;
width:100%;
height:auto;
color:#1E3550;
}
.about-facility-labels{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
}
.about-facility-labels>div{
display:grid;
align-content:start;
gap:var(--space-1);
min-width:0;
text-align:center;
}
.about-facility-labels strong{
font-size:var(--text-base);
}
.about-facility-labels span{
font-size:var(--text-sm);
}
.about-facility figcaption{
padding:var(--space-2) var(--space-4);
background:#FFFFFF;
color:#1E3550;
border-bottom:1px solid var(--blue-line);
}
.about-sage{
background:#E6F2EA;
color:#1F4030;
--surface-bg:#E6F2EA;
--surface-heading:#1F4030;
--surface-body:#1F4030;
--surface-muted:#1F4030;
--surface-line:#C7DCD0;
}
.about-responsibilities{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}
.about-responsibilities>.about-responsibility{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
background:#FFFFFF;
color:#4A4640;
--surface-bg:#FFFFFF;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.about-responsibility h3{
color:#1C1B19;
}
.about-card-note{
padding-top:var(--space-2);
border-top:1px solid var(--line);
font-size:var(--text-sm);
}
.about-responsibility-note{
margin-top:var(--space-3);
}
.about-principles{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-5);
align-items:start;
}
.about-principle{
padding-block:var(--space-3);
border-top:1px solid var(--line);
}
.about-principle p{
margin-top:var(--space-1);
}
.about-payment-note{
margin-top:var(--space-3);
font-size:var(--text-sm);
}
.about-lav{
background:#ECE8F7;
color:#34295C;
--surface-bg:#ECE8F7;
--surface-heading:#34295C;
--surface-body:#34295C;
--surface-muted:#34295C;
--surface-line:#DDD7EC;
}
.about-boundaries{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4) var(--space-6);
padding:0;
margin:0;
list-style:none;
align-items:start;
}
.about-boundaries li{
padding-top:var(--space-3);
border-top:1px solid var(--lav-line);
}
.about-boundaries h3{
color:#34295C;
}
.about-boundaries p{
margin-top:var(--space-1);
}
.about-email{
color:#5E3A00;
text-decoration:underline;
text-underline-offset:4px;
overflow-wrap:anywhere;
}
.about-contact{
padding-bottom:var(--space-close);
}
.about-contact .c-closing>div{
min-width:0;
text-align:left;
}
@media(max-width:64rem){
.about-team{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
}
@media(max-width:42rem){
.about-page .about-title{
font-size:var(--text-section);
}
.about-products,
.about-responsibilities,
.about-principles,
.about-boundaries{
grid-template-columns:minmax(0,1fr);
}
.about-products>.about-product,
.about-responsibilities>.about-responsibility{
padding:var(--space-3);
}
.about-facility-head{
padding:var(--space-3) var(--space-3) 0;
}
.about-facility-art{
padding:var(--space-2) var(--space-3) var(--space-3);
}
.about-facility-labels{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.about-facility-labels>div{
text-align:left;
padding-top:var(--space-2);
border-top:1px solid var(--blue-line);
}
.about-facility figcaption{
padding:var(--space-2) var(--space-3);
}
}