.espwa-service{
background:#fff;
}

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

.espwa-service-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-service-crumb a{
color:#98a2b3;
text-decoration:none;
}

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

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

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

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

.espwa-service-hero{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
gap:48px 64px;
align-items:center;
padding:0 0 64px;
}

.espwa-service-copy h1,
.espwa-service-band h2,
.espwa-service-more h2{
margin:0;
color:#1a1d23;
font-family:"Fraunces",Georgia,serif;
font-weight:500;
letter-spacing:-.03em;
}

.espwa-service-copy h1{
margin:0 0 20px;
font-size:clamp(32px,4.2vw,52px);
line-height:1.12;
}

.espwa-service-lead{
color:#3d4450;
font-size:16.5px;
line-height:1.8;
max-width:38em;
}

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

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

.espwa-service-visual{
position:relative;
}

.espwa-service-visual::before{
content:"";
position:absolute;
top:-32px;
right:-28px;
width:160px;
height:160px;
border-radius:36px;
background:#e4f28a;
transform:rotate(16deg);
z-index:0;
}

.espwa-service-visual::after{
content:"";
position:absolute;
bottom:-22px;
left:-18px;
width:88px;
height:88px;
border-radius:22px;
background:#c8e24a;
opacity:.55;
transform:rotate(-12deg);
z-index:0;
}

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

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

.espwa-service-cta{
display:inline-flex;
align-items:center;
gap:14px;
width:max-content;
max-width:100%;
margin-top:28px;
padding:6px 6px 6px 18px;
border:0;
border-radius:14px;
background:#c8e24a;
color:#1c1a27 !important;
font-family:Montserrat,sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:.08em;
line-height:1;
text-transform:uppercase;
text-decoration:none !important;
white-space:nowrap;
justify-self:start;
align-self:start;
transition:background .22s ease;
}

.espwa-service-cta span{
width:38px;
height:38px;
border-radius:10px;
background:#fff;
color:#1c1a27;
display:inline-flex;
align-items:center;
justify-content:center;
transition:transform .22s ease;
}

.espwa-service-cta svg{
width:16px;
height:16px;
display:block;
}

.espwa-service-cta:hover{
background:#d3ec5a;
color:#1c1a27 !important;
text-decoration:none !important;
}

.espwa-service-cta:hover span{
transform:translate(1px,-1px);
}

.espwa-service-band{
position:relative;
display:grid;
grid-template-columns:minmax(0,1.1fr) auto;
gap:28px 48px;
align-items:center;
margin:8px 0 64px;
padding:40px 44px;
overflow:hidden;
border-radius:28px;
background:#f6f7f0;
}

.espwa-service-band::before{
content:"";
position:absolute;
top:-48px;
right:-36px;
width:150px;
height:150px;
border-radius:34px;
background:#e4f28a;
transform:rotate(18deg);
pointer-events:none;
}

.espwa-service-band > *{
position:relative;
z-index:1;
}

.espwa-service-band h2{
margin:0 0 12px;
font-size:clamp(26px,3vw,38px);
line-height:1.15;
}

.espwa-service-band-copy{
color:#3d4450;
font-size:15.5px;
line-height:1.7;
max-width:36em;
}

.espwa-service-band-copy p{
margin:0;
}

.espwa-service-band .espwa-service-cta{
margin-top:0;
}

.espwa-service-more h2{
margin:0 0 28px;
font-size:clamp(26px,3vw,36px);
line-height:1.15;
}

.espwa-service-more-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px 20px;
}

.espwa-service-more-card{
display:block;
min-width:0;
color:inherit;
text-decoration:none;
}

.espwa-service-more-card:hover{
color:inherit;
text-decoration:none;
}

.espwa-service-more-media{
position:relative;
display:block;
overflow:hidden;
border-radius:18px;
background:#f3f0ec;
margin:0 0 14px;
}

.espwa-service-more-media img{
display:block;
width:100%;
aspect-ratio:16/11;
object-fit:cover;
transform:scale(1);
transition:transform .55s ease;
}

.espwa-service-more-card:hover img{
transform:scale(1.045);
}

.espwa-service-more-num{
position:absolute;
top:0;
left:0;
z-index:1;
min-width:40px;
height:32px;
padding:0 10px;
border-radius:14px 0 12px 0;
background:#c8e24a;
color:#1a1d23;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
display:inline-flex;
align-items:center;
justify-content:center;
}

.espwa-service-more-card strong{
display:block;
margin:0 0 6px;
color:#1a1d23;
font-size:18px;
font-weight:700;
line-height:1.25;
letter-spacing:-.02em;
}

.espwa-service-more-card span:not(.espwa-service-more-media):not(.espwa-service-more-num){
display:block;
color:#667085;
font-size:14px;
line-height:1.55;
}

@media screen and (max-width:980px){
.espwa-service-hero,
.espwa-service-band{
grid-template-columns:1fr;
gap:28px;
}

.espwa-service-visual::before{
top:-16px;
right:-16px;
width:110px;
height:110px;
}

.espwa-service-more-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media screen and (max-width:680px){
.espwa-service-wrap{
width:calc(100% - 32px);
padding:32px 0 64px;
}

.espwa-service-visual img{
aspect-ratio:16/11;
}

.espwa-service-band{
padding:28px 22px;
}

.espwa-service-more-grid{
grid-template-columns:1fr;
}
}