/* Circus Champ pages - on top of the shared css/antsmasher.css (as-* classes) */
.cc-hero { background: linear-gradient(160deg, #2a0f45 0%, #6a1b4d 55%, #c62032 100%); color: #fff; padding: 60px 0 50px; }
.cc-hero h1 { font-weight: 700; font-size: 3rem; color: #ffd23f; margin: 0 0 10px; text-shadow: 0 3px 0 #7a1020; }
.cc-hero .as-tag { color: #fff4dc; font-size: 1.2rem; }
.cc-hero .as-pill { background: rgba(255,255,255,.14); color: #fff; }
.cc-hero .as-icon { width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 6px 18px rgba(0,0,0,.35); margin-bottom: 18px; }
.cc-hero-img { width: 100%; border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.4); }
.cc-act .as-card { border-top: 6px solid #c62032; }
.cc-act .cc-num { color: #c62032; font-weight: 700; font-size: .85rem; letter-spacing: .08em; }
.cc-gallery { display: flex; gap: 16px; overflow-x: auto; padding: 10px 4px 24px; scroll-snap-type: x mandatory; }
.cc-gallery img { height: 300px; border-radius: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.2); scroll-snap-align: start; flex: 0 0 auto; }
@media (max-width: 767px) { .cc-hero h1 { font-size: 2.2rem; } .cc-gallery img { height: 190px; } }