@font-face{font-family:'Permanent Marker';src:url('/assets/vendor/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;padding:24px}.gallery-header h1{font-size:2rem;margin:8px 0}.gallery-header p{margin:0;color:#ccdde3}.gallery-header nav{display:flex;flex-wrap:wrap;gap:10px}.gallery-toolbar{max-width:1400px;margin:auto;display:flex;justify-content:space-between;gap:12px;padding:0 24px 16px;flex-wrap:wrap}.gallery-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.gallery-toolbar button{background:#16374a;color:#e7f4f6;border:1px solid #637d8c;border-radius:6px;min-height:44px;padding:9px 14px}.gallery-toolbar [aria-pressed=true]{background:#ffad50;color:#172333;border-color:#ffad50}.photo-wall{height:calc(100svh - 230px);min-height:460px;position:relative;overflow:hidden;background:#123a40;border-top:1px solid #608288;border-bottom:1px solid #608288;isolation:isolate}.photo-wall:focus-visible{outline:3px solid #ffbd64;outline-offset:-4px}.polaroid{display:block;color:#142835;background:#fffdfa;padding:13px 13px 20px;border-radius:1px;box-shadow:0 8px 22px #0005;text-decoration:none;min-width:0}.polaroid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#dce8e7}.polaroid h2,.polaroid figcaption h1,.polaroid p{font-family:'Permanent Marker','Chalkboard SE',cursive;letter-spacing:0;color:#172333;overflow-wrap:anywhere}.polaroid h2{font-size:1.15rem;margin:12px 0 6px;line-height:1.35}.polaroid p{font-size:1rem;margin:0;line-height:1.4}.polaroid small{display:block;margin-top:8px;color:#47616a;font-family:Inter,Arial,sans-serif}.photo-wall .polaroid{position:absolute;width:min(340px,72%);transform:translateY(-45px) rotate(var(--angle));opacity:0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity 1.2s ease;will-change:transform,opacity}.photo-wall .polaroid.arrived{opacity:1;transform:translateY(0) rotate(var(--angle))}.photo-wall .polaroid.leaving{opacity:0;transform:translateY(35px) rotate(var(--angle));pointer-events:none}.photo-wall .polaroid:focus-visible{outline:4px solid #ff8a1f;outline-offset:4px;z-index:1000!important}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1320px;margin:auto;padding:30px 24px}.gallery-grid[hidden],.photo-wall[hidden]{display:none}.gallery-grid .polaroid{align-self:start}.gallery-grid .polaroid:nth-child(3n+1){transform:rotate(-2deg)}.gallery-grid .polaroid:nth-child(3n+2){transform:rotate(2deg)}.gallery-grid .polaroid:hover{transform:rotate(0)}.gallery-pagination{display:flex;justify-content:center;gap:20px;padding:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gallery-detail{max-width:1000px}.gallery-detail .polaroid{margin:20px 0;padding:16px 16px 24px}.gallery-detail .polaroid img{max-height:65svh;object-fit:contain;aspect-ratio:auto}.gallery-detail figcaption h1{font-size:1.65rem;margin-bottom:8px}.photo-review{padding:16px 0;border-bottom:1px solid #526071}.gallery-detail section{margin:28px 0}.gallery-fullscreen footer{display:none}.gallery-fullscreen .photo-wall{height:calc(100svh - 200px)}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-header{align-items:start}.gallery-header nav{justify-content:flex-end}.gallery-header h1{font-size:1.6rem}}
@media(max-width:520px){.gallery-header{padding:16px;flex-wrap:wrap;gap:12px}.gallery-header nav{justify-content:start}.gallery-header .btn{padding:9px 12px}.gallery-toolbar{padding:0 16px 12px}.gallery-toolbar button{font-size:.9rem;padding:9px 10px}.gallery-grid{grid-template-columns:minmax(0,1fr);padding:24px;gap:26px}.photo-wall{min-height:440px;height:calc(100svh - 280px)}.photo-wall .polaroid{width:72%;max-width:290px;padding:10px 10px 16px}.photo-wall .polaroid h2{font-size:1.05rem}.photo-wall .polaroid p{font-size:.95rem}.gallery-detail .polaroid{padding:10px 10px 20px}.gallery-detail figcaption h1{font-size:1.35rem}}
.gallery-playback[hidden]{display:none}.photo-wall .polaroid h2,.photo-wall .polaroid p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.photo-wall .polaroid{width:min(460px,72%)}
.gallery-fullscreen body{height:100svh;display:flex;flex-direction:column;overflow:hidden}.gallery-fullscreen .gallery-header,.gallery-fullscreen footer{display:none}.gallery-fullscreen .gallery-toolbar{width:100%;flex:0 0 auto;padding:12px}.gallery-fullscreen .community-gallery{flex:1;min-height:0;display:flex;flex-direction:column}.gallery-fullscreen .photo-wall{height:auto;flex:1;min-height:0}.gallery-fullscreen .gallery-grid{overflow:auto}
@media(max-width:520px){.photo-wall .polaroid{width:72%;max-width:290px}}
@media(prefers-reduced-motion:reduce){.photo-wall .polaroid{transition:none;will-change:auto}.photo-wall .polaroid.arrived{transform:rotate(var(--angle))}}