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

.about-hero{
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-8);
}

.about-hero-copy,
.about-inspection,
.about-sla-summary,
.about-sla-history,
.about-closing-copy,
.about-operation-copy{
min-width:0;
}

.about-hero-copy h1{
font-size:var(--text-section);
line-height:var(--leading-title);
letter-spacing:var(--tracking-title);
}

.about-lead{
margin-top:var(--space-5);
font-size:var(--text-md);
line-height:var(--leading-body);
}

.about-hero-detail{
margin-top:var(--space-4);
color:#5E5C54;
}

.about-hero-follow{
margin-top:var(--space-6);
color:#5E5C54;
font-size:var(--text-sm);
}

.about-inspection{
height:auto;
border-radius:var(--radius-lg);
overflow:hidden;
background:#F5F4FA;
color:#2C2459;
--muted:#5A5288;
--line:#ECE9E1;
}

.about-inspection-scene{
height:320px;
display:grid;
place-items:center;
background:#EEEAFB;
color:#2C2459;
--muted:#5A5288;
--line:#ECE9E1;
}

.about-inspection .about-scene-svg{
display:block;
width:100%;
height:100%;
max-width:100%;
}

.about-inspection-caption{
display:flex;
flex-direction:column;
gap:var(--field-gap);
padding:var(--space-6);
}

.about-inspection-caption strong{
font-family:var(--heading);
font-size:var(--text-card);
font-weight:500;
line-height:var(--leading-tight);
}

.about-inspection-caption span{
font-size:var(--text-sm);
color:#5A5288;
}

.about-inspection-facts{
display:grid;
gap:var(--space-3);
padding:0 var(--space-6) var(--space-6);
}

.about-inspection-facts>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--space-2) var(--space-4);
min-width:0;
}

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

.about-inspection-facts dd{
flex:0 1 auto;
min-width:0;
font-size:var(--text-sm);
overflow-wrap:break-word;
}

.about-section-head{
margin-bottom:var(--space-7);
}

.about-section-head>p{
max-width:var(--width-narrow);
margin-top:var(--space-5);
font-size:var(--text-md);
line-height:var(--leading-body);
}

.about-card-grid,
.about-node-grid,
.about-quote-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
gap:var(--space-5);
align-items:stretch;
}

.about-principle-card{
background:#F7F6F2;
color:#1C1B17;
--muted:#5E5C54;
--line:#ECE9E1;
}

.about-principle-card .about-card-foot{
margin-top:auto;
padding-top:var(--space-4);
font-size:var(--text-sm);
color:#5E5C54;
}

.about-node-section{
background:#E6EEF6;
color:#22384F;
--muted:#4E6378;
--line:#ECE9E1;
}

.about-node-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}

.about-node-card{
display:flex;
flex-direction:column;
height:100%;
min-width:0;
padding:var(--space-5);
border-radius:var(--radius-lg);
background:#FFFFFF;
color:#22384F;
--muted:#4E6378;
--line:#ECE9E1;
}

.about-node-code{
display:block;
font-size:var(--text-xs);
line-height:var(--leading-body);
color:#4E6378;
margin-bottom:var(--space-4);
}

.about-node-card h3{
font-size:var(--text-card);
line-height:var(--leading-tight);
}

.about-node-card>p{
margin-top:var(--space-2);
}

.about-node-card .about-node-foot{
margin-top:auto;
padding-top:var(--space-5);
font-size:var(--text-sm);
color:#4E6378;
}

.about-node-note{
margin-top:var(--space-6);
max-width:var(--width-narrow);
color:#4E6378;
}

.about-sla-panel{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-8);
padding:var(--space-7);
border-radius:var(--radius-lg);
background:#E6EEF6;
color:#22384F;
--muted:#4E6378;
--line:#ECE9E1;
}

.about-sla-label{
font-size:var(--text-sm);
font-weight:600;
}

.about-sla-summary .about-sla-number{
margin-block:var(--space-5);
font-size:var(--text-display);
line-height:var(--leading-title);
color:#22384F;
}

.about-sla-number span{
font-size:var(--text-section);
}

.about-sla-note{
margin-top:var(--space-5);
font-size:var(--text-sm);
color:#4E6378;
}

.about-sla-history>h3{
font-size:var(--text-card);
line-height:var(--leading-tight);
}

.about-sla-history>h3+p{
margin-top:var(--space-2);
}

.about-history-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-5);
}

.about-history-block{
display:flex;
flex-direction:column;
gap:var(--field-gap);
min-width:0;
padding:var(--space-5);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#22384F;
--muted:#4E6378;
--line:#ECE9E1;
}

.about-history-block strong{
font-size:var(--text-sm);
font-weight:500;
}

.about-history-block span{
font-size:var(--text-sm);
color:#4E6378;
}

.about-operation-list{
list-style:none;
margin:0;
padding:0;
}

.about-operation-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-6);
border-top:1px solid #ECE9E1;
}

.about-operation-row>*{
min-width:0;
}

.about-operation-number{
font-size:var(--text-md);
line-height:var(--leading-tight);
color:#4B3A9E;
}

.about-operation-row h3{
font-size:var(--text-card);
line-height:var(--leading-tight);
}

.about-operation-copy p+p{
margin-top:var(--space-4);
}

.about-operation-contact{
margin-top:var(--space-6);
max-width:var(--width-narrow);
color:#5E5C54;
}

.about-email{
overflow-wrap:anywhere;
text-decoration:underline;
text-underline-offset:4px;
color:#4B3A9E;
}

.about-voices-section{
background:#F5F4FA;
color:#2C2459;
--muted:#5A5288;
--line:#ECE9E1;
}

.about-quote-card{
display:flex;
flex-direction:column;
height:100%;
min-width:0;
padding:var(--space-6);
border-radius:var(--radius-lg);
background:#FFFFFF;
color:#2C2459;
--muted:#5A5288;
--line:#ECE9E1;
}

.about-quote-card>p{
font-size:var(--text-md);
line-height:var(--leading-body);
}

.about-quote-card cite{
display:block;
margin-top:auto;
padding-top:var(--space-5);
font-size:var(--text-sm);
line-height:var(--leading-body);
font-style:normal;
color:#5A5288;
}

.about-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
gap:var(--space-8);
align-items:center;
padding:var(--space-8);
border-radius:var(--radius-lg);
background:#1C1B17;
color:#EDEBE4;
--muted:#B9B5A9;
--line:var(--line-dark);
}

.about-closing-label{
margin-bottom:var(--space-5);
font-size:var(--text-sm);
color:#B9B5A9;
}

.about-closing-copy h2{
color:#EDEBE4;
}

.about-closing-copy>h2+p{
margin-top:var(--space-5);
color:#B9B5A9;
}

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

.about-closing-actions .c-btn-ghost{
background:transparent;
color:#EDEBE4;
border-color:color-mix(in srgb,#EDEBE4 45%,transparent);
}

.about-closing-actions .c-btn-ghost:hover{
background:#48453D;
color:#FFFFFF;
border-color:color-mix(in srgb,#EDEBE4 65%,transparent);
}

@media(max-width:64rem){
.about-hero{
grid-template-columns:minmax(0,1fr);
}

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

.about-sla-panel{
grid-template-columns:minmax(0,1fr);
gap:var(--space-6);
}

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

.about-closing .about-closing-actions{
align-items:flex-start;
justify-content:flex-start;
}
}

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

.about-inspection-scene{
height:240px;
}

.about-inspection-caption{
padding:var(--space-5);
}

.about-inspection-facts{
padding:0 var(--space-5) var(--space-5);
}

.about-card-grid,
.about-node-grid,
.about-quote-grid,
.about-history-grid{
grid-template-columns:minmax(0,1fr);
}

.about-sla-panel{
padding:var(--space-5);
}

.about-operation-row{
grid-template-columns:2.25rem minmax(0,1fr);
}

.about-operation-row>:nth-child(3){
grid-column:2;
}

.about-closing{
padding:var(--space-6);
gap:var(--space-6);
}

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