/* Focused layout improvements. Keep the existing scroll choreography intact. */
@media (min-width: 1200px) {
  .nesh-logo-preload .nesh-logo-wrap {
    width: min(100%, 68rem);
    height: auto;
  }

  .nesh-logo-preload .nesh-logo-ghost {
    width: 100%;
    height: auto;
  }

  .hero-content-layout {
    left: 0;
    right: auto;
    bottom: calc(100svh - 45.5rem);
    width: min(22rem, 27vw);
    align-items: flex-start;
    justify-content: flex-start;
    gap: .85rem;
  }

  .hero-content-layout .hero-heading {
    max-width: 100%;
    margin: 0;
    color: #171717;
    font-size: clamp(2.75rem, 3.5vw, 3.4rem);
    line-height: .97;
    letter-spacing: -.065em;
  }

  .hero-card-2-wrap {
    left: 3.5vw;
    bottom: calc(100svh - 31rem);
  }

  .hero-card-1-wrap {
    left: auto;
    right: 3.5vw;
    bottom: calc(100svh - 38rem);
  }

  .hero-left-text {
    position: absolute;
    left: 12.5rem;
    bottom: calc(100svh - 29rem);
    width: 11.5rem;
    font-size: .85rem;
    line-height: 1.4;
  }

  .hero-right-text {
    position: absolute;
    right: 0;
    bottom: calc(100svh - 46rem);
    width: min(18vw, 15rem);
    font-size: .85rem;
    line-height: 1.4;
  }
}

.hz-hero-primary {
  position: relative;
  z-index: 35;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.1rem;
  padding: .8rem 1.25rem;
  border: 1px solid #171717;
  border-radius: 999px;
  background: #171717;
  color: #ffff23;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: auto;
  transition: color .25s ease, background-color .25s ease, transform .25s ease;
}

.hz-hero-primary:hover,
.hz-hero-primary:focus-visible {
  transform: translateY(-3px);
  background: #ffff23;
  color: #171717;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .hero-content-layout .hz-hero-primary {
    margin-top: .6rem;
  }
}

@media (min-width: 768px) {
  .hz-hero-primary {
    opacity: 0;
    visibility: hidden;
  }
}

@media (max-width: 767px) {
  .hero-content-layout .hz-hero-primary {
    display: none;
  }
}

@media (min-width: 768px) {
  .work-track-wrap {
    overflow: hidden;
  }

  .work-top-layout {
    grid-template-columns: 1.25fr .75fr;
  }

  .work-top-layout h2 {
    font-size: clamp(2.8rem, 4.5vw, 4.3rem);
    line-height: .98;
  }
}

.work-card .work-image-overlay {
  z-index: 1;
}

.work-card .work-card-content {
  z-index: 3;
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, transparent 30%, rgba(0, 0, 0, .88) 100%);
}

.work-card .work-card-heading,
.work-card .work-card-content .op80 {
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
}

.work-card .hz-work-logo-wrap {
  top: 20%;
  bottom: auto;
  width: clamp(6rem, 9vw, 9rem);
  height: clamp(3rem, 5vw, 5rem);
}

.hz-gig-card__hint {
  width: auto;
  padding: 0;
  border: 0;
  color: #fff;
  background: transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.hz-gig-card__hint:focus-visible {
  outline: 2px solid #ffff23;
  outline-offset: 5px;
}

.hz-gig-card.is-previewing .hz-gig-card__thumb img {
  transform: translateY(calc(-100% + var(--gig-preview-height)));
  transition: transform 10s linear;
}

@media (max-width: 767px) {
  .hz-gig-card {
    --gig-preview-height: min(18rem, 72vw);
  }

  .hz-gig-card__copy {
    min-height: 12rem;
  }

  .hz-gig-card__copy h3 {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }

  .hz-gig-card__hint span::after {
    content: "TAP TO PREVIEW";
  }

  .hz-gig-card:hover .hz-gig-card__thumb img,
  .hz-gig-card:focus-visible .hz-gig-card__thumb img {
    transform: translateY(0);
    transition: transform .4s ease;
  }

  .hz-gig-card.is-previewing .hz-gig-card__thumb img {
    transform: translateY(calc(-100% + var(--gig-preview-height)));
    transition: transform 10s linear;
  }

  .hz-gig-card.is-previewing .hz-gig-card__hint span::after {
    content: "TAP TO RESET";
  }

}

@media (prefers-reduced-motion: reduce) {
  .hz-hero-primary,
  .hz-gig-card__thumb img {
    transition-duration: .01ms !important;
  }

  .hz-gig-card.is-previewing .hz-gig-card__thumb {
    overflow-y: auto;
  }

  .hz-gig-card.is-previewing .hz-gig-card__thumb img {
    transform: none;
  }
}