.about-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);
align-items:start;
gap:var(--space-7);
}
.about-hero-grid>*{
min-width:0;
}
.about-hero-copy{
text-align:left;
}
.about-hero-copy>.c-kicker{
margin-bottom:var(--space-3);
}
.about-hero-copy>h1{
font-size:var(--fs-display);
line-height:var(--lh-tight);
}
.about-hero-copy>.c-lead{
margin-top:var(--space-4);
}
.about-hero-description{
max-width:36rem;
margin-top:var(--space-3);
}
.about-hero-copy>.about-hero-actions{
margin-top:var(--space-5);
justify-content:flex-start;
}
.about-hero-note{
margin-top:var(--space-4);
color:#656B7A;
font-size:var(--fs-sm);
font-variant-numeric:tabular-nums;
}
.about-hero-stage{
height:auto;
min-width:0;
text-align:left;
}
.about-borrow-card{
width:100%;
max-width:none;
height:auto;
padding:var(--space-5);
border-radius:var(--radius-md);
background:#F7F7F5;
color:#232733;
box-shadow:var(--shadow-card);
}
.about-card-heading{
display:grid;
gap:var(--space-2);
}
.about-card-label{
font-family:var(--mono);
font-size:var(--fs-xs);
color:#626877;
overflow-wrap:break-word;
}
.about-card-heading>h2{
color:#232733;
font-size:var(--fs-card);
line-height:var(--lh-heading);
}
.about-card-heading>p{
color:#3A3F4B;
font-size:var(--fs-sm);
}
.about-periods{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
margin-top:var(--space-4);
}
.about-periods>div{
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#232733;
}
.about-periods dt{
color:#232733;
font-size:var(--fs-base);
}
.about-periods dd{
margin-top:var(--space-2);
color:#626877;
overflow-wrap:break-word;
}
.about-card-bottom{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
margin-top:var(--space-4);
}
.about-file{
display:inline-flex;
align-items:center;
justify-content:center;
padding:var(--space-2) var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#232733;
font-size:var(--fs-sm);
}
.about-origin-grid{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:var(--space-7);
align-items:start;
}
.about-origin-grid>*{
min-width:0;
}
.about-origin-copy{
display:grid;
gap:var(--space-3);
}
.about-origin-steps{
list-style:none;
margin:0;
padding:0;
}
.about-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-4);
border-bottom:1px solid var(--line);
}
.about-row>*{
min-width:0;
overflow-wrap:break-word;
}
.about-row h3{
font-size:var(--fs-card);
line-height:var(--lh-heading);
}
.about-row-number{
color:#656B7A;
font-size:var(--fs-sm);
}
.about-origin-steps>.about-row{
grid-template-columns:2.5rem minmax(0,1fr);
}
.about-origin-steps>.about-row>p{
grid-column:2;
}
.about-boundary-list{
border-top:1px solid var(--line);
}
.about-soft-section{
background:#F7F7F5;
color:#232733;
}
.about-soft-section .c-section-head :is(h2,h3){
color:#232733;
}
.about-soft-section .c-section-head>.c-lead{
color:#3A3F4B;
}
.about-soft-section .c-section-head>.c-kicker{
color:#626877;
}
.about-region-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
gap:var(--space-4);
align-items:stretch;
}
.about-region-grid>.about-region-card{
padding:var(--space-4);
}
.about-region-card .c-btn{
width:100%;
}
.about-region-note{
margin-top:var(--space-4);
color:#626877;
font-size:var(--fs-sm);
}
.about-close-section{
padding-bottom:var(--space-close);
}
.about-closing.c-closing--split{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.35fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-6);
border-radius:var(--radius-md);
background:#232733;
color:#FFFFFF;
text-align:left;
}
.about-closing>.about-closing-copy{
min-width:0;
text-align:left;
}
.about-closing .about-closing-copy>h2{
color:#FFFFFF;
font-size:var(--fs-section);
line-height:var(--lh-heading);
}
.about-closing .about-closing-copy>p{
margin-top:var(--space-2);
color:#CDD1DC;
font-size:var(--fs-base);
}
.about-closing>.about-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
margin-top:0;
min-width:0;
}
.about-closing .c-btn--primary{
background:#FFFFFF;
color:#2F4486;
border-color:#FFFFFF;
}
.about-closing .c-btn--primary:hover{
background:#F7F7F5;
color:#2F4486;
border-color:#F7F7F5;
}
.about-closing .c-btn--ghost{
background:#232733;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.about-closing .c-btn--ghost:hover{
background:#454B5A;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 60%,transparent);
}
@media(max-width:48rem){
.about-hero-grid,
.about-origin-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-5);
}
.about-hero-stage,
.about-borrow-card{
height:auto;
}
.about-closing.c-closing--split{
grid-template-columns:minmax(0,1fr);
}
.about-closing>.about-closing-actions{
width:100%;
}
}
@media(max-width:42rem){
.about-borrow-card{
padding:var(--space-4);
}
.about-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.about-row>:nth-child(3){
grid-column:2;
}
.about-origin-steps>.about-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.about-closing.c-closing--split{
padding:var(--space-4);
}
}