[data-pn-block="8780"] .sec-gallery-hero { max-width: var(--wrap); margin: 0 auto; padding: clamp(48px, 5.5vw, 90px) var(--pad-x) 0; }
[data-pn-block="8780"] .sec-gallery-hero__copy { max-width: 700px; }
[data-pn-block="8780"] .sec-gallery-hero__copy h1 { font-size: clamp(2.12rem, 4.6vw, 3.62rem); letter-spacing: -.025em; line-height: 1; margin-top: 12px; }
[data-pn-block="8780"] .sec-gallery-hero__sub { font-size: clamp(.94rem, 1.3vw, 1.1rem); line-height: 1.55; color: var(--c-muted); margin-top: 16px; max-width: 540px; }
[data-pn-block="8781"] .sec-gallery { max-width: var(--wrap); margin: 0 auto; padding: clamp(24px,2.8vw,38px) var(--pad-x) clamp(64px,6.9vw,114px); }
[data-pn-block="8781"] .bagal-grid { column-count: 3; column-gap: clamp(12px,1.4vw,18px); }
@media (max-width:1024px) {
[data-pn-block="8781"] .bagal-grid { column-count: 2; }
}
@media (max-width:600px) {
[data-pn-block="8781"] .bagal-grid { column-count: 1; }
}
[data-pn-block="8781"] .bagal-tile { break-inside: avoid; margin: 0 0 clamp(12px,1.4vw,18px); border-radius: 16px; overflow: hidden; border: 1px solid var(--c-border); background: var(--c-surface); box-shadow: 0 16px 34px -24px color-mix(in srgb, var(--c-text) 42%, transparent); cursor: zoom-in; position: relative; -webkit-column-break-inside: avoid; }
[data-pn-block="8781"] .bagal-tile img { width: 100%; height: auto; display: block; transition: transform .55s ease; }
[data-pn-block="8781"] .bagal-tile:hover img { transform: scale(1.045); }
[data-pn-block="8781"] .bagal-tile::after { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--c-dark) 0%, transparent); transition: background .3s ease; pointer-events: none; }
[data-pn-block="8781"] .bagal-tile:hover::after { background: color-mix(in srgb, var(--c-dark) 7%, transparent); }
[data-pn-block="8781"] .bagal-lb { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: clamp(8px,2vw,24px); background: color-mix(in srgb, var(--c-dark) 92%, transparent); backdrop-filter: blur(4px); }
[data-pn-block="8781"] .bagal-lb.is-open { display: flex; }
[data-pn-block="8781"] .bagal-lb__img { max-width: 94vw; max-height: 88vh; width: auto; height: auto; object-fit: contain; border-radius: 10px; box-shadow: 0 40px 90px -20px color-mix(in srgb, var(--c-dark) 80%, transparent); }
[data-pn-block="8781"] .bagal-lb__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: none; border-radius: 100px; display: grid; place-items: center; font-size: 1.6rem; line-height: 1; cursor: pointer; background: var(--c-surface); color: var(--c-text); box-shadow: 0 12px 30px -12px color-mix(in srgb, var(--c-dark) 70%, transparent); transition: background .2s ease, color .2s ease, transform .2s ease; }
[data-pn-block="8781"] .bagal-lb__btn:hover { background: var(--c-primary); color: var(--c-surface); transform: translateY(-50%) scale(1.06); }
[data-pn-block="8781"] .bagal-lb__prev { left: clamp(8px,3vw,34px); }
[data-pn-block="8781"] .bagal-lb__next { right: clamp(8px,3vw,34px); }
[data-pn-block="8781"] .bagal-lb__close { top: clamp(10px,3vw,26px); right: clamp(10px,3vw,26px); transform: none; width: 46px; height: 46px; font-size: 1.25rem; }
[data-pn-block="8781"] .bagal-lb__close:hover { transform: scale(1.06); }
[data-pn-block="8781"] .bagal-lb__count { position: absolute; left: 50%; bottom: clamp(12px,3vw,28px); transform: translateX(-50%); color: var(--c-surface); background: color-mix(in srgb, var(--c-dark) 55%, transparent); padding: 7px 15px; border-radius: 100px; font-weight: 700; font-size: .85rem; letter-spacing: .01em; }
@media (max-width:600px) {
[data-pn-block="8781"] .bagal-lb__btn { width: 46px; height: 46px; font-size: 1.35rem; }
[data-pn-block="8781"] .bagal-lb__prev { left: 6px; }
[data-pn-block="8781"] .bagal-lb__next { right: 6px; }
}