.nk-hero {
  position: relative; width: 100%; height: clamp(520px, calc(100svh - 120px), 960px);
  overflow: hidden; background: #201e21; color: #fff; isolation: isolate;
  font-family: "Century Gothic", sans-serif; touch-action: pan-y;
}
.nk-hero *, .nk-hero *::before, .nk-hero *::after { box-sizing: border-box; }
.nk-hero__track { display: flex; height: 100%; transition: transform 850ms cubic-bezier(.22,.61,.36,1); }
.nk-hero__slide { flex: 0 0 100%; min-width: 0; height: 100%; position: relative; display: grid; place-items: center; }
.nk-hero .nk-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.nk-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(15,16,21,.16),rgba(15,16,21,.28) 35%,rgba(15,16,21,.38) 65%,rgba(15,16,21,.55)); }
.nk-hero__content { position: relative; text-align: center; width: min(950px, calc(100% - 200px)); padding: 40px 0 80px; }
.nk-hero .nk-hero__eyebrow { color: #fff; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .26em; margin: 0 0 24px; }
.nk-hero .nk-hero__title { color: #fff; font-family: "Century Gothic", sans-serif; font-weight: 400; font-size: clamp(36px,4.2vw,66px); line-height: 1.12; letter-spacing: -.035em; margin: 0 auto 24px; text-shadow: 0 2px 22px rgba(0,0,0,.2); text-wrap: balance; }
.nk-hero .nk-hero__location { color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .16em; line-height: 1.7; margin: 0 0 32px; }
.nk-hero__actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.nk-hero .nk-hero__button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-width: 155px; min-height: 48px; padding: 13px 27px; border: 1px solid #fff; border-radius: 30px; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: .1em; line-height: 1.5; transition: background .2s,color .2s; }
.nk-hero .nk-hero__button--outline { background: transparent; color: #fff; }
.nk-hero .nk-hero__button--solid { background: #fff; color: #252536; }
.nk-hero .nk-hero__button:hover { background: #b3a491; border-color: #b3a491; color: #201e21; }
.nk-hero .nk-hero__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; padding: 12px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: rgba(0,0,0,.06); color: white; cursor: pointer; display: grid; place-items: center; }
.nk-hero__arrow--prev { left: 32px; }.nk-hero__arrow--next { right: 32px; }
.nk-hero__arrow svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.nk-hero .nk-hero__arrow:hover { background: rgba(255,255,255,.18); }
.nk-hero__footer { position: absolute; bottom: 22px; left: 40px; right: 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.nk-hero__count { display: flex; align-items: center; gap: 12px; font-size: 11px; letter-spacing: .1em; min-width: 94px; }
.nk-hero__count-rule { width: 30px; height: 1px; background: rgba(255,255,255,.55); }
.nk-hero__dots { display: flex; gap: 1px; }
.nk-hero .nk-hero__dot { width: 35px; height: 44px; padding: 12px 6px; background: transparent; border: 0; cursor: pointer; border-radius: 0; display: grid; place-items: center; }
.nk-hero__dot span { width: 6px; height: 6px; border: 1px solid white; border-radius: 50%; transition: background .2s,transform .2s; }
.nk-hero__dot[aria-current="true"] span { background: white; transform: scale(1.4); }
.nk-hero .nk-hero__pause { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 94px; min-height: 44px; padding: 8px 0; background: transparent; color: #fff; border: 0; border-radius: 0; font: inherit; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; cursor: pointer; }
.nk-hero .nk-hero__dot:is(:hover,:focus), .nk-hero .nk-hero__pause:is(:hover,:focus) { background: transparent; color: #fff; }
.nk-hero .nk-hero__arrow:focus { background: rgba(255,255,255,.18); color: #fff; }
.nk-hero :is(a,button):focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.nk-hero__sr { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
@media(max-width:767px) {
  .nk-hero { height: clamp(480px,calc(100svh - 120px),760px); }
  .nk-hero__content { width: calc(100% - 64px); padding: 25px 0 95px; }
  .nk-hero .nk-hero__title { font-size: clamp(32px,8vw,46px); line-height: 1.15; margin-bottom: 20px; }
  .nk-hero .nk-hero__eyebrow { font-size: 9px; letter-spacing: .18em; margin-bottom: 20px; }
  .nk-hero .nk-hero__location { font-size: 10px; letter-spacing: .1em; margin-bottom: 26px; }
  .nk-hero__actions { gap: 10px; }.nk-hero .nk-hero__button { min-width: 135px; padding: 12px 19px; }
  .nk-hero .nk-hero__arrow { width: 40px; height: 40px; padding: 9px; top: auto; bottom: 78px; transform: none; }
  .nk-hero__arrow--prev { left: 24px; }.nk-hero__arrow--next { right: 24px; }
  .nk-hero__footer { left: 24px; right: 24px; bottom: 16px; gap: 8px; }
  .nk-hero__count { min-width: 40px; gap: 7px; font-size: 9px; }.nk-hero__count-rule { width: 12px; }
  .nk-hero .nk-hero__dot { width: 27px; }.nk-hero .nk-hero__pause { min-width: 40px; font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) { .nk-hero__track { transition: none; } }

.nk-hero__title--soon{display:grid!important}.nk-hero__soon-name,.nk-hero__soon-next{grid-area:1/1}.nk-hero__soon-next{opacity:0}.nk-hero__concept{font-size:11px!important;color:#fff;opacity:.8;margin:18px 0 0!important}
@keyframes nk-soon-name{0%,30%,100%{opacity:1}42%,88%{opacity:0}}
@keyframes nk-soon-next{0%,36%,94%,100%{opacity:0}48%,80%{opacity:1}}
@media(prefers-reduced-motion:no-preference){.nk-hero__slide[aria-hidden="false"] .nk-hero__soon-name{animation:nk-soon-name 8s ease-in-out infinite}.nk-hero__slide[aria-hidden="false"] .nk-hero__soon-next{animation:nk-soon-next 8s ease-in-out infinite}.nk-hero[data-title-paused="true"] .nk-hero__soon-name,.nk-hero[data-title-paused="true"] .nk-hero__soon-next{animation-play-state:paused}}
