.photo-brand-account{display:flex;align-items:center;gap:16px;min-width:0}.photo-header-identity{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.75);font-size:12px;letter-spacing:.06em;max-width:180px}.photo-header-identity.hidden{display:none}.photo-header-identity #loginIndicator{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-header-identity .roy-account-avatar{width:28px;height:28px;background-color:rgba(255,255,255,.14);color:white;font-size:11px}.photo-social-link svg{flex:none}#photoGrid{display:flex!important;gap:0!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c5beb4 transparent;align-items:flex-start;touch-action:pan-x pan-y;cursor:grab}#photoGrid.photo-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}#photoGrid .gallery-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;flex:0 0 100%;min-width:0;box-sizing:border-box;padding:12px 5px 30px;scroll-snap-align:start;scroll-snap-stop:always}#photoGrid .gallery-card{min-width:0;animation:none}#photoGrid .gallery-card img{aspect-ratio:3/2;object-fit:cover}#photoGrid .gallery-card img{user-select:none;-webkit-user-drag:none}.lightbox-page-control{z-index:10;opacity:1;transition:opacity .25s,background-color .2s}#lightbox.photo-controls-hidden .lightbox-page-control{opacity:0;pointer-events:none}#lightbox .lightbox-page-control:focus-visible{opacity:1;pointer-events:auto;outline:2px solid white;outline-offset:3px}.message-card{scroll-margin-top:155px}.pagination-row{flex-wrap:wrap}
@media(min-width:768px) and (max-width:1023px){#photoGrid .gallery-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}
@media(max-width:767px){#gallery-section{padding-top:1.5rem;padding-bottom:1.5rem}#gallery-section .text-center.space-y-3{margin-bottom:1rem}#photoGrid .gallery-page{grid-template-columns:minmax(0,1fr);gap:1rem;padding:8px 4px 18px}#photoGrid .gallery-card{padding:10px 12px 12px}#photoGrid .gallery-card img{width:100%;height:clamp(120px,calc((100svh - 460px)/2),260px);aspect-ratio:auto}#photoGrid .gallery-card .mt-4{margin-top:10px}.gallery-pagination{margin-top:10px;padding-top:12px}.photo-header-identity{max-width:170px}.photo-social-links{gap:12px}.message-card{scroll-margin-top:145px}}
@media(prefers-reduced-motion:reduce){.lightbox-page-control{transition:none}#photoGrid{scroll-behavior:auto}}
.photo-social-links{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:480px;gap:14px}.photo-social-link{aspect-ratio:1;flex-direction:column;padding:14px 6px;gap:12px;letter-spacing:.05em}.photo-social-link svg{width:23px;height:23px}@media(max-width:767px){.photo-social-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;max-width:360px}.photo-social-link{font-size:11px;gap:10px}}
.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 0 2px;margin-top:0;border:0}.gallery-pagination button{width:32px;height:32px;display:grid;place-items:center;font-size:22px;line-height:1;color:inherit;border:1px solid #c5beb4;border-radius:2px;transition:opacity .2s,background .2s}.gallery-pagination button:disabled{opacity:.25;cursor:default}.gallery-pagination button:not(:disabled):hover{background:#8c82731a}.gallery-page-indicator{display:inline-flex;gap:10px;align-items:baseline;font-size:11px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.gallery-page-indicator strong{font-size:13px;font-weight:500}.gallery-page-indicator>span{opacity:.5}@media(max-width:767px){#gallery-section{padding-top:16px;padding-bottom:16px}#filterBar{margin-bottom:16px}#photoGrid .gallery-card img{height:clamp(110px,calc((100svh - 540px)/2),240px)}.message-card{scroll-margin-top:145px}}
/* Gallery thumbnails keep a consistent 4:3 frame on every screen. */
#photoGrid .gallery-card img{aspect-ratio:4/3;height:auto!important;object-fit:cover}