/* Homepage hero — editorial, asymmetric. */
.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(48px, 8vh, 110px);
  padding-top: 140px;
  overflow: hidden;
}

/* ---- Slideshow layers ---- */
.hero-slides { position: absolute; inset: 0; z-index: -2; }
.hero-slide {
  position: absolute; inset: 0;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-slide.is-active { opacity: 1; }
.hero-slide img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.45) contrast(1.05) brightness(0.85); }

/* Overlay (replaces old hero-bg::after) */
.hero-bg-overlay {
  position: absolute; inset: 0; z-index: -1;
  background: var(--overlay);
  pointer-events: none;
}

.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(8,7,10,0.72) 0%, transparent 65%);
}

/* ---- Dot indicators ---- */
.hero-dots {
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
}
.hero-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.35);
  cursor: pointer;
  padding: 0;
  transition: background 0.3s, transform 0.3s;
}
.hero-dot.is-active {
  background: #fff;
  transform: scale(1.4);
}
@media (max-width: 760px) { .hero-dots { bottom: 90px; } }

.hero-inner { width: 100%; }
.hero .eyebrow { color: #edd6a6; margin-bottom: 26px; }
.hero .eyebrow::before { background: #edd6a6; opacity: 0.9; }
.hero h1 { max-width: 14ch; color: #fff; margin-bottom: 0.5em; }
.hero h1 em { color: var(--accent-2); font-weight: 400; }
.hero .lede { max-width: 48ch; color: rgba(255,255,255,0.82); margin-bottom: 38px; }
.hero-cta { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }

.hero-meta {
  position: absolute;
  right: var(--gutter); bottom: clamp(48px, 8vh, 110px);
  text-align: right;
  display: flex; flex-direction: column; gap: 4px;
}
.hero-meta .num { font-family: var(--font-display); font-size: 2.6rem; font-weight: 400; color: #fff; line-height: 1; }
.hero-meta .lbl { font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.65); }
@media (max-width: 760px) { .hero-meta { display: none; } }

.scroll-hint {
  position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%);
  font-size: 0.66rem; letter-spacing: 0.24em; text-transform: uppercase;
  color: rgba(255,255,255,0.6); display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.scroll-hint .line { width: 1px; height: 40px; background: rgba(255,255,255,0.4); animation: scrollLine 2s var(--ease) infinite; transform-origin: top; }
@keyframes scrollLine { 0%,100% { transform: scaleY(0.3); opacity: 0.4; } 50% { transform: scaleY(1); opacity: 1; } }
@media (max-width: 760px) { .scroll-hint { display: none; } }

/* Generic page hero (about/services/gallery/book). */
.page-hero {
  position: relative;
  padding-top: 180px;
  padding-bottom: clamp(60px, 8vw, 110px);
  overflow: hidden;
}
.page-hero-bg { position: absolute; inset: 0; z-index: -2; }
.page-hero-bg img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.5) brightness(0.7); }
.page-hero-bg::after { content: ""; position: absolute; inset: 0; background: var(--overlay); }
.page-hero h1 { color: #fff; max-width: 18ch; }
.page-hero .eyebrow { color: #edd6a6; margin-bottom: 22px; }
.page-hero .eyebrow::before { background: #edd6a6; opacity: 0.9; }
.page-hero .lede { color: rgba(255,255,255,0.82); max-width: 52ch; margin-top: 0.7em; }
.breadcrumb { margin-top: 26px; font-size: 0.74rem; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.breadcrumb a:hover { color: #fff; }
.breadcrumb .sep { margin-inline: 0.6em; color: var(--accent-2); }