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;
    }

    .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;
    }

    .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;
    }

    .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%;
    }
    .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;
    }