.studio-gallery-categories{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px 22px}.studio-gallery-categories button{background:#292827;border:1px solid #45413c;color:#eee9e4;border-radius:100px;padding:10px 15px;font:500 11px Geist,Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.studio-gallery-categories button[aria-pressed="true"]{background:#e8e6e2;color:#171717}.studio-hidden-category{display:none!important}.studio-card-edited-meta{padding:10px 12px;display:flex;flex-direction:column;gap:3px}.studio-card-edited-meta h3{font:400 19px/1.2 'Bodoni Moda',serif;margin:0;color:#f7f5f2}.studio-card-edited-meta p{font:300 12px/1.5 Geist,sans-serif;margin:0;color:#ada8a3}

/* A single responsive gallery grid lets every category reflow after filtering. */
.gallery-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;padding:12px max(20px,6vw) 64px}.gallery-card-grid>article{min-width:0}.gallery-card-grid article h2,.gallery-card-grid article h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card-grid article p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.gallery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-inline:24px}}@media(max-width:600px){.gallery-card-grid{display:block;column-count:2;column-gap:14px;padding:12px 18px 110px}.gallery-card-grid>article{display:inline-flex;vertical-align:top;width:100%;margin:0 0 14px;break-inside:avoid}}

/* Avoid showing the stale static photos while the live gallery is loading. */
body[data-page="galleries"]:not(.gallery-ready) main .grid.grid-cols-2.items-start{visibility:hidden}
.gallery-loading{display:none}
body[data-page="galleries"]:not(.gallery-ready) .gallery-loading{display:flex;align-items:center;gap:12px;min-height:170px;padding:12px 24px;color:#aaa;font:400 12px Geist,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.gallery-loading span{width:14px;height:14px;border:1px solid #555;border-top-color:#f4f2ee;border-radius:50%;animation:gallery-spin .8s linear infinite}
@keyframes gallery-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.gallery-loading span{animation:none}}