.wedding-gallery{color:#26342c;background:#faf8f2;min-height:100vh;padding:28px clamp(14px,4vw,64px) 40px}.gallery-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.gallery-header a{color:#26342c;text-underline-offset:4px;font-size:16px;text-decoration:underline}.gallery-header h1{letter-spacing:0;margin:0 0 8px;font-family:Georgia,serif;font-size:clamp(28px,4vw,46px);line-height:1.2}.gallery-header p{margin:0;font-size:16px}.gallery-header>span{white-space:nowrap;font-size:14px}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.photo-tile{cursor:pointer;aspect-ratio:4/5;background:#e8e6df;border:0;padding:0;display:block;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile:focus-visible,.gallery-more:focus-visible{outline-offset:3px;outline:3px solid #aa3157}.gallery-more{color:#fff;cursor:pointer;background:#344c3e;border:0;border-radius:4px;margin:30px auto 16px;padding:15px 24px;font-size:16px;display:block}.gallery-count{text-align:center;font-size:14px}.photo-viewer{z-index:1000;background:#0c100ef7;justify-content:center;align-items:center;padding:64px 70px 24px;display:flex;position:fixed;inset:0}.photo-viewer>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.viewer-bar{color:#fff;justify-content:space-between;align-items:center;padding:12px 20px;font-size:16px;display:flex;position:absolute;top:0;left:0;right:0}.photo-viewer button{color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #ffffff40;border-radius:4px;min-width:44px;min-height:44px;font-size:28px}.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:12px}.viewer-next{right:12px}@media (width<=760px){.gallery-header{flex-wrap:wrap;gap:16px}.gallery-header>div{order:3;width:100%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-viewer{padding:70px 8px 76px}.viewer-prev,.viewer-next{top:auto;bottom:16px;transform:none}.viewer-prev{left:calc(50% - 56px)}.viewer-next{right:calc(50% - 56px)}}
