/* =============================================================================
   Palm motif: replaces the saw-tooth everywhere (Eric, 2026-10-09: "replace saw tooth
   with maybe little palms"). One recolorable mask: swap --motif to change the shape.
   ============================================================================= */
:root { --motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32'%3E%3Cdefs%3E%3Cg id='p'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M20 12Q12 6.5 2.5 13.5'/%3E%3Cpath d='M20 12Q28 6.5 37.5 13.5'/%3E%3Cpath d='M20 12Q14 3 5.5 3.5'/%3E%3Cpath d='M20 12Q26 3 34.5 3.5'/%3E%3Cpath d='M20 11.5Q20.5 5 23.5 .8'/%3E%3Cpath d='M8 10.6l-1.6 3.2M12 9.2l-1.2 3.4M29 9.6l1.4 3.2M33 11l1.6 3M10 4.2l-.6 3.2M30 4.2l.6 3.2'/%3E%3C/g%3E%3Cpath d='M18.4 12Q16.8 22 17.6 32h4.8q-.6-10 .1-20z'/%3E%3Ccircle cx='20' cy='12.6' r='2.6'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23p'/%3E%3Cuse href='%23p' transform='translate%2838 9.6%29 scale%28.7%29'/%3E%3C/svg%3E"); --motif-size: 64px 32px; }

/* Shared treeline: a row of palms in the element's own background color */
.palms, .mega::before, .member-card::before, .drawer__head::after,
.band::before, .events::before, .newsletter::before, .site-footer::before, .hero::before {
  -webkit-mask: var(--motif) repeat-x left bottom / var(--motif-size);
          mask: var(--motif) repeat-x left bottom / var(--motif-size);
  background-image: none !important;
  clip-path: none !important;
}

/* Mega menu: palms in the section's accent color standing on a thin accent line */
@media (min-width: 1100px) {
  .mega::before { height: 30px; --motif-size: 60px 30px; background-color: var(--accent) !important; margin-bottom: 0; }
  .mega__inner { border-top: 4px solid var(--accent); }
}
.member-card::before { height: 22px; --motif-size: 44px 22px; background-color: var(--lime) !important; inset: 6px 0 auto 0; }
.drawer__head::after { height: 22px; bottom: -22px; --motif-size: 44px 22px; background-color: var(--aqua) !important; }

/* Section edges: each band grows a little treeline from its top edge */
.band::before, .events::before, .newsletter::before, .site-footer::before { top: -31px !important; height: 32px !important; }
.band::before { background-color: var(--mist) !important; }
.events::before { background-color: var(--navy) !important; }
.newsletter::before { background-color: #e6f9f4 !important; }
.site-footer::before { background-color: var(--navy-deep) !important; }

/* Hero: no decoration (it hid behind the photo) */
.hero::before { display: none !important; }

/* Headline bars and price badges: drop the teeth */
.hero h1 span::before { display: none !important; }
.ticket-card > b { clip-path: none !important; border-radius: 999px; padding: .55rem .95rem; }