.service-references{padding:64px 0 80px;color:#161616}
.service-references-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px}
.service-references small{display:block;font:600 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#77716a}
.service-references h2{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.055em;margin:16px 0 0;font-weight:700}
.service-references h2 em{font-family:Georgia,serif;font-weight:400;color:#e23d32}
.service-references-controls{display:flex;gap:10px;padding-bottom:4px}
.service-references button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c8c2b9;border-radius:50%;background:transparent;color:#161616;cursor:pointer;font-size:22px;transition:background .2s,color .2s,border-color .2s}
.service-references button:hover{background:#161616;border-color:#161616;color:#fff}
.service-references button:disabled{opacity:.3;cursor:default;background:transparent;color:#161616;border-color:#c8c2b9}
.service-references button[hidden]{display:none}
.service-references-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.service-references-track::-webkit-scrollbar{display:none}
.service-reference-card{position:relative;flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;color:inherit;background:transparent;text-decoration:none}
.service-reference-card img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;background:#eeece7;border-radius:8px;transition:filter .3s}
.service-reference-card:hover img{filter:brightness(.97)}
.service-reference-card span{display:block;position:relative;margin-top:16px;padding:0 32px 0 0;font:600 clamp(17px,1.5vw,22px)/1.3 Arial,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.service-reference-card span:after{content:"↗";position:absolute;right:2px;top:0;font-size:22px;font-weight:400;color:#e23d32;transition:transform .25s}
.service-reference-card:hover span:after{transform:translate(3px,-3px)}
.service-reference-card .reference-action{display:block;margin-top:7px;font:400 11px/1.4 Arial,sans-serif;letter-spacing:.01em;color:#77716a}
.service-reference-card:focus-visible,.service-references button:focus-visible{outline:2px solid #e23d32;outline-offset:4px}
.service-references-all{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:12px 0;border-bottom:1px solid #bcb5aa;color:inherit;text-decoration:none;font:600 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){.service-reference-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.service-references{padding:42px 0 54px}.service-references-head{gap:14px;margin-bottom:24px}.service-references h2{font-size:44px}.service-references button{width:40px;height:40px}.service-reference-card{flex-basis:86%}.service-references-track{gap:16px}.service-reference-card span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.service-reference-card img,.service-reference-card span:after,.service-references button{transition:none}}

.service-reference-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(0,0,0,.9)}
.service-reference-lightbox.open{display:flex}
.service-reference-lightbox img{display:block;max-width:min(1200px,92vw);max-height:88vh;width:auto;height:auto;object-fit:contain}
.service-reference-close{position:fixed!important;top:20px;right:20px;z-index:2;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.65)!important;background:#111!important;color:#fff!important;font:300 34px/1 Arial,sans-serif!important;cursor:pointer}
.service-reference-close:hover{background:#fff!important;color:#111!important}
@media(max-width:600px){.service-reference-lightbox{padding:16px}.service-reference-close{top:12px;right:12px}}

.service-reference-prev,.service-reference-next{position:fixed!important;top:50%;z-index:2;width:52px!important;height:52px!important;transform:translateY(-50%);border:1px solid rgba(255,255,255,.65)!important;background:rgba(17,17,17,.75)!important;color:#fff!important;font:300 38px/1 Arial,sans-serif!important;cursor:pointer}
.service-reference-prev{left:20px}.service-reference-next{right:20px}
.service-reference-prev:hover,.service-reference-next:hover{background:#fff!important;color:#111!important}
@media(max-width:600px){.service-reference-prev,.service-reference-next{width:44px!important;height:44px!important}.service-reference-prev{left:8px}.service-reference-next{right:8px}}