body {
      background-color: #ffffff;
      color: #4a106c;
      font-family: Georgia, "Times New Roman", serif;
      margin: 0;
    }

    .landing-wrap {
      font-size: 3rem;
      text-align: center;
      letter-spacing: 0.03em; min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px 20px;
    }
   /* Header/Logo Title */
    .header {
      padding: 60px;
      text-align: center;
      background: #670a08;
      color: white;
      font-size: 30px;
    }
    .site-title {
      font-size: 2.5rem;
      font-weight: 500;
      text-align: center;
      margin-bottom: 10px;
    }

    .tagline {
      text-align: center;
      font-size: 1.15rem;
      font-style: italic;
      margin-bottom: 50px;
    }
    
    .studio-nav {
      background-color: #d8cdd0;
      margin: 10px 0 20px 0;
      padding: 8px 0;
      width: 100%;
    }
    
    .studio-nav .navbar-nav {
      width: 100%;
      justify-content: center;
    }
    
    .studio-nav .nav-link {
      font-size: 1.35rem;
      font-weight: 600;
      padding: 6px 22px;
      margin: 0 8px;
      color: #3a2222;
      text-decoration: none;
      background: none;
      border-radius: 0;
    }
    
    .studio-nav .nav-link:hover {
      color: #000;
      background: none;
    }
    
    .studio-nav {
      background-color: #d8cdd0;
      margin: 10px 0 20px 0;
      padding: 8px 0;
      width: 100%;
    }
    
    .studio-nav .navbar-nav {
      width: 100%;
      justify-content: center;
    }
    
    .studio-nav .nav-link {
      font-size: 1.35rem;
      font-weight: 600;
      padding: 6px 22px;
      margin: 0 8px;
      color: #3a2222;
      text-decoration: none;
      background: none;
      border-radius: 0;
    }

    .studio-nav .nav-link:hover {
      color: #000;
      background: none;
    }
    
    /* Studio dropdown opens on hover */
    .studio-nav .dropdown:hover > .dropdown-menu {
      display: block;
      margin-top: 0;
    }
    
    /* Dropdown menu box */
    .studio-nav .dropdown-menu {
      border: none;
      border-radius: 0;
      box-shadow: 0 4px 10px rgba(0,0,0,0.15);
      background-color: #d8cdd0;
      padding: 0;
      min-width: 220px;
    }
    
    /* Dropdown links */
    .studio-nav .dropdown-item {
      font-size: 1.1rem;
      font-weight: 500;
      color: #3a2222;
      padding: 10px 20px;
    }
    
    /* Dropdown hover */
    .studio-nav .dropdown-item:hover {
      background-color: #cbbdc1;
      color: #000;
    }

    .gallery-divider{
      text-align:center;
      font-size:60px;
      margin:20px 0;
      font-family: Georgia, "Times New Roman", serif;
    }

    .panel-link {
      text-decoration: none;
      color: #4a106c;
      display: block;
      height: 100%;
    }

    .panel-box {
      border: 2px solid #d8d8d8;
      border-radius: 14px;
      padding: 35px 20px;
      text-align: center;
      background-color: #fff;
      height: 100%;
      transition: all 0.25s ease;
    }

    .panel-box:hover {
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
      transform: translateY(-2px);
    }

    .panel-logo {
        width: 60%;
        max-width: 250px;
        height: auto;
        margin: 0 auto 20px auto;
        display: block;
    }

    .panel-title {
      font-size: 1.5rem;
      font-weight: 500;
      margin-bottom: 10px;
    }

    .panel-sub {
      font-size: 1rem;
      color: #6b4a4a;
    }
    
    .llp-logo {
        max-height: 200px;
        object-fit: contain;
    }
    .image-modal {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color:red;
      text-align: center;
    }

    .image-modal img {
      max-width: 90%;
      max-height: 90%;
      margin-top: 5%;
    }
    .same-size-img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      display: block;
    }
    
    .image-tall {
      width: 100%;
      height: 200px;
    }

    .image-wide {
      width: 100%;
      height: 200px;
    }
    
    .footer-note {
      text-align: center;
      margin-top: 50px;
      font-size: 0.95rem;
    }

    @media (max-width: 767px) {
      .site-title {
        font-size: 2rem;
      }

      .tagline {
        font-size: 1rem;
        margin-bottom: 35px;
      }

      .panel-box {
        margin-bottom: 20px;
      }
    }
      /*Return to top Button*/
    #myBtn {
      display: none;
      position: fixed;
      bottom: 20px;
      right: 30px;
      z-index: 99;
      font-size: 18px;
      border: none;
      outline: none;
      background-color: red;
      color: white;
      cursor: pointer;
      padding: 15px;
      border-radius: 4px;
    }
    
    .reading-room-header {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    
    .reading-room-logo {
      width: 120px;
      height: auto;
      display: block;
      margin: 0 auto;
    }
    
    .reading-room-header img {
      max-width: 100%;
    }
    
    .reading-room-header h1 {
      font-family: 'Cinzel Decorative', serif !important;
      color: #691319;
      margin-top: 10px;
    }
    .reading-note {
  text-align: center;
  font-style: italic;
  margin-bottom: 30px;
  color: #6b4a4a;
}
.disabled-link {
  pointer-events: none;
  opacity: 0.7;
  text-decoration: none;
}