.hk-slideshow{
  position:relative;
  width:100%;
  margin:0 auto;
  color:#fff;
  font-family:var(--wp--preset--font-family--montserrat, "Montserrat", sans-serif);
}
.hk-slideshow.alignwide{
  max-width:var(--wp--style--global--wide-size,1200px);
  margin-left:auto;
  margin-right:auto;
}
.hk-slideshow.alignfull{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.hk-slideshow--height-custom .hk-slideshow__carousel{
  aspect-ratio:auto;
  min-height:var(--hk-slideshow-height, auto);
}
.hk-slideshow__carousel{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  background:#0b0f14;
  aspect-ratio:16/9;
}
.hk-slideshow.alignfull .hk-slideshow__carousel{
  border-radius:0;
}
.hk-slideshow--size-sm .hk-slideshow__carousel{aspect-ratio:4/3;min-height:clamp(240px,50vw,380px)}
.hk-slideshow--size-md .hk-slideshow__carousel{aspect-ratio:16/10;min-height:clamp(320px,55vw,520px)}
.hk-slideshow--size-lg .hk-slideshow__carousel{aspect-ratio:16/9;min-height:clamp(380px,60vw,680px)}
.hk-slideshow--size-fill .hk-slideshow__carousel{aspect-ratio:auto;min-height:min(80vh,760px)}
.hk-slideshow--size-auto .hk-slideshow__carousel{aspect-ratio:16/9}

.hk-slideshow__slides{position:relative;width:100%;height:100%}
.hk-slideshow__slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .6s ease;
}
.hk-slideshow__slide.is-active{
  opacity:1;
  pointer-events:auto;
  z-index:2;
}
.hk-slideshow__slide.is-clickable{
  cursor:pointer;
  color:inherit;
  text-decoration:none;
}
.hk-slideshow__slide.is-clickable *{
  color:inherit;
  text-decoration:none;
}

.hk-content-over-media{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  align-items:stretch;
  justify-items:stretch;
  overflow:hidden;
}
.hk-content-over-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--hk-slide-overlay, rgba(0,0,0,.3));
  z-index:1;
}
.hk-slideshow__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:0;
}
.hk-slideshow__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hk-slideshow__placeholder{
  position:absolute;
  inset:0;
  background:#1b2330;
  color:#9fb2c5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.9rem;
  z-index:0;
}

.hk-slideshow__content{
  position:relative;
  z-index:2;
  max-width:var(--hk-slide-content-max-width,520px);
  padding:clamp(16px,4vw,48px);
  color:var(--hk-slide-text,#fff);
}
.hk-slideshow__text{display:flex;flex-direction:column;gap:10px}
.hk-slideshow__subheading{
  margin:0;
  font-size:.9rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  opacity:.85;
}
.hk-slideshow__title{
  margin:0;
  font-size:clamp(1.6rem,3vw,3rem);
  font-weight:800;
  line-height:1.1;
}
.hk-slideshow__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:999px;
  border:1px solid currentColor;
  color:inherit;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:rgba(255,255,255,.08);
}

.hk-content--m-start-start{align-self:start;justify-self:start;text-align:left}
.hk-content--m-start-center{align-self:start;justify-self:center;text-align:center}
.hk-content--m-start-end{align-self:start;justify-self:end;text-align:right}
.hk-content--m-center-start{align-self:center;justify-self:start;text-align:left}
.hk-content--m-center-center{align-self:center;justify-self:center;text-align:center}
.hk-content--m-center-end{align-self:center;justify-self:end;text-align:right}
.hk-content--m-end-start{align-self:end;justify-self:start;text-align:left}
.hk-content--m-end-center{align-self:end;justify-self:center;text-align:center}
.hk-content--m-end-end{align-self:end;justify-self:end;text-align:right}

@media(min-width:700px){
  .hk-content--d-start-start{align-self:start;justify-self:start;text-align:left}
  .hk-content--d-start-center{align-self:start;justify-self:center;text-align:center}
  .hk-content--d-start-end{align-self:start;justify-self:end;text-align:right}
  .hk-content--d-center-start{align-self:center;justify-self:start;text-align:left}
  .hk-content--d-center-center{align-self:center;justify-self:center;text-align:center}
  .hk-content--d-center-end{align-self:center;justify-self:end;text-align:right}
  .hk-content--d-end-start{align-self:end;justify-self:start;text-align:left}
  .hk-content--d-end-center{align-self:end;justify-self:center;text-align:center}
  .hk-content--d-end-end{align-self:end;justify-self:end;text-align:right}
}

.hk-slideshow__controls{
  position:absolute;
  inset:auto 0 18px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  z-index:3;
  pointer-events:auto;
}
.hk-slideshow__arrow{
  width:44px;
  height:44px;
  border-radius:50%;
  border:0;
  background:rgba(0,0,0,.45);
  color:#fff;
  font-size:1.6rem;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 24px rgba(0,0,0,.35);
}
.hk-slideshow__dots{
  display:flex;
  gap:10px;
  align-items:center;
}
.hk-slideshow__dot{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  position:relative;
  color:#fff;
}
.hk-slideshow__dot-bullet{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.5);
  display:block;
}
.hk-slideshow__dot[aria-current="true"] .hk-slideshow__dot-bullet{background:#fff}

.hk-slideshow__dots--numbered .hk-slideshow__dot{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:.85rem;
  color:#fff;
}
.hk-slideshow__dots--numbered svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:rotate(-90deg);
}
.hk-slideshow__dots--numbered .hk-dot-base{
  fill:none;
  stroke:rgba(255,255,255,.25);
  stroke-width:2;
}
.hk-slideshow__dots--numbered .hk-dot-progress{
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
}
.hk-slideshow__dots--numbered span{position:relative;z-index:1}

.hk-slideshow--transition-fade_with_text .hk-slideshow__content{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .6s ease, transform .6s ease;
}
.hk-slideshow--transition-fade_with_text .hk-slideshow__slide.is-active .hk-slideshow__content{
  opacity:1;
  transform:translateY(0);
}
.hk-slideshow--transition-fade_with_text .hk-slideshow__media img{
  transform:scale(1.05);
  transition:transform 1.4s ease;
}
.hk-slideshow--transition-fade_with_text .hk-slideshow__slide.is-active .hk-slideshow__media img{
  transform:scale(1);
}

.hk-slideshow.is-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.hk-slideshow.is-reveal.is-visible{opacity:1;transform:translateY(0)}

.hk-slideshow.is-reduced-motion .hk-slideshow__slide,
.hk-slideshow.is-reduced-motion .hk-slideshow__content,
.hk-slideshow.is-reduced-motion .hk-slideshow__media img{
  transition:none !important;
}
.hk-slideshow.is-reduced-motion .hk-slideshow__content{
  opacity:1 !important;
  transform:none !important;
}
.hk-slideshow.is-reduced-motion .hk-slideshow__media img{
  transform:none !important;
}

@media(max-width:700px){
  .hk-slideshow__content{padding:18px}
  .hk-slideshow__controls{inset:auto 0 12px 0}
  .hk-slideshow__arrow{width:38px;height:38px;font-size:1.4rem}
  .hk-slideshow__dots--numbered .hk-slideshow__dot{width:40px;height:40px}
}
