.office-slider { position: relative; height: 395px; overflow: hidden; border-radius: 7px; box-shadow: 0 24px 44px rgba(23, 70, 94, .25); background: #0d3c5d; }
.slider-photos, .office-slide { position: absolute; inset: 0; margin: 0; }
.office-slide { opacity: 0; transition: opacity .7s ease; }
.office-slide.active { opacity: 1; }
.office-slide img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; filter: saturate(1.08) contrast(1.04) brightness(.87); }
.slider-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,35,56,.14) 26%, rgba(4,35,57,.78) 100%); }
.slider-label { position: absolute; bottom: 59px; left: 26px; z-index: 1; color: #fff; display: flex; flex-direction: column; gap: 4px; }
.slider-label span { color: #b6e9fb; font-size: 10px; letter-spacing: .16em; font-weight: 700; }
.slider-label b { font: 700 22px/1 Manrope, sans-serif; letter-spacing: -.035em; }
.slider-controls { position: absolute; right: 17px; bottom: 15px; z-index: 2; display: flex; align-items: center; gap: 11px; }
.slider-controls > button { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.8); color: #fff; background: rgba(5,39,62,.32); border-radius: 50%; cursor: pointer; font-size: 16px; line-height: 1; }
.slider-controls > button:hover { background: #fff; color: #0b4c77; }
.slider-dots { display: flex; gap: 6px; }
.slider-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.52); cursor: pointer; }
.slider-dots button.active { width: 21px; border-radius: 8px; background: #fff; }
@media (max-width: 800px) { .office-slider { width: min(100%, 500px); height: 350px; margin: 0 auto 42px; } }
@media (max-width: 520px) { .office-slider { height: 290px; margin: 8px auto 36px; } .slider-label { bottom: 52px; left: 20px; } .slider-label b { font-size: 19px; } }