/*==========================================================
CLIENT WORK
==========================================================*/

.work-header{

max-width:720px;

margin-bottom:90px;

}

.work-header h2{

font-family:var(--font-heading);

font-size:clamp(2.6rem,4vw,4.2rem);

font-weight:500;

line-height:1.15;

}

.work-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:90px;

}

.work-card{

display:flex;

flex-direction:column;

gap:32px;

}

.work-content h3{

font-family:var(--font-heading);

font-size:2rem;

line-height:1.2;

margin-bottom:20px;

}

.work-content h3 a{

text-decoration:none;

color:inherit;

transition:

color var(--motion-normal) var(--ease-editorial);

}

.work-content h3 a:hover{

color:var(--color-accent);

}

.work-content p{

line-height:1.9;

max-width:42ch;

}

@media(max-width:980px){

.work-grid{

grid-template-columns:1fr;

gap:70px;

}

}