/* =================== hc-hero-slider.css =================== */
.hc-hero-slider {position: relative; min-height: min(700px, 82vh); overflow: hidden; background: #14110e; color: var(--hc-paper, #ffffff)}
.hc-hero-slider__track {position: relative; height: 100%; min-height: inherit}
.hc-hero-slide {position: absolute; inset: 0; opacity: 0; visibility: hidden; z-index: 0; pointer-events: none; transition: opacity .5s ease, visibility 0s linear .5s}
.hc-hero-slide.is-active {opacity: 1; visibility: visible; z-index: 1; pointer-events: auto; transition: opacity .5s ease, visibility 0s linear 0s}
.hc-hero-slide__bg {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.hc-hero-slide__bg--mobile {display: none}
/* Scrim kept light so the watercolour banner reads through — just enough
   contrast for the dark text on the left, fully clear on the right. */
.hc-hero-slide::after {content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(12,10,9,.42) 0%, rgba(12,10,9,.18) 42%, rgba(12,10,9,0) 72%)}
.hc-hero-slide__body {position: relative; z-index: 2; min-height: min(700px, 82vh); display: grid; align-items: center}
.hc-hero-slide__content {max-width: min(760px, 86vw); padding: clamp(34px, 4vw, 58px) 0}
.hc-hero-slide__eyebrow {display:inline-flex; padding: 8px 14px; border-radius: 999px; border:1px solid rgba(255,255,255,.35); background: rgba(20,16,13,.34); font-size:11px; letter-spacing:.12em; text-transform: uppercase}
.hc-hero-slide__title {margin: 14px 0 14px; font-family: var(--hc-serif, "Playfair Display", Georgia, serif); font-size: clamp(34px, 5.2vw, 66px); line-height: 1.02; letter-spacing: 0; text-wrap: balance; max-width: 16ch}
.hc-hero-slide__desc {margin: 0 0 24px; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.45; color: rgba(255,255,255,.92); max-width: 52ch}
.hc-hero-slide__btns {display:flex; flex-wrap:wrap; gap: 12px}
.hc-hero-slide__btns .hc-btn {min-height: 48px; border-radius: 12px; padding-inline: 20px}
.hc-hero-slide__btns .hc-btn--primary {background: #f6f2e8; color: #1a1714; border-color: #f6f2e8}
.hc-hero-slide__btns .hc-btn--ghost {background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.45); color:#fff}
.hc-hero-slide__link-overlay {position:absolute; inset:0; z-index:1}
/* Dark translucent nav so arrows read on light watercolour banners (white-on-light was invisible). */
.hc-hero-slider__nav {position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background: rgba(20,16,13,.42); border: 1px solid rgba(255,255,255,.35); backdrop-filter: blur(10px); border-radius: 50%; color: var(--hc-paper, #ffffff); box-shadow: 0 4px 16px rgba(20,16,13,.25); cursor: pointer; transition: background var(--hc-dur-fast), transform var(--hc-dur-fast)}
.hc-hero-slider__nav:hover {background: rgba(20,16,13,.62); transform: translateY(-50%) scale(1.06)}
.hc-hero-slider__nav--prev {left: var(--hc-sp-4)}
.hc-hero-slider__nav--next {right: var(--hc-sp-4)}
.hc-hero-slider__dots {position: absolute; left: 50%; bottom: var(--hc-sp-4); transform: translateX(-50%); z-index: 5; display: flex; gap: 6px}
.hc-hero-slider__dot {width: 28px; height: 4px; background: rgba(20,16,13,.38); border-radius: 2px; cursor: pointer; box-shadow: 0 1px 4px rgba(20,16,13,.2); transition: background var(--hc-dur-fast), width var(--hc-dur-fast)}
.hc-hero-slider__dot.is-active {background: var(--hc-gold); width: 40px}
.hero-slider__dot.is-active {background: var(--hc-paper, #ffffff); transform: scale(1.4)}
@media (max-width: 900px) {
  .hc-hero-slider {min-height: 76vh}
  .hc-hero-slide__body {min-height: 76vh}
  .hc-hero-slide__bg {display:none}
  .hc-hero-slide__bg--mobile {display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
  .hc-hero-slide__title {font-size: clamp(30px, 8.5vw, 46px)}
  .hc-hero-slide__desc {font-size: 15px}
  .hc-hero-slider__nav {display:none}
}

.hc-hero-slider__pause{position:absolute;right:18px;bottom:18px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(20,18,16,.45);color:#fff;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:background .15s}
.hc-hero-slider__pause:hover{background:rgba(20,18,16,.7)}