.serv{background:var(--paper);color:var(--green)}
.serv .eyebrow{color:var(--gray-2)}
.serv .eyebrow::before{background:var(--gray-2)}
.serv__top{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,5vw,72px);align-items:end}
.serv__top .display{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:300;color:var(--green);max-width:18ch}
.serv__top .display b{font-weight:600}
.serv__top p{color:#42514c}
.serv__grid{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,31,28,.12);border:1px solid rgba(20,31,28,.12);border-radius:var(--r);overflow:hidden}
.serv__item{background:var(--paper);padding:clamp(28px,3vw,44px);transition:.45s var(--ease);min-height:230px;display:flex;flex-direction:column}
.serv__item:hover{background:var(--paper-2)}
.serv__item .no{font-family:var(--t-display);font-weight:500;font-size:.8rem;letter-spacing:.2em;color:var(--gray-2)}
.serv__item h3{font-family:var(--t-display);font-weight:500;font-size:1.35rem;margin:auto 0 .5rem;color:var(--green)}
.serv__item p{font-size:.95rem;color:#42514c}
@media(max-width:1024px){.serv__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.serv__top{grid-template-columns:1fr}}
@media(max-width:560px){.serv__grid{grid-template-columns:1fr}}