.office-gallery__thumbs{position:absolute;right:-1.5rem;bottom:-1.5rem;z-index:2;display:grid;grid-template-columns:repeat(4,5rem);gap:.5rem;height:5rem;overflow:hidden;border-radius:.75rem;background:rgb(255 255 255/.4);backdrop-filter:blur(16px) saturate(150%)}
.office-gallery__thumb{height:5rem;overflow:hidden;border:1px solid rgb(255 255 255/.6);border-radius:.75rem;background:#fff;box-shadow:0 8px 22px rgb(32 29 23/.24);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.office-gallery__main{transition:opacity 500ms cubic-bezier(.4,0,.2,1)}.office-gallery__main--fading{opacity:.18}.office-gallery__main--first-photo{object-position:calc(50% + 40px) 50%}
.office-gallery__thumb:hover,.office-gallery__thumb:focus-visible{border-color:oklch(72% .14 105);outline:2px solid oklch(72% .14 105);outline-offset:2px}.office-gallery__thumb.is-active{border:3px solid oklch(72% .14 105);box-shadow:0 10px 26px rgb(32 29 23/.34)}.office-gallery__thumb img{width:100%;height:100%;object-fit:cover}
.office-gallery__modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.5rem}.office-gallery__modal[hidden]{display:none}.office-gallery__backdrop{position:absolute;inset:0;background:rgb(19 18 15/.9);backdrop-filter:blur(10px)}.office-gallery__dialog{position:relative;z-index:1;display:grid;place-items:center;width:min(100%,72rem);max-height:100%;padding:2.75rem 4.25rem 3rem}.office-gallery__full{display:block;max-width:100%;max-height:calc(100vh - 8rem);border-radius:1rem;box-shadow:0 24px 80px rgb(0 0 0/.55)}
.office-gallery__close,.office-gallery__arrow{position:absolute;display:grid;place-items:center;border:1px solid rgb(255 255 255/.45);border-radius:999px;background:rgb(255 255 255/.12);color:#fff;cursor:pointer;transition:background .2s ease}.office-gallery__close:hover,.office-gallery__arrow:hover,.office-gallery__close:focus-visible,.office-gallery__arrow:focus-visible{background:rgb(255 255 255/.25);outline:2px solid oklch(72% .14 105);outline-offset:3px}.office-gallery__close{top:.25rem;right:.25rem;width:2.75rem;height:2.75rem;font-size:2rem;line-height:1}.office-gallery__arrow{top:50%;width:3rem;height:3rem;font-size:2.5rem;line-height:1;transform:translateY(-50%)}.office-gallery__arrow--prev{left:.25rem}.office-gallery__arrow--next{right:.25rem}.office-gallery__caption{position:absolute;bottom:.5rem;left:50%;width:max-content;max-width:90%;margin:0;padding:.5rem .85rem;border-radius:999px;background:rgb(0 0 0/.45);color:#fff;font:500 .75rem/1.2 Inter,system-ui,sans-serif;text-align:center;transform:translateX(-50%)}.office-gallery-open{overflow:hidden}
@media(max-width:640px){.office-gallery-host{display:flex;height:auto;margin-bottom:0;flex-direction:column;gap:.75rem}.office-gallery__office-card{position:relative;bottom:auto;left:auto;order:2;align-self:flex-start;margin:0}.office-gallery__thumbs{position:relative;right:auto;bottom:auto;order:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:100%;height:3.5rem}.office-gallery__thumb{height:3.5rem;border-radius:.6rem}.office-gallery__dialog{padding:3.5rem .5rem 3.25rem}.office-gallery__full{max-height:calc(100vh - 9rem);border-radius:.75rem}.office-gallery__arrow{width:2.5rem;height:2.5rem;font-size:2rem}.office-gallery__arrow--prev{left:.1rem}.office-gallery__arrow--next{right:.1rem}.office-gallery__close{top:.5rem;right:.5rem}}
@media(prefers-reduced-transparency:reduce){.office-gallery__thumbs{background:rgb(255 255 255/.78);backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.office-gallery__main--fading{transition:none}}