.loading-screen {
    display: none;
  }
  
  @media (max-width: 920px) {
    .loading-screen {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      opacity: 1;
      visibility: visible;
      transition: opacity 0.65s ease, visibility 0.65s ease;
    }
  
    .loading-screen.is-hidden {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }
  
    .loading-stage {
      width: min(62vw, 260px);
      aspect-ratio: 16 / 9;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .lion-svg {
      width: 100%;
      height: auto;
      display: block;
      overflow: visible;
    }
  
    .lion-svg path,
    .lion-svg circle {
      fill: #111;
    }
  
    .lion-wrap {
      transform-origin: 50% 62%;
      animation: lionBodyBob 0.58s ease-in-out infinite;
    }
  
    .lion-tail {
      transform-origin: 76px 94px;
      animation: lionTailSwing 0.58s ease-in-out infinite;
    }
  
    .lion-body {
      transform-origin: 164px 94px;
      animation: lionTorso 0.58s ease-in-out infinite;
    }
  
    .lion-head,
    .lion-mane {
      transform-origin: 236px 90px;
      animation: lionHeadNod 0.58s ease-in-out infinite;
    }
  
    .front-leg-a {
      transform-origin: 206px 114px;
      animation: frontLegA 0.58s ease-in-out infinite;
    }
  
    .front-leg-b {
      transform-origin: 222px 112px;
      animation: frontLegB 0.58s ease-in-out infinite;
    }
  
    .back-leg-a {
      transform-origin: 126px 110px;
      animation: backLegA 0.58s ease-in-out infinite;
    }
  
    .back-leg-b {
      transform-origin: 144px 108px;
      animation: backLegB 0.58s ease-in-out infinite;
    }
  
    @keyframes lionBodyBob {
      0%   { transform: translateY(0px); }
      25%  { transform: translateY(-2px); }
      50%  { transform: translateY(1px); }
      75%  { transform: translateY(-1px); }
      100% { transform: translateY(0px); }
    }
  
    @keyframes lionTorso {
      0%   { transform: rotate(0deg); }
      25%  { transform: rotate(-1.2deg); }
      50%  { transform: rotate(0.6deg); }
      75%  { transform: rotate(-0.6deg); }
      100% { transform: rotate(0deg); }
    }
  
    @keyframes lionHeadNod {
      0%   { transform: rotate(0deg) translateY(0); }
      25%  { transform: rotate(2deg) translateY(1px); }
      50%  { transform: rotate(-1.5deg) translateY(-1px); }
      75%  { transform: rotate(1deg) translateY(1px); }
      100% { transform: rotate(0deg) translateY(0); }
    }
  
    @keyframes lionTailSwing {
      0%   { transform: rotate(8deg); }
      25%  { transform: rotate(-8deg); }
      50%  { transform: rotate(10deg); }
      75%  { transform: rotate(-6deg); }
      100% { transform: rotate(8deg); }
    }
  
    @keyframes frontLegA {
      0%   { transform: rotate(18deg) translateY(0); }
      25%  { transform: rotate(-10deg) translateY(2px); }
      50%  { transform: rotate(-22deg) translateY(4px); }
      75%  { transform: rotate(4deg) translateY(1px); }
      100% { transform: rotate(18deg) translateY(0); }
    }
  
    @keyframes frontLegB {
      0%   { transform: rotate(-18deg) translateY(4px); }
      25%  { transform: rotate(4deg) translateY(1px); }
      50%  { transform: rotate(18deg) translateY(0); }
      75%  { transform: rotate(-8deg) translateY(2px); }
      100% { transform: rotate(-18deg) translateY(4px); }
    }
  
    @keyframes backLegA {
      0%   { transform: rotate(-20deg) translateY(4px); }
      25%  { transform: rotate(0deg) translateY(1px); }
      50%  { transform: rotate(16deg) translateY(0); }
      75%  { transform: rotate(-6deg) translateY(2px); }
      100% { transform: rotate(-20deg) translateY(4px); }
    }
  
    @keyframes backLegB {
      0%   { transform: rotate(16deg) translateY(0); }
      25%  { transform: rotate(-8deg) translateY(2px); }
      50%  { transform: rotate(-20deg) translateY(4px); }
      75%  { transform: rotate(2deg) translateY(1px); }
      100% { transform: rotate(16deg) translateY(0); }
    }
  }