.home-page .hero-slogan {
      display: block;
      padding: 0;
      background: transparent !important;
      border: 0;
      border-left: 0 !important;
      border-right: 0 !important;
      border-radius: 0;
      box-shadow: none;
      backdrop-filter: none;
      display: inline-flex;
      align-items: center;
      gap: 0.75rem;
      margin: 0 auto 1.15rem;
      padding: 0.42rem 0.95rem;
      color: #fffaf0;
      font-size: clamp(0.95rem, 1.3vw, 1.24rem);
      font-style: italic;
      letter-spacing: normal !important;
      color: #fffdf8 !important;
      text-shadow: 0 2px 10px rgba(7, 27, 43, 0.95), 0 1px 3px rgba(0, 0, 0, 0.72);
      background: rgba(10, 42, 64, 0.48);
      border-right-color: rgba(23, 50, 79, 0.28);
      text-shadow: 0 2px 12px rgba(7, 27, 43, 0.7);
      background: rgba(10, 42, 64, 0.38);
      border-left: 3px solid #d3a341;
      border-right: 1px solid rgba(255, 253, 248, 0.35);
      border-radius: 4px;
      box-shadow: 0 8px 22px rgba(7, 27, 43, 0.18);
      -webkit-backdrop-filter: blur(7px);
      backdrop-filter: blur(7px);
    }

    .home-page .hero-slogan::before,
    .home-page .hero-slogan::after {
      content: "";
      width: 1.6rem;
      height: 1px;
      background: rgba(255, 253, 248, 0.55);
    }

    .home-page .hero-subtitle {
      display: inline-flex;
      align-items: center;
      gap: 0.72rem;
      padding: 0.72rem 1.2rem;
      color: #fffdf8;
      font-weight: 700;
      letter-spacing: normal;
      color: #fffdf8 !important;
      background: linear-gradient(135deg, rgba(23, 50, 79, 0.88) 0%, rgba(13, 42, 64, 0.82) 100%) !important;
      text-transform: none;
      background: linear-gradient(135deg, #17324f 0%, #0d2a40 100%);
      border: 1px solid rgba(211, 163, 65, 0.9);
      border-radius: 10px;
      box-shadow: 0 10px 24px rgba(7, 27, 43, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .home-page .hero-slogan::before,
    .home-page .hero-slogan::after {
      display: none;
    }

    .home-page .hero-slogan {
      text-shadow: 0 2px 8px rgba(7, 27, 43, 0.58) !important;
    }

    .home-page .hero-scene img {
      filter: none !important;
      opacity: 1;
    }

    .home-page .hero::after {
      background: none !important;
    }

    .home-page .hero-copy {
      position: relative;
      z-index: 2;
      isolation: isolate;
      padding: 1.15rem 1.75rem 1.25rem;
    }

    .home-page .hero-copy::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -1.5rem -2.5rem;
      border-radius: 50%;
      background: radial-gradient(ellipse at center, rgba(5, 24, 35, 0.28) 0%, rgba(5, 24, 35, 0.14) 42%, rgba(5, 24, 35, 0) 76%);
      pointer-events: none;
    }

    .home-page #hero-title {
      color: #fff;
      text-shadow: 0 3px 12px rgba(5, 20, 30, 0.78), 0 1px 3px rgba(0, 0, 0, 0.8);
    }

    .home-page .hero-slogan {
      color: #fffdf8 !important;
      font-weight: 600;
      text-shadow: 0 2px 8px rgba(3, 18, 28, 0.52), 0 1px 2px rgba(0, 0, 0, 0.68) !important;
    }


    .home-page .hero-subtitle::before,
    .home-page .hero-subtitle::after {
      content: "";
      width: 0.34rem;
      height: 0.34rem;
      flex: 0 0 auto;
      background: #e3bb63;
      border-radius: 50%;
      box-shadow: 0 0 0 3px rgba(211, 163, 65, 0.16);
    }

    @media (max-width: 760px) {
      .home-page .hero-slogan {
        gap: 0.45rem;
        padding: 0.38rem 0.65rem;
        font-size: 0.82rem;
      }

      .home-page .hero-subtitle {
        gap: 0.45rem;
        padding: 0.58rem 0.82rem;
        font-size: 0.72rem;
      }
    }