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

.about-page .about-hero{
padding-block:var(--hero-top) var(--space-6);
background:#F3EEE6;
color:#3A3835
}

.about-page .about-hero[data-hero-form="data-band"] .about-hero-grid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:var(--space-6);
align-items:start
}

.about-hero-grid>*,
.about-card-grid>*,
.about-region-grid>*,
.about-boundary-grid>*,
.about-process-row>*,
.about-closing>*{
min-width:0;
overflow-wrap:break-word
}

.about-hero-copy{
min-width:0;
text-align:left
}

.about-page .about-hero-copy h1{
color:#2B2A28;
font-size:var(--fs-display);
line-height:var(--lh-tight)
}

.about-page .about-hero-copy>.c-kicker,
.about-page .about-section-head>.c-kicker{
margin-bottom:var(--kicker-gap)
}

.about-hero-lead{
margin-top:var(--space-3);
font-size:var(--fs-md);
line-height:var(--lh-lead);
color:#3A3835
}

.about-hero-detail{
margin-top:var(--space-2);
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#6B665E
}

.about-hero-actions.c-actions{
margin-block:var(--space-3);
justify-content:flex-start
}

.about-hero-note{
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#6B665E;
font-variant-numeric:tabular-nums
}

.about-manifest{
height:auto;
border-radius:var(--radius-md);
overflow:hidden;
background:#FFFFFF;
color:#2B2A28
}

.about-manifest-head{
display:flex;
align-items:center;
gap:var(--space-2);
padding:var(--space-3);
background:#D6EAF6;
color:#1E3A4F
}

.about-manifest-head p{
font-family:var(--f-mono);
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#1E3A4F
}

.about-manifest-body{
padding:var(--space-3);
background:#FFFFFF;
color:#2B2A28
}

.about-manifest-title{
font-family:var(--f-head);
font-size:var(--fs-card);
line-height:var(--lh-card);
color:#2B2A28
}

.about-manifest-fields{
display:grid;
gap:0;
margin-top:var(--space-3)
}

.about-manifest-fields>div{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-1) var(--space-3);
padding-block:var(--space-2);
border-bottom:1px solid rgba(43,42,40,.14);
min-width:0
}

.about-manifest-fields dt{
flex:1 0 auto;
min-width:min(100%,5rem);
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#6B665E
}

.about-manifest-fields dd{
flex:0 1 auto;
min-width:0;
max-width:100%;
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#2B2A28;
overflow-wrap:break-word
}

.about-manifest-foot{
margin-top:var(--space-3);
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#6B665E
}

.about-facts{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-5);
padding-block:var(--space-3);
margin-bottom:var(--space-2);
border-block:1px solid rgba(43,42,40,.14)
}

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

.about-facts span{
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#6B665E
}

.about-facts strong{
font-family:var(--f-mono);
font-size:var(--fs-base);
font-weight:400;
line-height:var(--lh-body);
font-variant-numeric:tabular-nums;
color:#2B2A28
}

.about-sky{
background:#D6EAF6;
color:#1E3A4F
}

.about-oat{
background:#EFE6D6;
color:#3D3527
}

.about-mint{
background:#D3F0E2;
color:#1F4A36
}

.about-section-head{
text-align:left
}

.about-section-head>p{
max-width:var(--wrap-narrow);
margin-top:var(--space-2);
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.about-sky .about-section-head h2{
color:#1E3A4F
}

.about-sky .about-section-head>p{
color:#1E3A4F
}

.about-oat .about-section-head h2,
.about-oat .about-section-head>p,
.about-oat .about-region-advice h3,
.about-oat .about-region-advice p{
color:#3D3527
}

.about-mint .about-section-head h2,
.about-mint .about-section-head>p{
color:#1F4A36
}

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

.about-page .about-card,
.about-page .about-region-card,
.about-page .about-boundary-card{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
min-width:0;
height:100%;
padding:var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#3A3835
}

.about-page .about-card h3,
.about-page .about-region-card h3,
.about-page .about-boundary-card h3{
font-size:var(--fs-card);
line-height:var(--lh-card);
color:#2B2A28
}

.about-page .about-card p,
.about-page .about-region-card p,
.about-page .about-boundary-card p{
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#3A3835
}

.about-page .about-card .about-card-foot,
.about-page .about-region-card .about-region-models{
margin-top:auto;
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#6B665E
}

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

.about-process>.about-process-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding:var(--space-3);
border-bottom:1px solid rgba(43,42,40,.14)
}

.about-process>.about-process-row:first-child{
border-top:1px solid rgba(43,42,40,.14)
}

.about-process-row h3{
font-size:var(--fs-md);
line-height:var(--lh-card);
color:#2B2A28
}

.about-process-row p{
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#3A3835
}

.about-step-number{
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#145A83
}

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

.about-handover-note h3{
font-size:var(--fs-md);
line-height:var(--lh-card)
}

.about-handover-note p{
margin-top:var(--space-1);
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.about-region-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
gap:var(--space-3);
align-items:stretch
}

.about-gate{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#EFE6D6;
color:#3D3527;
font-size:var(--fs-sm);
line-height:1
}

.about-region-advice{
margin-top:var(--space-5);
max-width:var(--wrap-narrow)
}

.about-region-advice h3{
font-size:var(--fs-md);
line-height:var(--lh-card)
}

.about-region-advice p{
margin-top:var(--space-1);
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.about-catalog{
display:grid;
gap:var(--space-2)
}

.about-catalog>div{
min-width:0;
padding-block:var(--space-2);
border-bottom:1px solid rgba(43,42,40,.14)
}

.about-catalog dt{
font-family:var(--f-mono);
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#2B2A28
}

.about-catalog dd{
margin-top:var(--space-1);
min-width:0;
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#3A3835;
overflow-wrap:break-word
}

.about-email{
color:#145A83;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere
}

.about-boundary-grid{align-items:start}
.about-page .about-boundary-card{height:auto}
.about-page .about-boundary-card>.c-actions{
margin-top:auto
}

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

.about-page .about-closing.c-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
align-items:center;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--radius-md);
background:#2B2A28;
color:#F3EEE6;
text-align:left
}

.about-page .about-closing-copy{
min-width:0;
text-align:left
}

.about-page .about-closing-copy h2{
font-size:var(--fs-section);
line-height:var(--lh-heading);
color:#F3EEE6
}

.about-page .about-closing-copy p{
max-width:var(--wrap-narrow);
margin-top:var(--space-1);
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#D8D2C8
}

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

.about-closing-actions>.c-btn{
width:100%
}

.about-page .about-closing-actions>.c-btn--ghost{
background:#2B2A28;
color:#F3EEE6;
border-color:rgba(243,238,230,.45)
}

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

@media(max-width:64rem){
.about-page .about-hero[data-hero-form="data-band"] .about-hero-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-5)
}
.about-page .about-closing.c-closing{
grid-template-columns:minmax(0,1fr) minmax(0,.65fr)
}
}

@media(max-width:42rem){
.about-facts{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2)
}
.about-card-grid,
.about-region-grid,
.about-boundary-grid{
grid-template-columns:minmax(0,1fr)
}
.about-process>.about-process-row{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
padding:var(--space-3)
}
.about-process-row>:nth-child(3){
grid-column:2
}
.about-page .about-closing.c-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-3);
gap:var(--space-3)
}
.about-hero-actions>.c-btn{
width:100%
}
.about-manifest{
height:auto
}
}