.espwa-about{
background:#fff;
}

.espwa-about-wrap{
width:min(1180px,calc(100% - 48px));
margin:0 auto;
padding:48px 0 24px;
}

.espwa-about-crumb{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 8px;
margin:0 0 36px;
color:#98a2b3;
font-family:Montserrat,sans-serif;
font-size:12px;
font-weight:500;
letter-spacing:.02em;
}

.espwa-about-crumb a{
color:#98a2b3;
text-decoration:none;
}

.espwa-about-crumb a:hover{
color:#1a1d23;
text-decoration:none;
}

.espwa-about-crumb span{
color:#c5cad3;
}

.espwa-about-crumb strong{
color:#1a1d23;
font-weight:600;
}

.espwa-about-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:48px 64px;
align-items:center;
padding:0 0 72px;
}

.espwa-about-kicker{
margin:0 0 14px;
color:#98a2b3;
font-size:10px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
}

.espwa-about-hero h1{
margin:0 0 20px;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-size:clamp(32px,4.4vw,52px);
font-weight:500;
line-height:1.12;
letter-spacing:-.03em;
}

.espwa-about-hero h1 em{
font-style:italic;
font-weight:500;
}

.espwa-about-lead{
color:#3d4450;
font-size:16.5px;
line-height:1.8;
}

.espwa-about-lead p{
margin:0 0 1em;
}

.espwa-about-lead p:last-child{
margin-bottom:0;
}

.espwa-about-hero-visual{
position:relative;
}

.espwa-about-hero-visual::before{
content:"";
position:absolute;
top:-28px;
left:-28px;
width:140px;
height:140px;
border-radius:50%;
background:#e4f28a;
z-index:0;
}

.espwa-about-hero-visual figure{
position:relative;
z-index:1;
margin:0;
overflow:hidden;
border-radius:28px;
background:#f3f0ec;
}

.espwa-about-hero-visual img{
display:block;
width:100%;
aspect-ratio:4/5;
object-fit:cover;
}

.espwa-about-stories{
padding:8px 0 40px;
}

.espwa-about-story{
display:grid;
grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);
gap:36px 56px;
align-items:center;
padding:48px 0;
border-top:1px solid #eeeae4;
}

.espwa-about-story.is-reverse{
grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);
}

.espwa-about-story.is-reverse figure{
order:2;
}

.espwa-about-story.is-text{
grid-template-columns:1fr;
max-width:40em;
}

.espwa-about-story figure{
margin:0;
overflow:hidden;
border-radius:22px;
background:#f3f0ec;
}

.espwa-about-story img{
display:block;
width:100%;
aspect-ratio:4/5;
object-fit:cover;
}

.espwa-about-story h2{
margin:0 0 16px;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-size:clamp(24px,2.6vw,34px);
font-weight:500;
line-height:1.2;
letter-spacing:-.03em;
}

.espwa-about-story-copy{
color:#3d4450;
font-size:16px;
line-height:1.8;
}

.espwa-about-story-copy p{
margin:0 0 1em;
}

.espwa-about-values{
padding:72px 0;
background:#f7f6f2;
}

.espwa-about-values-inner{
width:min(1180px,calc(100% - 48px));
margin:0 auto;
}

.espwa-about-values-head{
max-width:34em;
margin:0 0 40px;
}

.espwa-about-values-head h2{
margin:0 0 16px;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-size:clamp(28px,3.6vw,44px);
font-weight:500;
line-height:1.15;
letter-spacing:-.03em;
}

.espwa-about-values-head p,
.espwa-about-values-head > div{
margin:0;
color:#3d4450;
font-size:16px;
line-height:1.75;
}

.espwa-about-values-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);
gap:40px 56px;
align-items:center;
}

.espwa-about-value{
display:grid;
grid-template-columns:64px minmax(0,1fr);
gap:16px;
padding:18px 0;
border-bottom:1px solid #e6e3db;
cursor:pointer;
}

.espwa-about-value:last-child{
border-bottom:0;
}

.espwa-about-value b{
width:64px;
height:64px;
border-radius:16px;
background:#fff;
color:#1a1d23;
font-family:Montserrat,sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:.04em;
display:inline-flex;
align-items:center;
justify-content:center;
transition:background .25s ease,color .25s ease;
}

.espwa-about-value h3{
margin:0 0 6px;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-size:22px;
font-weight:500;
letter-spacing:-.02em;
}

.espwa-about-value.is-active b{
background:#e4f28a;
}

.espwa-about-value-visual{
position:relative;
min-height:420px;
}

.espwa-about-value-visual img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
border-radius:24px;
opacity:0;
transform:scale(1.04);
transition:opacity .4s ease,transform .6s ease;
}

.espwa-about-value-visual img.is-active{
opacity:1;
transform:scale(1);
}

.espwa-about-team{
padding:80px 0 96px;
background:#fff;
}

.espwa-about-team-inner{
width:min(1180px,calc(100% - 48px));
margin:0 auto;
}

.espwa-about-team-head{
max-width:24em;
margin:0 0 40px;
}

.espwa-about-team-head h2{
margin:0;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-size:clamp(28px,3.4vw,42px);
font-weight:500;
letter-spacing:-.03em;
}

.espwa-about-team-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:28px 22px;
}

.espwa-about-member{
min-width:0;
}

.espwa-about-member figure{
margin:0 0 14px;
overflow:hidden;
border-radius:20px;
background:#f3f0ec;
}

.espwa-about-member img{
display:block;
width:100%;
aspect-ratio:3/4;
object-fit:cover;
transition:transform .5s ease;
}

.espwa-about-member:hover img{
transform:scale(1.04);
}

.espwa-about-member strong{
display:block;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-size:18px;
font-weight:500;
letter-spacing:-.02em;
}

.espwa-about-member span{
display:block;
margin-top:4px;
color:#98a2b3;
font-family:Montserrat,sans-serif;
font-size:12px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
}

@media (max-width:980px){
.espwa-about-hero,
.espwa-about-story,
.espwa-about-story.is-reverse,
.espwa-about-values-layout{
grid-template-columns:1fr;
}
.espwa-about-story.is-reverse figure{
order:0;
}
.espwa-about-hero-visual::before{
top:-16px;
left:-16px;
width:96px;
height:96px;
}
.espwa-about-hero-visual img,
.espwa-about-story img{
aspect-ratio:16/11;
}
.espwa-about-value-visual{
min-height:280px;
}
.espwa-about-team-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media (max-width:680px){
.espwa-about-wrap,
.espwa-about-values-inner,
.espwa-about-team-inner{
width:min(100% - 32px,1180px);
}
.espwa-about-hero,
.espwa-about-values,
.espwa-about-team{
padding-bottom:48px;
}
.espwa-about-value{
grid-template-columns:52px minmax(0,1fr);
}
.espwa-about-value b{
width:52px;
height:52px;
border-radius:14px;
}
}