@import url("/fonts/baloo2.css");
:root{--display:"Baloo 2",ui-rounded,"SF Pro Rounded",system-ui,sans-serif}
/* ============ P1 design upgrade (2026-10-19): density, playfulness ============ */
/* ---- event poster cards (graphic, no photos) ---- */
.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1rem 0 2.5rem}
.poster-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(34,39,37,.10);transition:transform .15s ease,box-shadow .15s ease;border:1px solid #e7ece8}
.poster-card:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 8px 22px rgba(34,39,37,.16)}
.poster-link{text-decoration:none;color:inherit;display:block}
.poster-band{background:var(--band);color:var(--ink);padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.poster-kicker{font-family:var(--display);font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.poster-date-chip{background:rgba(255,255,255,.92);color:#222725;border-radius:12px;min-width:3rem;text-align:center;padding:.3rem .5rem;line-height:1.05;transform:rotate(3deg)}
.poster-date-chip b{display:block;font-family:var(--display);font-weight:800;font-size:1.25rem}
.poster-date-chip span{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.poster-body{padding:1rem 1rem 1.1rem}
.poster-title{font-family:var(--display);font-weight:800;font-size:1.12rem;line-height:1.25;margin:0 0 .5rem;color:#222725}
.poster-meta{font-size:.85rem;color:#5c665f;margin:0 0 .3rem}
.poster-cost{display:inline-block;margin-top:.55rem;font-size:.75rem;font-weight:800;background:#fff8e8;border:2px solid var(--band);color:#222725;border-radius:999px;padding:.25rem .7rem}
.date-h{font-family:var(--display);font-weight:800;font-size:1.6rem;margin:2.2rem 0 .2rem;color:#222725}
.date-h .date-count{font-size:.85rem;font-weight:700;background:#315d4e;color:#fff8e8;border-radius:999px;padding:.15rem .65rem;vertical-align:middle;margin-left:.5rem}
/* ---- group cover band ---- */
.group-cover{border-radius:22px;background:var(--band);color:var(--ink);padding:2.2rem 1.5rem 1.8rem;margin:0 0 1.5rem;position:relative;overflow:hidden}
.group-cover::after{content:"";position:absolute;right:-2.5rem;top:-2.5rem;width:9rem;height:9rem;border-radius:50%;background:rgba(255,255,255,.14)}
.group-cover .cover-kicker{font-family:var(--display);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.92;margin:0 0 .6rem}
.group-cover .cover-title{font-family:var(--display);font-weight:800;font-size:2.1rem;line-height:1.1;margin:0 0 1rem;color:var(--ink)}
.group-cover .cover-crumb{font-size:.8rem;margin:0 0 1rem;opacity:.85}
.group-cover .cover-crumb a{color:var(--ink)}
.proof-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.proof-pill{display:inline-block;font-size:.78rem;font-weight:800;background:rgba(255,255,255,.94);color:#222725;border-radius:999px;padding:.35rem .8rem;text-decoration:none}
a.proof-pill{color:#222725}
.icon-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.tab-pill{display:inline-block;font-family:var(--display);font-weight:700;font-size:.85rem;border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:.35rem .95rem;text-decoration:none;background:transparent}
a.tab-pill{color:var(--ink)}
/* ---- homepage playful hero ---- */
.hero-display{font-family:var(--display)!important;font-weight:800!important;letter-spacing:-.01em}
.hero-sticker{display:inline-block;font-family:var(--display);font-weight:800;background:#e2cdbc;color:#222725;border-radius:16px;padding:.6rem 1rem;transform:rotate(-3deg);box-shadow:0 3px 0 #655332;margin:.9rem .6rem .9rem 0;font-size:.95rem;line-height:1.3}
.squiggle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='8'%3E%3Cpath d='M0 4 Q 7.5 0 15 4 T 30 4 T 45 4 T 60 4' fill='none' stroke='%23315d4e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") bottom left repeat-x;padding-bottom:.45rem}
@media(max-width:640px){.group-cover .cover-title{font-size:1.6rem}.poster-grid{grid-template-columns:1fr 1fr;gap:.75rem}.poster-title{font-size:.98rem}}