.devk-p-site .devk-home-hero .banner-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12, 22, 20, .88), rgba(12, 22, 20, .74) 37%, rgba(12, 22, 20, .3) 70%, rgba(12, 22, 20, .35));
  pointer-events: none;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher.text-box {
  left: auto !important;
  right: 15px;
  top: auto !important;
  bottom: clamp(1.5rem, 4vw, 3.125rem);
  z-index: 30;
  width: min(19rem, calc(100% - 2rem)) !important;
  max-width: calc(100% - 2rem);
  transform: none !important;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher .text-box-content {
  padding: 0 .5rem .25rem !important;
  border-top: 1px solid rgba(240, 231, 212, .28);
  background: rgba(24, 21, 18, .76) !important;
  box-shadow: none;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher .text-inner {
  display: grid;
  grid-template-columns: .8fr 1.25fr 1.15fr;
  gap: .35rem;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher .text-inner > p:empty {
  display: none;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button.button {
  display: block !important;
  min-width: 0;
  min-height: 3.5rem;
  width: auto;
  max-width: none;
  margin: -1px 0 0 !important;
  padding: .65rem .25rem .3rem !important;
  border: 0 !important;
  border-top: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #cdbfa6 !important;
  font-family: var(--font-body);
  font-size: .63rem;
  font-weight: 500;
  letter-spacing: .04em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: visible;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button .devk-btn-label {
  display: block;
  overflow: visible;
  text-overflow: clip;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button .devk-btn-icon-wrap {
  display: none !important;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button:hover,
.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button.is-active {
  color: #f7efdf !important;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button.is-active {
  border-top-color: var(--vang) !important;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button:focus-visible {
  outline: 2px solid var(--vang);
  outline-offset: 2px;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-button::before {
  display: block;
  margin-bottom: .2rem;
  color: var(--vang);
  font-family: var(--font-display);
  font-size: .75rem;
}

.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-01::before { content: '01'; }
.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-02::before { content: '02'; }
.devk-p-site .devk-home-hero .devk-hero-video-switcher a.devk-hero-video-03::before { content: '03'; }

@media (max-width: 40rem) {
  .devk-p-site .devk-home-hero .banner.has-video {
    padding-top: 61rem !important;
  }

  .devk-p-site .devk-home-hero .banner .devk-home-rating {
    bottom: 5.25rem !important;
  }

  .devk-p-site .devk-home-hero .banner .devk-hero-video-switcher.text-box {
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    bottom: .5rem !important;
    width: min(19rem, calc(100vw - 2rem)) !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 550px) and (max-width: 40rem) {
  .devk-p-site .devk-home-hero .banner.has-video {
    padding-top: 69rem !important;
  }
}