/* Restore approved homepage business-scene layout */
.business.business-hpnt {
  padding-bottom: clamp(34px, 4.5vw, 72px) !important;
  background: #fff !important;
  overflow: visible !important;
}

.business.business-hpnt .scenario-video {
  position: relative !important;
  left: 50% !important;
  width: calc(100vw - 96px) !important;
  max-width: none !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: #fff !important;
}

.business.business-hpnt .scenario-video video,
.business.business-hpnt .scenario-video img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.business.business-hpnt .scenario-video::before,
.business.business-hpnt .scenario-video::after {
  display: none !important;
  content: none !important;
}

.business.business-hpnt .business-entry-nav {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(24px, 4.8vw, 78px) !important;
  z-index: 9 !important;
  width: min(1220px, calc(100vw - 128px)) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

.business.business-hpnt .business-entry-buttons {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1vw, 16px) !important;
  align-items: end !important;
}

.business.business-hpnt .business-entry-button {
  min-height: clamp(96px, 7vw, 132px) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.business.business-hpnt .business-entry-window {
  height: clamp(70px, 5.5vw, 100px) !important;
  min-height: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.business.business-hpnt .business-entry-window img,
.business.business-hpnt .business-entry-window video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  display: block !important;
}

.business.business-hpnt .business-entry-label {
  min-height: 30px !important;
  padding: 7px 8px !important;
  border-radius: 0 0 8px 8px !important;
  background: rgba(12, 18, 30, 0.72) !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.business.business-hpnt .business-entry-dots {
  margin-bottom: 8px !important;
}

@media (max-width: 1100px) {
  .business.business-hpnt .scenario-video {
    width: calc(100vw - 64px) !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .business.business-hpnt .business-entry-nav {
    width: min(920px, calc(100vw - 64px)) !important;
  }
}

@media (max-width: 760px) {
  .business.business-hpnt .scenario-video {
    width: calc(100vw - 32px) !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .business.business-hpnt .business-entry-nav {
    width: calc(100vw - 32px) !important;
  }

  .business.business-hpnt .business-entry-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}