.rooms-gallery.pro{--gap:14px;--radius:14px;--veil:#00000038;background:#fff;padding:48px 16px 8px}.gallery-head{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto 16px;display:flex}.gallery-head h2{letter-spacing:.2px;margin:0;font-size:28px;font-weight:900}.gallery-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;transition:transform .12s,background .12s,box-shadow .12s}.chip:hover{transform:translateY(-1px)}.chip.active{color:#fff;background:#0e0e0e;border-color:#0e0e0e;box-shadow:0 6px 16px #00000014}.gallery-mosaic{gap:var(--gap);grid-template-columns:1fr;max-width:1200px;margin:0 auto;display:grid}.tile{border-radius:var(--radius);cursor:pointer;background:#e9ecef;border:0;padding:0;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile .veil{pointer-events:none;background:linear-gradient(180deg, transparent 55%, var(--veil));opacity:0;transition:opacity .15s;position:absolute;inset:0}.tile .eye{opacity:.9;font-size:18px;position:absolute;bottom:10px;right:12px}.tile:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 12px 30px #00000014}.tile:hover .veil{opacity:1}.tile{aspect-ratio:4/3}.gallery-flow{gap:var(--gap);grid-template-columns:1fr;max-width:1200px;margin:14px auto 0;display:grid}@media (min-width:768px){.rooms-gallery.pro{padding:60px 24px 14px}.gallery-mosaic{grid-template-columns:repeat(6,1fr)}.gallery-flow{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.gallery-mosaic{grid-template-columns:repeat(12,1fr);grid-auto-rows:10vw}.tile{aspect-ratio:auto;height:100%}.hero-0,.hero-1,.hero-2{grid-area:span 2/span 4}.hero-3,.hero-4{grid-area:span 3/span 6}.hero-5,.hero-6,.hero-7{grid-area:span 2/span 3}.gallery-flow{grid-template-columns:repeat(4,1fr)}}.tile:focus-visible,.chip:focus-visible{outline-offset:2px;outline:2px solid #0e0e0e;box-shadow:0 0 0 4px #0000000f}@media (prefers-reduced-motion:reduce){.tile,.chip,.tile .veil{transition:none}}
