/* contact.html — extracted internal + inline styles */
.gen-1 { top: 10%; left: 3%; }
.gen-2 { bottom: 8%; right: 3%; }
.gen-3 { z-index: 2; }
.gen-4 { bottom: -1.6rem; right: -1rem; width: 90%; height: 92%; z-index: 0 !important; }
.gen-5 { z-index: 1; }
.gen-6 { top: 8%; left: -1.5rem; z-index: 2; max-width: 13rem; }
.gen-7 { bottom: 6%; right: -1.5rem; z-index: 2; max-width: 12rem; }
.gen-8 { z-index: 3; }
.gen-9 { height: 150px; }
/* Map: give the container AND iframe an explicit pixel height. A percentage
   height on the iframe collapses to the 150px HTML default because the theme's
   `.map-full{height:100%}` leaves the parent height unresolved — which made the
   map render in only the top half. Higher specificity beats `.map-full`. */
.map.gen-10 { height: 520px; }
.gen-11 { width: 100%; height: 520px; border: 0; display: block; }
@media (max-width: 575.98px) {
    .map.gen-10, .gen-11 { height: 380px; }
}
.gen-12 { height: 3rem; }