/* Original logo silhouette, white wordmark and Vietlott-red accents. */
body.premium-home .site-header .logo {
  position: relative !important;
  display: block !important;
  flex: 0 0 188px !important;
  width: 188px !important;
  height: 65px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent url('../img/brand/logo-figma-white.png') center/contain no-repeat !important;
  filter: drop-shadow(0 2px 5px #0002);
}
body.premium-home .site-header .logo > * {
  visibility: hidden !important;
}
body.premium-home .site-header .logo:after {
  content: '';
  position: absolute;
  inset: 0;
  background: #ff1744;
  mask: url('../img/brand/logo-figma-white.png') center/contain no-repeat;
  -webkit-mask: url('../img/brand/logo-figma-white.png') center/contain no-repeat;
  clip-path: polygon(76% 0, 100% 0, 100% 100%, 0 100%, 0 68%, 76% 68%);
}
body.premium-home[data-page='home'] .dh .hero > .hero-copy {
  padding: 24px 16px 24px 20px !important;
  justify-content: center;
  container-type: inline-size;
}
body.premium-home[data-page='home'] .dh .hero .jackpot-heading {
  font-family: var(--app-font);
  font-weight: 900;
  font-size: clamp(30px, 3vw, 49px) !important;
  letter-spacing: -0.035em;
  line-height: 1.05;
  margin: 17px 0 0 !important;
  color: #fff2b1;
  background: linear-gradient(180deg, #fffbea, #ffe996 58%, #e6b843);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 #9d611c);
}
body.premium-home[data-page='home'] .dh .hero .premium-jackpot-big {
  position: relative;
  font-family: var(--app-font);
  font-weight: 900;
  font-size: clamp(42px, 20cqw, 104px) !important;
  letter-spacing: -0.045em;
  line-height: 1.12;
  margin: 1px 0 23px !important;
  white-space: nowrap;
  background: linear-gradient(
    175deg,
    #fffde9 0%,
    #fff2ba 18%,
    #ffc943 38%,
    #c58319 50%,
    #ffe992 61%,
    #fbc555 82%,
    #fff0b7 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.6px #ffe8a0;
  filter: drop-shadow(0 2px 0 #ad6817) drop-shadow(0 4px 0 #74370b) drop-shadow(0 0 14px #fbb84240);
}
body.premium-home[data-page='home'] .dh .hero .premium-jackpot-big:after {
  content: '✦';
  position: absolute;
  right: 0;
  top: 1px;
  font-family: var(--app-font);
  font-size: 20px;
  color: #fff9d2;
  -webkit-text-fill-color: #fff9d2;
  -webkit-text-stroke: 0;
  text-shadow: 0 0 9px #ffcf4a;
  animation: gold-glint 4s ease-in-out infinite;
}
body.premium-home[data-page='home'] .dh .hero .featured-pill {
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.025em;
  padding: 6px 12px !important;
  color: #fff4e3 !important;
  background: linear-gradient(100deg, #8b1625, #4f080f) !important;
  border-color: #d78a68 !important;
}
body.premium-home[data-page='home'] .dh .hero .hero-live {
  gap: 13px !important;
}
body.premium-home .hero .time-unit {
  min-width: 43px;
  padding: 7px 8px !important;
  border-radius: 6px !important;
  background: linear-gradient(#b43032, #70101d) !important;
  box-shadow:
    inset 0 1px 1px #ffc5ab55,
    0 3px 8px #16000633;
}
body.premium-home .hero .time-unit b {
  font-size: 28px !important;
  font-weight: 800;
  line-height: 1.1;
  color: #fff8e8 !important;
  font-variant-numeric: tabular-nums;
}
body.premium-home[data-page='home'] .dh .hero .hero-actions a:first-child {
  padding: 11px 23px !important;
  font-size: 15px !important;
  letter-spacing: 0.01em;
  box-shadow:
    inset 0 1px #ffe0a688,
    0 5px 16px #f2342930 !important;
}
@keyframes gold-glint {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(0.75);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}
@media (max-width: 760px) {
  body.premium-home .site-header .logo {
    width: 151px !important;
    flex-basis: 151px !important;
    height: 53px !important;
  }
  body.premium-home[data-page='home'] .dh .hero > .hero-copy {
    padding: 18px 16px !important;
  }
  body.premium-home[data-page='home'] .dh .hero .jackpot-heading {
    font-size: 32px !important;
  }
  body.premium-home[data-page='home'] .dh .hero .premium-jackpot-big {
    font-size: clamp(48px, 19cqw, 78px) !important;
    margin-bottom: 18px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.premium-home .premium-jackpot-big:after {
    animation: none !important;
  }
}
body.premium-home .hero.motion-paused .premium-jackpot-big:after {
  animation-play-state: paused !important;
}