.legacy-gallery { display: none; }
.section-top { overflow: hidden; background-attachment: fixed; }
.section-top-title { transform: translateY(var(--hero-shift, 0)); transition: transform .08s linear; }
.vb-gallery { position: relative; overflow: hidden; background: #f8f8f8; }
.vb-gallery::before, .vb-gallery::after { position: absolute; z-index: 0; width: 300px; height: 300px; content: ""; border-radius: 50%; background: rgba(226,99,40,.05); pointer-events: none; }
.vb-gallery::before { top: 10%; left: -160px; transform: translateY(var(--gallery-shift, 0)); }
.vb-gallery::after { right: -180px; bottom: 8%; transform: translateY(calc(var(--gallery-shift, 0) * -0.6)); }
.vb-gallery .container { position: relative; z-index: 1; }
.gallery-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 32px 0 36px; }
.gallery-filter__button { border: 1px solid #e26328; border-radius: 999px; background: #fff; color: #252525; cursor: pointer; font: 500 13px "Poppins", sans-serif; padding: 10px 19px; transition: background .2s ease, color .2s ease, transform .2s ease; }
.gallery-filter__button:hover, .gallery-filter__button:focus-visible { color: #fff; background: #e26328; outline: 0; }
.gallery-filter__button:focus-visible { box-shadow: 0 0 0 3px rgba(226,99,40,.24); }
.gallery-filter__button.is-active { color: #fff; background: #e26328; }
.gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.gallery-card { overflow: hidden; position: relative; min-height: 220px; border-radius: 4px; background: #ececec; box-shadow: 0 8px 22px rgba(0,0,0,.09); animation: galleryIn .3s ease both; }
.gallery-card__link { display: block; height: 100%; color: #fff; text-decoration: none; }
.gallery-card img { width: 100%; height: 280px; display: block; object-fit: cover; transition: transform .35s ease; }
.gallery-card__caption { position: absolute; display: flex; align-items: end; inset: 0; padding: 20px; background: linear-gradient(transparent 42%, rgba(0,0,0,.8)); opacity: 0; transition: opacity .25s ease; }
.gallery-card__caption span { font: 600 14px "Poppins", sans-serif; letter-spacing: .02em; }
.gallery-card:hover img, .gallery-card:focus-within img { transform: scale(1.06); }
.gallery-card:hover .gallery-card__caption, .gallery-card:focus-within .gallery-card__caption { opacity: 1; }
.gallery-empty { margin: 0; text-align: center; color: #777; }
.gallery-lightbox { position: fixed; z-index: 9999; display: grid; place-items: center; inset: 0; padding: 28px; color: #fff; background: rgba(9,13,20,.94); opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility .28s ease; }
.gallery-lightbox.is-open { opacity: 1; visibility: visible; }
.gallery-lightbox__backdrop { position: absolute; inset: 0; cursor: zoom-out; }
.gallery-lightbox__content { position: relative; z-index: 1; width: min(96vw, 1440px); max-height: calc(100vh - 42px); display: grid; place-items: center; transform: scale(.92) translateY(20px); transition: transform .46s cubic-bezier(.2,.8,.2,1), opacity .35s ease; }
.gallery-lightbox.is-open .gallery-lightbox__content { transform: scale(1) translateY(0); }
.gallery-lightbox.animation-slide .gallery-lightbox__content { transform: translateX(60px); opacity: 0; }.gallery-lightbox.animation-slide.is-open .gallery-lightbox__content { transform: translateX(0); opacity: 1; }
.gallery-lightbox.animation-reveal .gallery-lightbox__content { transform: scale(1.08) rotate(1deg); opacity: 0; }.gallery-lightbox.animation-reveal.is-open .gallery-lightbox__content { transform: scale(1) rotate(0); opacity: 1; }
.gallery-lightbox__image { display: block; width: auto; max-width: 100%; max-height: calc(100vh - 92px); border-radius: 5px; box-shadow: 0 28px 90px rgba(0,0,0,.55); }
.gallery-lightbox__caption { position: absolute; right: 0; bottom: 0; left: 0; margin: 0; padding: 42px 26px 23px; border-radius: 0 0 5px 5px; color: #fff; background: linear-gradient(transparent, rgba(3,7,13,.94)); font: 400 14px/1.6 "Poppins", sans-serif; text-align: left; pointer-events: none; }
.gallery-lightbox__caption strong { display: block; margin-bottom: 3px; font-size: 17px; font-weight: 600; }.gallery-lightbox__caption span { color: rgba(255,255,255,.83); }
.gallery-lightbox__close, .gallery-lightbox__nav { position: absolute; z-index: 2; display: grid; place-items: center; border: 0; color: #fff; background: rgba(255,255,255,.13); cursor: pointer; transition: background .2s ease, transform .2s ease; }
.gallery-lightbox__close { top: 22px; right: 24px; width: 42px; height: 42px; border-radius: 50%; font-size: 29px; line-height: 1; }
.gallery-lightbox__nav { top: 50%; width: 48px; height: 58px; border-radius: 5px; font-size: 28px; transform: translateY(-50%); }
.gallery-lightbox__nav:hover, .gallery-lightbox__close:hover { background: #e26328; }
.gallery-lightbox__nav--previous { left: 24px; }.gallery-lightbox__nav--next { right: 24px; }
body.lightbox-open { overflow: hidden; }
@keyframes galleryIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 991px) { .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .section-top { background-attachment: scroll; } }
@media (max-width: 575px) { .gallery-grid { grid-template-columns: 1fr; gap: 18px; } .gallery-card img { height: 250px; } .gallery-filter { gap: 8px; } .gallery-filter__button { padding: 9px 14px; } .gallery-lightbox { padding: 10px; } .gallery-lightbox__content { width: 100%; } .gallery-lightbox__image { max-height: calc(100vh - 70px); } .gallery-lightbox__caption { padding: 34px 16px 14px; font-size: 12px; } .gallery-lightbox__caption strong { font-size: 14px; } .gallery-lightbox__nav { width: 40px; height: 48px; } .gallery-lightbox__nav--previous { left: 10px; } .gallery-lightbox__nav--next { right: 10px; } .gallery-lightbox__close { top: 12px; right: 12px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
.contact-form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.contact-form-status { min-height: 22px; margin: 14px 0 0; font: 500 14px "Poppins", sans-serif; }
.contact-form-status.is-success { color: #b9efc2; }.contact-form-status.is-error { color: #ffd0c7; }