:root{--ongoing:#0a8b3e;--construction:#b45309;--past:#334155}main{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 5rem}header.page-header{max-width:680px;margin-bottom:4rem}header.page-header .label{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:1rem;font-size:.75rem;font-weight:600}header.page-header h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:2.5rem;font-weight:700;line-height:1.15}header.page-header p{color:var(--muted);font-size:1.05rem;line-height:1.55}section.group{margin-bottom:5rem}section.group .group-header{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex}section.group h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}section.group .count{color:var(--muted);font-size:.9rem;font-weight:500}section.group .group-desc{color:var(--muted);max-width:680px;margin-bottom:2rem;font-size:.95rem}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.card{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.card .shot{aspect-ratio:16/10;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.card .shot.ongoing{background:var(--ongoing)}.card .shot.construction{background:var(--construction)}.card .shot.past{background:var(--past)}.card .shot.has-img{background:#f5f5f5;padding:0;overflow:hidden}.card .shot.has-img img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.card .shot.zoom-agorae img{transform-origin:0 0;transform:scale(1.6)}.card .shot .initial{letter-spacing:-.03em;font-size:2.5rem;font-weight:700}.card .shot .ph-tag{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.65rem;position:absolute;bottom:.6rem;right:.75rem}.card .body{flex-direction:column;flex:1;padding:1.1rem 1.2rem 1.25rem;display:flex}.card .body h3{letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.card .body p{color:var(--muted);flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.card .body .link{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none}.card .body .link.disabled{color:var(--muted);font-style:italic}.card .body .link.disabled:after{content:""}@media (width<=600px){main{padding:2.5rem 1.25rem 4rem}header.page-header h1{font-size:2rem}.cards{grid-template-columns:1fr}}