.gallery-hero{background:var(--bg-primary);justify-content:center;align-items:center;min-height:28vh;padding-top:3.5rem;padding-bottom:3rem;font-family:DynaPuff,cursive;display:flex;position:relative;overflow:hidden}.gallery-hero-bg{background:radial-gradient(circle at 15% 60%, rgba(var(--s3-green-rgb), .12), transparent 30%), radial-gradient(circle at 85% 25%, rgba(var(--s3-teal-rgb), .14), transparent 30%);filter:blur(55px);animation:10s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}.hero-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 40%,#000 25%,#0000 75%)}.gallery-hero .container{z-index:2;text-align:center;position:relative}.gallery-badge{border:2px solid var(--s3-teal);color:var(--s3-teal);font-size:1.1rem;font-family:var(--font-display);letter-spacing:.04em;box-shadow:2px 3px 0 var(--s3-teal);background:0 0;border-radius:6px 12px 8px 10px/10px 8px 12px 6px;align-items:center;gap:9px;margin-bottom:1.25rem;padding:7px 18px;font-weight:700;animation:.8s ease-out fadeInDown;display:inline-flex}.gallery-badge-dot{background:var(--s3-teal);width:7px;height:7px;box-shadow:0 0 8px rgba(var(--s3-teal-rgb), .7);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite blink}.gallery-hero h1{font-size:clamp(1.8rem,8vw,5.8rem);font-weight:700;font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);text-shadow:0 2px 24px rgba(var(--s3-teal-rgb), .18);word-break:break-word;margin-bottom:.4rem;line-height:1.05}body:not(.dark-mode) .gallery-hero-bg{background:radial-gradient(circle at 15% 60%, rgba(var(--s3-green-rgb), .12), transparent 30%), radial-gradient(circle at 85% 25%, rgba(var(--s3-teal-rgb), .12), transparent 30%);opacity:.7}body:not(.dark-mode) .gallery-hero .hero-grid{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}.gallery-hero-sub{color:var(--text-secondary);font-size:1rem}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:3rem;padding-top:1rem;display:flex}.gallery-filter-btn{font-family:var(--font-handwriting);cursor:pointer;transition:transform .2s var(--bounce), box-shadow .2s;white-space:nowrap;border:none;border-radius:2px 3px 4px 2px;padding:.85rem 1.4rem 1rem;font-size:1.1rem;font-weight:700;position:relative;box-shadow:3px 4px #0000002e,0 6px 16px #0000001a}.gallery-filter-btn:before{content:"";pointer-events:none;background:#d7be78a6;border-radius:2px;width:40px;height:13px;position:absolute;top:-10px;left:calc(50% - 20px);transform:rotate(-1deg);box-shadow:0 1px 3px #00000021}.gallery-filter-btn[data-season=all]{color:#3a2e00;background:#f7e96b;transform:rotate(-1.5deg)}.gallery-filter-btn[data-season="1"]{color:#0d3318;background:#b8f0c8;transform:rotate(1.2deg)}.gallery-filter-btn[data-season="2"]{color:#3d1200;background:#ffc9a0;transform:rotate(-.8deg)}.gallery-filter-btn[data-season="3"]{color:#1a1540;background:#c8c3f0;transform:rotate(1.5deg)}.gallery-filter-btn:hover{transform:translateY(-4px)rotate(0)scale(1.04);box-shadow:4px 8px #0003,0 10px 24px #0000001f}.gallery-filter-btn.active{outline-offset:1px;outline:2.5px solid #00000040;font-weight:700;transform:rotate(0)scale(.97);box-shadow:1px 2px #00000038,0 2px 8px #00000024}.gallery-filter-btn[data-season=all].active{color:#3a2e00;background:#f7e96b}.gallery-filter-btn[data-season="1"].active{color:#0d3318;background:#b8f0c8}.gallery-filter-btn[data-season="2"].active{color:#3d1200;background:#ffc9a0}.gallery-filter-btn[data-season="3"].active{color:#1a1540;background:#c8c3f0}.gallery-filter-btn:focus-visible{outline-offset:3px;outline:2px solid}.gallery-section{padding:3.5rem 0 6rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem;display:grid}.gallery-card{cursor:pointer;aspect-ratio:16/10;background:var(--surface-warm);transition:transform .3s var(--bounce), box-shadow .3s, border-color .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px dashed #22222238;border-radius:18px 24px 20px 16px/16px 20px 24px 18px;position:relative;overflow:visible;box-shadow:3px 5px #00000026,0 4px 16px #0000001a}.gallery-card img{object-fit:cover;border-radius:16px 22px 18px 14px/14px 18px 22px 16px;width:100%;height:100%;transition:transform .4s;display:block;overflow:hidden}.gallery-card:before{content:"";z-index:3;pointer-events:none;background:#d7be789e;border-radius:2px 3px 3px 2px;width:56px;height:15px;position:absolute;top:-10px;left:calc(50% - 28px);box-shadow:0 1px 3px #00000021}.gallery-card:nth-child(3n+1){transform:rotate(-1.2deg)}.gallery-card:nth-child(3n+2){transform:rotate(.8deg)}.gallery-card:nth-child(3n){transform:rotate(-.4deg)}.gallery-card:nth-child(2n):before{transform:rotate(1.5deg)}.gallery-card:nth-child(3n):before{transform:rotate(-1deg)}.gallery-card:hover{border-color:rgba(var(--s3-teal-rgb), .5);box-shadow:5px 8px 0 #00000024, 0 14px 30px rgba(var(--s3-teal-rgb), .15);transform:translateY(-8px)rotate(0)scale(1.02)}.gallery-card:hover img{transform:scale(1.05)}.gallery-card-overlay{opacity:0;pointer-events:none;background:linear-gradient(#2222221f 0%,#2226 45%,#222222bf 100%);border-radius:16px 22px 18px 14px/14px 18px 22px 16px;flex-direction:column;justify-content:flex-end;padding:1rem;transition:opacity .25s,background .3s;display:flex;position:absolute;inset:0;overflow:hidden}.gallery-card:hover .gallery-card-overlay{opacity:1;background:linear-gradient(#00000040 0%,#0009 45%,#000000eb 100%)}.gallery-card-overlay strong{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3}.gallery-card-overlay span{color:#ffffffb3;margin-top:2px;font-size:.8rem}.gallery-season-tag{font-family:var(--font-handwriting);pointer-events:none;border-radius:2px 3px 3px 2px;padding:.3rem .75rem .35rem;font-size:.9rem;font-weight:700;position:absolute;top:.65rem;right:.65rem;transform:rotate(1.8deg);box-shadow:2px 3px #0000002e}.gallery-season-tag:before{content:"";pointer-events:none;background:#d7be78a6;border-radius:2px;width:28px;height:10px;position:absolute;top:-8px;left:calc(50% - 14px);transform:rotate(-1deg)}.gallery-season-tag[data-season="1"]{color:#0d3318;background:#b8f0c8}.gallery-season-tag[data-season="2"]{color:#3d1200;background:#ffc9a0}.gallery-season-tag[data-season="3"]{color:#1a1540;background:#c8c3f0}.lightbox{z-index:9999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;pointer-events:all}.lightbox-inner{flex-direction:column;align-items:center;gap:.75rem;max-width:min(92vw,1100px);max-height:90vh;display:flex}.lightbox-inner img{object-fit:contain;border:3px dashed #22222240;border-radius:26px;max-width:100%;max-height:78vh;box-shadow:8px 12px 24px #00000073}.lightbox-caption{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.lightbox-caption strong{color:#fff;font-size:1rem}.lightbox-caption span{color:#fff9;font-size:.85rem}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1f;border:2px dashed #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:background .2s,transform .2s;display:flex;position:fixed;top:1.2rem;right:1.4rem}.lightbox-close:hover{background:#ffffff40;transform:scale(1.05)}.lightbox-nav{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;transition:background .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:rgba(var(--s3-teal-rgb), .3);border-color:rgba(var(--s3-teal-rgb), .5)}.lightbox-prev{left:1.2rem}.lightbox-next{right:1.2rem}@media (width<=600px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}.lightbox-nav{display:none}}.gallery-upload-btn{isolation:isolate;color:#3a3000;font-family:var(--font-handwriting);cursor:pointer;transition:transform .2s var(--bounce);background:0 0;border:none;border-radius:0;margin-top:1.5rem;padding:10px 28px 12px;font-size:1.1rem;font-weight:700;position:relative;transform:rotate(-1deg)}.gallery-upload-btn:before{content:"";filter:url(#sticky-squiggle)drop-shadow(2px 4px 8px #0000004d);z-index:-1;background:linear-gradient(#d4b800 0% 18%,#fef08a 18%);border-radius:3px 2px 4px 3px/2px 4px 3px 2px;transition:box-shadow .2s;position:absolute;inset:-3px;box-shadow:0 0 #0000}.gallery-upload-btn:hover{transform:rotate(0)translateY(-4px)scale(1.05)}.gallery-upload-btn:hover:before{box-shadow:3px 7px 14px #00000059}.gupload-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9000;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.gupload-backdrop.active{opacity:1;pointer-events:all}.gupload-box{background:var(--bg-card);border:2.5px dashed #2222222e;border-radius:14px 20px 16px 18px/18px 14px 20px 16px;flex-direction:column;gap:.6rem;width:100%;max-width:460px;max-height:92vh;padding:2.2rem;display:flex;position:relative;overflow-y:auto;box-shadow:4px 7px #0000002e,0 28px 80px #00000073}body.dark-mode .gupload-box{border-color:#ffffff1f}.gupload-box:before{content:"";z-index:2;pointer-events:none;background:#d7be78a6;border-radius:2px 3px 3px 2px;width:56px;height:16px;position:absolute;top:-11px;left:calc(50% - 28px);transform:rotate(-1.3deg);box-shadow:0 1px 3px #00000026}.gupload-close{color:var(--text-secondary);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1.1rem}.gupload-close:hover{background:#ffffff26}.gupload-icon{font-size:2.8rem}#gupload-step-form h2{margin-bottom:.2rem;font-size:1.2rem;font-weight:800}.gupload-drop{border:2.5px dashed rgba(var(--s3-teal-rgb), .35);text-align:center;cursor:pointer;color:var(--text-secondary);border-radius:10px 14px 12px 16px/14px 10px 16px 12px;flex-direction:column;align-items:center;gap:.3rem;padding:1.6rem 1rem;transition:border-color .2s,background .2s;display:flex}.gupload-drop:hover{border-color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .08)}.gupload-drop-icon{font-size:2rem}.gupload-drop p{color:var(--text-primary);margin:0;font-size:.9rem}.gupload-drop span{font-size:.75rem}.gupload-fields{flex-direction:column;gap:.6rem;margin:.4rem 0;display:flex}.gupload-field{flex-direction:column;gap:4px;display:flex}.gupload-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.gupload-field input,.gupload-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.gupload-field input:focus,.gupload-select:focus{border-color:var(--s3-teal);outline:none}.gupload-select{appearance:none;cursor:pointer}.gupload-progress-wrap{background:#ffffff0f;border-radius:3px;width:100%;height:5px;overflow:hidden}.gupload-progress-bar{background:linear-gradient(90deg, var(--s3-teal), var(--s3-green));width:0;height:100%;transition:width .2s}.gupload-actions{align-items:center;gap:.75rem;margin-top:.3rem;display:flex}.gupload-btn-submit{background:linear-gradient(135deg, var(--s3-teal), var(--s3-green));color:#fff;cursor:pointer;transition:transform .2s var(--bounce), box-shadow .2s ease;border:none;border-radius:10px 14px 12px 16px/14px 10px 16px 12px;flex:1;padding:10px 0;font-size:.9rem;font-weight:700;box-shadow:2px 4px #0003}.gupload-btn-submit:hover{transform:translateY(-2px);box-shadow:3px 6px #00000040}@media (width<=520px){.gupload-box{border-radius:16px;padding:1.6rem 1.2rem}}