/* SAVORIP_MOBILE_INTRO_MP3_V710 */
@media (max-width: 820px) {
  #savorip-mobile-intro-v710 {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100dvh;
    padding: max(22px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));
    overflow: hidden;
    color: #f7edcf;
    background:
      radial-gradient(circle at 72% 19%, rgba(206,168,80,.17), transparent 33%),
      radial-gradient(circle at 18% 82%, rgba(72,128,101,.22), transparent 35%),
      linear-gradient(145deg,#021d16 0%,#063629 54%,#012219 100%);
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease, visibility .5s ease;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  #savorip-mobile-intro-v710::before,
  #savorip-mobile-intro-v710::after {
    content: "";
    position: absolute;
    width: 64vw;
    aspect-ratio: 1;
    border: 1px solid rgba(222,187,105,.18);
    border-radius: 50%;
    pointer-events: none;
  }
  #savorip-mobile-intro-v710::before { top: -30vw; right: -24vw; }
  #savorip-mobile-intro-v710::after { bottom: -34vw; left: -26vw; }
  #savorip-mobile-intro-v710.savorip-intro-leaving-v710 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .savorip-intro-card-v710 {
    position: relative;
    z-index: 1;
    width: min(100%,430px);
    max-height: calc(100dvh - 44px);
    overflow: hidden;
    text-align: center;
    animation: savoripIntroRiseV710 .72s cubic-bezier(.2,.75,.25,1) both;
  }
  .savorip-intro-emblem-v710 {
    display: grid;
    place-items: center;
    width: clamp(80px,23vw,108px);
    aspect-ratio: 1;
    margin: 0 auto 20px;
    overflow: hidden;
    border: 2px solid #cdae67;
    border-radius: 28%;
    color: #e8ca82;
    background: rgba(0,31,23,.74);
    box-shadow: 0 16px 48px rgba(0,0,0,.30),inset 0 0 0 8px rgba(213,177,92,.05);
    font: 600 clamp(43px,12vw,60px)/1 Georgia,serif;
  }
  .savorip-intro-emblem-v710 img { width: 100%; height: 100%; object-fit: cover; }
  .savorip-intro-brand-v710 {
    margin: 0 0 20px;
    color: #d9b968;
    font: 700 clamp(17px,5vw,23px)/1.2 Georgia,serif;
    letter-spacing: .18em;
  }
  .savorip-intro-title-v710 {
    max-width: 96%;
    margin: 0 auto;
    color: #fffaf0;
    font-size: clamp(29px,8vw,44px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
  }
  .savorip-intro-subtitle-v710 {
    max-width: 90%;
    margin: 17px auto 0;
    color: rgba(244,237,217,.79);
    font-size: clamp(15px,4.2vw,19px);
    line-height: 1.55;
  }
  .savorip-intro-progress-v710 {
    position: relative;
    width: min(68vw,250px);
    height: 2px;
    margin: 32px auto 0;
    overflow: hidden;
    background: rgba(221,187,105,.18);
  }
  .savorip-intro-progress-v710::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #e1bf70;
    transform-origin: left;
    animation: savoripIntroPulseV710 1.5s ease-in-out infinite;
  }
  .savorip-intro-tap-v710 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    color: rgba(244,237,217,.68);
    font-size: clamp(13px,3.6vw,16px);
    line-height: 1.35;
  }
  .savorip-intro-tap-v710::before { content: "\25cf"; color: #e1bf70; animation: savoripIntroDotV710 1.15s ease-in-out infinite; }
  .savorip-intro-status-v710 {
    display: block;
    min-height: 18px;
    margin-top: 10px;
    color: #e8ca82;
    font-size: 12px;
  }
  @keyframes savoripIntroRiseV710 {
    from { opacity: 0; transform: translateY(18px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  @keyframes savoripIntroPulseV710 {
    0% { transform: translateX(-100%); }
    60%,100% { transform: translateX(100%); }
  }
  @keyframes savoripIntroDotV710 { 50% { opacity: .35; transform: scale(.72); } }
  @media (max-height: 650px) {
    .savorip-intro-emblem-v710 { width: 66px; margin-bottom: 10px; }
    .savorip-intro-brand-v710 { margin-bottom: 10px; }
    .savorip-intro-subtitle-v710 { margin-top: 9px; }
    .savorip-intro-progress-v710 { margin-top: 17px; }
  }
  @media (prefers-reduced-motion: reduce) {
    #savorip-mobile-intro-v710,.savorip-intro-card-v710,
    .savorip-intro-progress-v710::after,.savorip-intro-tap-v710::before {
      animation: none !important;
      transition-duration: .12s !important;
    }
  }
}
@media (min-width: 821px) { #savorip-mobile-intro-v710 { display:none !important; } }