.service-navigation{width:100%;margin:0;padding:80px clamp(48px,8vw,120px) 120px;box-sizing:border-box;font-family:system-ui,sans-serif}
.service-navigation>h2{margin:0 0 36px;font-size:12px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:#777971}
.service-row{position:relative;display:block;padding:26px 0;border-bottom:1px solid #25252524;text-decoration:none;color:#191b19}
.service-window{display:block;overflow:hidden;height:clamp(48px,7vw,80px)}
.service-roll{display:block;transition:transform .5s cubic-bezier(.76,0,.24,1)}
.service-roll>span{display:flex;align-items:center;height:clamp(48px,7vw,80px);font-size:clamp(30px,5.8vw,72px);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}
.service-hover{color:#3b82f6;font-style:italic}
.service-row:hover .service-roll,.service-row:focus-visible .service-roll{transform:translateY(-50%)}
.service-category{position:absolute;right:0;top:28px;font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:#8a8c87;transition:opacity .3s;max-width:150px;text-align:right}
.service-picture{position:absolute;right:0;top:50%;width:192px;height:128px;z-index:2;pointer-events:none;overflow:hidden;border-radius:8px;background:#d4d8dd;box-shadow:0 18px 36px #0003;opacity:0;transform:translate(16px,-50%) rotate(3deg) scale(.95);transition:opacity .5s,transform .5s}
.service-picture img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s}
.service-row:hover .service-picture,.service-row:focus-visible .service-picture{opacity:1;transform:translate(0,-50%) rotate(0) scale(1)}
.service-row:hover img,.service-row:focus-visible img{filter:grayscale(0)}
.service-row:hover .service-category,.service-row:focus-visible .service-category{opacity:0}
.service-row:focus-visible{outline:2px solid #3b82f6;outline-offset:6px}
@media(max-width:800px){.service-category,.service-picture{display:none}.service-navigation{padding-top:60px}.service-roll>span{font-size:clamp(28px,7vw,56px)}}
@media(prefers-reduced-motion:reduce){.service-roll,.service-picture,.service-picture img{transition:none}}

.service-label{margin-bottom:36px}.service-label h2{margin:0;font-size:clamp(12px,1.24vw,19px);font-weight:500;line-height:1.4;letter-spacing:.04em;color:#373937}

.service-navigation nav,.service-window{text-align:left}