/* Attractions page (Pumpkin Patch, Car Show + Trunk-O-Treat) — reuses the
   same design tokens as bmh-fall2026.css (blue/white/gray, no orange).
   Reuses .attraction-art / .attraction-badge / .sc-schedule-badge classes
   from the other two pages rather than introducing new placeholder styles. */

.attr-section{background:#fff}
.attr-section-alt{background:var(--cream)}
.attr-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.attr-grid-reverse{grid-template-columns:1fr 1fr}
.attr-grid-reverse .attraction-art{order:2}
.attr-grid-reverse .attr-copy{order:1}
.attr-section .attraction-art{height:320px;width:100%;border:1px solid var(--line)}
.attr-copy .eyebrow{margin-bottom:12px}
.attr-copy h2{font:800 clamp(28px,3.4vw,40px)/1.15 "Manrope",sans-serif;letter-spacing:-.03em;color:var(--forest);margin:0 0 16px}
.attr-copy .sc-schedule-badge{margin-top:10px}
.attr-day-badge{margin-right:8px}

@media(max-width:900px){
  .attr-grid,.attr-grid-reverse{grid-template-columns:1fr;gap:26px}
  .attr-grid-reverse .attraction-art{order:0}
  .attr-grid-reverse .attr-copy{order:0}
  .attr-section .attraction-art{height:240px}
}