/* Hero Section - Now with a warm golden gradient for distinction */
    header.name-banner {
        background:no-repeat center center, 
        linear-gradient(135deg, #94403E, #FCA474);
        background-size: cover;
        color: #fff;
        padding: 6rem 0;
        text-align: center;
      }      
      header.name-banner::after {
        content: "";
        position: absolute;
        bottom: -10%;
        left: 0;
        width: 100%;
        height: 20%;
        background: url('wave-divider.svg') repeat-x;
        background-size: contain;
        transform: rotate(180deg);
      }
      header.name-banner h1 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 1rem;
        animation: fadeInDown 1s ease-out;
      }
      header.name-banner p.lead {
        font-size: 1.5rem;
        animation: fadeInUp 1s ease-out;
      }
      @keyframes fadeInDown {
        from { opacity: 0; transform: translateY(-20px); }
        to { opacity: 1; transform: translateY(0); }
      }
      @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
      }
           
      .featured-authors .card {
        transition: transform 0.2s;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        border-radius: 8px;
      }
      .featured-authors .card:hover {
        transform: translateY(-5px);
      }
      /* About Section */
      .about-section {
        background-color: #e9ecef;
        padding: 3rem 1rem;
        margin-top: 2rem;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      }
      /* Upcoming Events Section */
      .events-section {
        padding: 3rem 1rem;
        background-color: #fff;
        margin-top: 2rem;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      }
      /* Newsletter Section */
      .newsletter-section {
        background-color: #e9ecef;
        padding: 3rem 1rem;
        margin-top: 2rem;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      }
      /* Accent Button Styles */
      .btn-accent {
        background-color: #ebd5b3;
        color: #333;
        border: none;
        padding: 0.5rem 1rem;
        border-radius: 4px;
        transition: background-color 0.2s;
      }
      .btn-accent:hover {
        background-color: #d4bea0;
      }
      /* Manuscripts Section */
      .manuscripts-section .card {
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      }
      .manuscripts-section img {
        transition: transform 0.3s ease;
      }
      .manuscripts-section img:hover {
        transform: scale(1.05);
      }