/* Bamboo motif: drop-in replacement for the palms (Eric, 2026-10-09: "do we have any bamboo we could use
   instead of palms"). Load AFTER palms.css; it only swaps the shape, every placement stays the same. */
: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%3Cg fill='%23000'%3E%3Crect x='6.7' y='3.0' width='4.6' height='7.3' rx='1.6'/%3E%3Crect x='6.7' y='12.1' width='4.6' height='7.7' rx='1.6'/%3E%3Crect x='6.7' y='21.6' width='4.6' height='10.4' rx='1.6'/%3E%3Crect x='6.0' y='9.9' width='6.0' height='1' rx='.5'/%3E%3Crect x='6.0' y='19.4' width='6.0' height='1' rx='.5'/%3E%3Cpath d='M11 11Q16.5 9.5 20 5Q14.5 6.5 11 11Z'/%3E%3Cpath d='M11 11.5Q16.3 12.5 21 10.0Q15.7 9.0 11 11.5Z'/%3E%3Cpath d='M7 21Q4.5 17.0 0 16Q2.5 20.0 7 21Z'/%3E%3Crect x='27.7' y='11.0' width='4.6' height='8.3' rx='1.6'/%3E%3Crect x='27.7' y='21.1' width='4.6' height='10.9' rx='1.6'/%3E%3Crect x='27.0' y='18.9' width='6.0' height='1' rx='.5'/%3E%3Cpath d='M28 20Q24.2 16.4 19 16Q22.8 19.6 28 20Z'/%3E%3Cpath d='M32 12Q36.8 9.8 39 5Q34.2 7.2 32 12Z'/%3E%3Cpath d='M32 12.5Q36.2 13.8 40 11.5Q35.8 10.2 32 12.5Z'/%3E%3Crect x='47.7' y='0.0' width='4.6' height='6.8' rx='1.6'/%3E%3Crect x='47.7' y='8.6' width='4.6' height='6.7' rx='1.6'/%3E%3Crect x='47.7' y='17.1' width='4.6' height='6.7' rx='1.6'/%3E%3Crect x='47.7' y='25.6' width='4.6' height='6.4' rx='1.6'/%3E%3Crect x='47.0' y='6.4' width='6.0' height='1' rx='.5'/%3E%3Crect x='47.0' y='14.9' width='6.0' height='1' rx='.5'/%3E%3Crect x='47.0' y='23.4' width='6.0' height='1' rx='.5'/%3E%3Cpath d='M52 8Q57.0 7.0 60 3Q55.0 4.0 52 8Z'/%3E%3Cpath d='M48 16.5Q44.4 12.4 39 11.5Q42.6 15.6 48 16.5Z'/%3E%3Cpath d='M48 17Q44.0 15.2 40 17Q44.0 18.8 48 17Z'/%3E%3Cpath d='M52 25Q56.6 25.2 60 22Q55.4 21.8 52 25Z'/%3E%3C/g%3E%3C/svg%3E"); }
/* Bamboo needs more height than palms to read as bamboo rather than a fence */
@media (min-width: 1100px) { .mega::before { height: 42px; --motif-size: 84px 42px; } }
.band::before, .events::before, .newsletter::before, .site-footer::before { top: -41px !important; height: 42px !important; --motif-size: 84px 42px; }