body {
      font-family: 'Object Sans', Arial, sans-serif;
    }
    html {
      scroll-behavior: smooth;
    }
    .shading-hero {
      background: linear-gradient(180deg, rgba(20,20,20,0.95) 0%, rgba(20,20,20,0.85) 60%, rgba(20,20,20,0.7) 100%);
    }
    .fade-in-up {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
    }
    .fade-in-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    #mobile-menu {
      transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
      transform: translateY(-40px);
      opacity: 0;
    }
    #mobile-menu.menu-visible {
      transform: translateY(0);
      opacity: 1;
    }
    .section-container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
    @media (min-width: 480px) {
      .section-container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
    }
    @media (min-width: 640px) {
      .section-container {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }
    @media (min-width: 768px) {
      .card-slider {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 2rem;
        padding-bottom: 2rem;
      }
      .committee-card {
        min-width: 320px;
        max-width: 340px;
        scroll-snap-align: start;
      }
    }
    @media (max-width: 767px) {
      .card-slider {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 1rem;
        padding-bottom: 1.5rem;
      }
      .committee-card {
        min-width: 80vw;
        max-width: 90vw;
        scroll-snap-align: start;
      }
    }
    .committee-icon-row {
      margin-top: 2rem;
      margin-bottom: 2rem;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .committee-icon-row::-webkit-scrollbar {
      display: none;
    }
    .committee-icon-box {
      border-radius: 16px 16px 0 0;
      border-width: 0 0 2px 0;
      border-color: #888;
      background: #232425;
      box-shadow: none;
      transition: box-shadow 0.2s, border-color 0.2s, background 0.2s;
      display: inline-flex;
      vertical-align: top;
      scroll-snap-align: start;
    }
    .committee-icon-box:hover {
      border-color: #fff;
      background: linear-gradient(0deg, #e5e7eb55 0%, #232425 100%);
      box-shadow: 0 4px 24px 0 rgba(0,0,0,0.18);
    }
    @media (max-width: 767px) {
      .committee-icon-row {
        gap: 1rem;
      }
      .committee-icon-box {
        width: 5.5rem;
        height: 6.5rem;
      }
    }
  

    /* Contact modal styles */
      #contact-modal input, #contact-modal textarea { font-size: 1.1rem; font-family: 'Objet Sans', sans-serif; }
  #contact-modal input:focus, #contact-modal textarea:focus { outline: none; border-color: #d35400; }
  #contact-modal-close { position: absolute; top: 16px; right: 16px; cursor: pointer; z-index: 10; }
  @media (max-width: 768px) {
    #contact-modal > div {
      flex-direction: column;
      max-height: 90vh;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: #d35400 #18191A;
    }
    #contact-modal .flex-1 {
      min-width: 0;
    }
    #contact-modal form {
      min-width: 0;
    }
    /* Custom scrollbar for Webkit browsers */
    #contact-modal > div::-webkit-scrollbar {
      width: 6px;
      background: #18191A;
    }
    #contact-modal > div::-webkit-scrollbar-thumb {
      background: #d35400;
      border-radius: 6px;
    }
  }