/* ==================== 02｜首頁 Banner ==================== */
.hero { position: relative; min-height: clamp(680px, 56.25vw, 1080px); overflow: hidden; background: #fff8e9; }
.hero-image { position: absolute; inset: 0; background: url("../images/main-visual-16x9.jpg") center top / cover no-repeat; }
.hero-panel { position: relative; z-index: 1; width: max-content; max-width: calc(100% - 40px); margin: 0 auto; padding: 28px 20px 0; text-align: center; }
.hero-date { display: inline-block; margin: 0; padding: 8px 18px; color: var(--color-red); background: rgba(255,250,239,.82); border: 1px solid rgba(255,255,255,.8); border-radius: var(--radius-button); font-size: 14px; font-weight: 900; letter-spacing: .08em; backdrop-filter: blur(9px); }
.hero-actions { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }

/* ==================== 03｜活動重點資訊帶 ==================== */
.quick-info { display: grid; grid-template-columns: repeat(4, 1fr); padding: 28px max(var(--page-gutter), calc((100% - var(--content-width)) / 2)); color: white; background: var(--color-red); }
.quick-info > div { padding: 10px; text-align: center; border-right: 1px solid rgba(255,255,255,.17); }
.quick-info > div:last-child { border: 0; }
.quick-info strong { display: block; color: #f5d88e; font: 900 28px/1.2 "Noto Serif TC", serif; }
.quick-info span { font-size: 15px; }