*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#183047;background:#f6f9f4}header{background:linear-gradient(120deg,#237a3b,#52a568);color:white;padding:25px 5%}header h1{font:700 42px Georgia;margin:0}header p{font-size:19px}nav{background:#17552c;display:flex;flex-wrap:wrap;justify-content:center;position:sticky;top:0;z-index:5}nav a{color:white;text-decoration:none;font-weight:bold;padding:14px 16px}nav a:hover{background:#3b9b50}.hero{min-height:390px;padding:55px 7%;display:flex;align-items:center;color:white;background:linear-gradient(90deg,#174f2ded,#174f2d33),url('../images/friends.jpg') center/cover}.hero div{max-width:650px}.hero h2{font:700 48px Georgia;margin:0}.hero p{font-size:20px;line-height:1.5}.wrap{max-width:1180px;margin:auto;padding:36px 22px}.title{font:700 36px Georgia;color:#17552c}.quote{font-size:26px;font-weight:bold;color:#3b9b50}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0002;border-top:5px solid #3b9b50}.card img{width:100%;height:210px;object-fit:cover}.pad{padding:17px}.card h3{color:#17552c}.btn{display:inline-block;background:#3b9b50;color:white;padding:10px 15px;border-radius:5px;text-decoration:none;font-weight:bold}.note{background:#fff5bd;border-left:6px solid #ffd447;padding:17px;margin:20px 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.feature img{width:100%;max-height:420px;object-fit:contain;background:white;border-radius:12px}.mascots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}.mascots img{width:100%;height:300px;object-fit:contain;background:white;border-radius:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.gallery img{width:100%;height:230px;object-fit:cover;border-radius:9px;background:white}li{margin:8px 0}footer{background:#17552c;color:white;text-align:center;padding:24px;margin-top:35px}@media(max-width:700px){.feature,.mascots{grid-template-columns:1fr}.hero h2{font-size:36px}header h1{font-size:31px}}.archive-section{margin-top:42px;padding-top:12px;border-top:4px solid #3b9b50}.archive-intro{font-size:18px;line-height:1.6;max-width:1000px}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.timeline-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0002;border-top:5px solid #237a3b}.timeline-card>span{display:block;background:#17552c;color:#fff;padding:9px 14px;font-weight:bold}.timeline-card img{display:block;width:100%;height:330px;object-fit:contain;background:#eef5ef}.timeline-card h3,.timeline-card p{margin-left:15px;margin-right:15px}.timeline-card h3{color:#17552c}.timeline-card p{line-height:1.45;margin-bottom:18px}.poster-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;align-items:start}.poster-gallery figure,.resource-gallery figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #0002}.poster-gallery img{display:block;width:100%;height:340px;object-fit:contain;background:#eef5ef}.poster-gallery figcaption,.resource-gallery figcaption{padding:11px 13px;font-weight:bold;color:#17552c;text-align:center}.resource-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.resource-gallery img{display:block;width:100%;height:auto;object-fit:contain;background:#eef5ef}@media(max-width:700px){.timeline-card img,.poster-gallery img{height:auto;max-height:none}.resource-gallery{grid-template-columns:1fr}}

/* V7 community archive */
.archive-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:22px 0 34px}.archive-gallery figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.12)}.archive-gallery img{width:100%;height:220px;object-fit:cover;display:block}.archive-gallery figcaption{padding:12px 14px;line-height:1.45}.community-links .card{min-height:210px}.lead{font-size:1.15rem;line-height:1.65}.feature{margin:28px 0;padding:22px;background:#fff;border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.09)}
