/* Clean, readable brand typography */
body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #2B212B;
    letter-spacing: 0.2px;
    line-height: 1.55;
}

/* Stronger headings */
h1,
h2,
h3 {
    color: #0B1C2D;
    font-weight: 600;
    letter-spacing: 0.4px;
}

/* Refined service and location cards */
#events .event {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(11, 28, 45, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Desktop hover effect */
@media (hover: hover) {
    #events .event:hover {
        transform: translateY(-2px);
        box-shadow: 0 7px 18px rgba(11, 28, 45, 0.12);
    }
}

/* Show the full banner and place controls beneath it */
#main-buttons {
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #0B1C2D !important;
}

#main-buttons .wrapper {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 33.4% 16px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
}