.res{background:var(--color-surface-muted);overflow:hidden;padding:100px 0}.res__wrap{margin:0 auto;max-width:var(--container-max);padding:0 var(--gutter)}.res__badge{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px}.res__badgeLine{background:var(--color-brand-1);border-radius:2px;height:2px;width:24px}.res__badgeText{font-size:14px;letter-spacing:.2em;text-transform:uppercase}.res__badgeText,.res__title{color:var(--color-brand-1);font-weight:500}.res__title{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.025em;line-height:1.1;margin:0}.res__header{margin-bottom:64px}.res__grid{display:grid;gap:32px;grid-template-columns:1fr}.res__card{border-radius:16px;display:block;height:400px;overflow:hidden;position:relative}.res__img{filter:grayscale(1);height:100%;inset:0;object-fit:cover;position:absolute;transition:filter .7s ease,transform .7s ease;width:100%}.res__card:hover .res__img{filter:grayscale(0);transform:scale(1.05)}.res__grad{background:linear-gradient(130deg,rgba(12,34,38,.9),rgba(25,66,71,.6) 50%,rgba(82,224,129,.2));inset:0;position:absolute}.res__cat{align-items:center;background:hsla(0,0%,100%,.2);border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:28px;left:24px;letter-spacing:.6px;padding:0 12px;text-transform:uppercase}.res__arrow,.res__cat{position:absolute;top:24px}.res__arrow{opacity:0;right:24px;transform:translateX(8px);transition:opacity .3s ease,transform .3s ease}.res__card:hover .res__arrow{opacity:1;transform:translateX(0)}.res__arrowBtn{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border-radius:9999px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.res__bottom{bottom:24px;left:24px;position:absolute;right:24px}.res__h{color:#fff;font-size:20px;font-weight:500;line-height:1.35;margin:0;max-width:280px}.res [data-sr]{opacity:1;transform:none}.res .is-sr-hidden{opacity:0;transform:translateY(12px)}.res .is-sr-shown{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}@media (min-width:768px){.res__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.res{padding:64px 0}.res__title{font-size:32px}.res__header{margin-bottom:40px}.res__card{height:300px}.res__grid{gap:40px}}@media (max-width:480px){.res__card{height:360px}.res__h{font-size:16px}}@media (hover:none) and (pointer:coarse){.res__card:hover .res__img{filter:grayscale(1);transform:none!important}.res__card:hover .res__arrow{opacity:0;transform:translateX(8px)}}