.mem-header{position:relative;background:#0c1222;padding:10rem 2rem 7rem;overflow:hidden;text-align:center}.mem-header-shimmer{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#cb8f24 30%,#fbbf24 50%,#cb8f24 70%,transparent 100%);opacity:.85;z-index:10}.mem-header-bg{position:absolute;inset:0;background-image:url(/assets/images/hero/slide3.png);background-size:cover;background-position:center 30%;opacity:.12;transform:scale(1.05)}.mem-header-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(150,17,7,.2) 0%,transparent 60%),linear-gradient(to bottom,#0c122233,#0c1222f5)}.mem-header-content{position:relative;z-index:10;max-width:64rem;margin:0 auto}.mem-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.25rem;border:1px solid rgba(203,143,36,.4);background:#cb8f241a;border-radius:999px;font-family:Lato,sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.32em;text-transform:uppercase;color:#fbbf24;margin-bottom:1.75rem}.mem-badge svg{width:.9rem;height:.9rem;flex-shrink:0}.mem-title{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;margin:0 0 1.25rem}.mem-title-accent{background:linear-gradient(135deg,#cb8f24,#fbbf24 55%,#cb8f24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.mem-tagline{font-family:Lato,sans-serif;font-size:1rem;color:#cbd5e1cc;max-width:42rem;margin:0 auto 2.5rem;line-height:1.7}.mem-year-pill-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem}.mem-year-pill{padding:.35rem 1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:999px;font-family:Lato,sans-serif;font-size:.65rem;font-weight:700;color:#cbd5e1b3;letter-spacing:.1em}.mem-page-bg{background:linear-gradient(180deg,#f8f7f5,#f1ede6);min-height:60vh}.mem-container{max-width:84rem;margin:0 auto;padding:3rem 2rem 5rem}.mem-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.75rem 2rem;box-shadow:0 4px 24px #0000000f;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem}.mem-filter-group{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.mem-filter-label{font-family:Lato,sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;padding-top:.55rem;min-width:4rem}.mem-year-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.mem-year-tab{padding:.4rem 1.1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;font-family:Lato,sans-serif;font-size:.7rem;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mem-year-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.mem-year-tab.active{background:#0f172a;border-color:#0f172a;color:#fff}.mem-cat-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.mem-cat-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;font-family:Lato,sans-serif;font-size:.68rem;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mem-cat-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.mem-cat-tab.active{background:#961107;border-color:#961107;color:#fff}.mem-cat-tab[data-cat=school-trip].active{background:#961107;border-color:#961107}.mem-cat-tab[data-cat=district-visit].active{background:#1e40af;border-color:#1e40af}.mem-cat-tab[data-cat=motivational-speaker].active{background:#059669;border-color:#059669}.mem-cat-tab[data-cat=fun-day].active{background:#b45309;border-color:#b45309}.mem-cat-tab[data-cat=farewell-ceremony].active{background:#7b2d8b;border-color:#7b2d8b}.mem-cat-icon{font-size:.85rem}.mem-results-count{font-family:Lato,sans-serif;font-size:.7rem;color:#94a3b8;font-weight:600;padding-top:.25rem;margin-top:.25rem;border-top:1px solid #f1f5f9}.mem-results-count span{font-weight:900;color:#0f172a;font-size:.9rem}.mem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mem-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.25rem;overflow:hidden;position:relative;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.mem-card.mem-card-visible{opacity:1;transform:none}.mem-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-5px)}.mem-card-img-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;flex-shrink:0}.mem-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.mem-card:hover .mem-card-img{transform:scale(1.07)}.mem-card-cat-tag{position:absolute;top:.85rem;left:.85rem;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;font-family:Lato,sans-serif;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff;backdrop-filter:blur(4px);z-index:2}.mem-card-year-badge{position:absolute;top:.85rem;right:.85rem;background:#0f172ab3;color:#fbbf24;font-family:Lato,sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.15em;padding:.3rem .65rem;border-radius:.4rem;backdrop-filter:blur(4px);z-index:2}.mem-card-img-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.4) 0%,transparent 50%);pointer-events:none}.mem-card-body{flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.mem-card-date{font-family:Lato,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--cat-color, #961107);opacity:.85}.mem-card-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3;transition:color .2s ease}.mem-card:hover .mem-card-title{color:var(--cat-color, #961107)}.mem-card-desc{font-family:Lato,sans-serif;font-size:.775rem;color:#64748b;line-height:1.65;margin:0;flex:1}.mem-card-footer{padding-top:.75rem;border-top:1px solid #f1f5f9;margin-top:.25rem}.mem-card-participants{display:inline-flex;align-items:center;gap:.4rem;font-family:Lato,sans-serif;font-size:.65rem;font-weight:700;color:#94a3b8}.mem-card-participants svg{width:.85rem;height:.85rem;color:var(--cat-color, #961107);flex-shrink:0}.mem-card-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cat-color, #961107);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}.mem-card:hover .mem-card-bar{transform:scaleX(1)}.mem-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem;text-align:center;color:#94a3b8}.mem-empty svg{width:4rem;height:4rem;stroke:#e2e8f0;margin-bottom:.5rem}.mem-empty h3{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:#475569;margin:0}.mem-empty p{font-family:Lato,sans-serif;font-size:.85rem;color:#94a3b8;margin:0}@media(max-width:1100px){.mem-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.mem-grid{grid-template-columns:1fr}.mem-container{padding:2rem 1rem 3.5rem}.mem-filter-bar{padding:1.25rem}.mem-filter-group{flex-direction:column;gap:.5rem}.mem-filter-label{padding-top:0}.mem-title{font-size:clamp(2.5rem,12vw,4rem)}}