/* El Cappuccino homepage luxe pass (Oct 12, 2026, first pass for Rivers' review)
   Palette from the Design Bot draft system: dark #0a0a0b, gold #c9a44c, gold light #ecd08c. */

/* —— Detailed layered mountains —— */
.hero-cliff.hero-cliff--lux { width: clamp(200px, 22vw, 290px); margin: 0 0 0.55rem; filter: drop-shadow(0 0 10px rgba(201,164,76,0.28)); opacity: 1; }
.hero-cliff--lux path { fill: none; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.hero-cliff--lux .hc-far { stroke: #a3833f; stroke-width: 0.9; opacity: 0.7; }
.hero-cliff--lux .hc-mid { stroke: #b8923f; stroke-width: 1; opacity: 0.75; }
.hero-cliff--lux .hc-front { stroke: url(#elcGold); stroke-width: 1.8; }
.hero-cliff--lux .hc-detail { stroke: #d9b866; stroke-width: 0.6; opacity: 0.5; }
.hero-cliff--lux .hc-base { stroke: url(#elcFade); stroke-width: 1; }
.hero-cliff--lux .hc-base--thin { stroke-width: 0.6; opacity: 0.7; }

/* —— Richer gold wordmark —— */
body.elc .hero.hero-marble .hero-wordmark-name {
  background: linear-gradient(100deg, #a37a2f 0%, #e9cf8a 18%, #fff3cf 30%, #d8b766 46%, #b48a3a 62%, #f1dc9e 80%, #a37a2f 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: elcGoldSheen 9s ease-in-out infinite alternate;
}
@keyframes elcGoldSheen { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }

/* —— Gold-and-black deco linework —— */
.hero-lux-lines {
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background:
    repeating-linear-gradient(90deg, rgba(201,164,76,0.07) 0 1px, transparent 1px 64px),
    linear-gradient(180deg, rgba(10,10,11,0.0) 0%, rgba(10,10,11,0.35) 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 35%, #000 100%);
          mask-image: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 35%, #000 100%);
}
body.elc .hero.hero-marble .hero-marble-inner { position: relative; z-index: 2; }
.hero-divider::before, .hero-divider::after {
  height: 3px;
  background:
    linear-gradient(90deg, rgba(201,164,76,0), rgba(236,208,140,0.95)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(201,164,76,0), rgba(201,164,76,0.55)) bottom / 100% 1px no-repeat !important;
}
.hero-divider::after {
  background:
    linear-gradient(270deg, rgba(201,164,76,0), rgba(236,208,140,0.95)) top / 100% 1px no-repeat,
    linear-gradient(270deg, rgba(201,164,76,0), rgba(201,164,76,0.55)) bottom / 100% 1px no-repeat !important;
}
.hero-divider span { border-color: #f1d995; box-shadow: 0 0 8px rgba(236,208,140,0.45); background: #0a0a0b; }

@media (max-width: 559px) {
  .hero-cliff.hero-cliff--lux { width: 150px; }
  .hero-lux-lines { background-size: 40px 100%, auto; }
}

/* —— Homepage review rotator —— */
.elc-reviews { background: #0a0a0b; border-top: 1px solid rgba(201,164,76,0.28); border-bottom: 1px solid rgba(201,164,76,0.28); }
.elc-reviews-inner { max-width: 46rem; margin: 0 auto; text-align: center; padding-top: 1rem; padding-bottom: 1rem; }
.elc-reviews .section-label { color: #ecd08c; display: block; margin: 1.2rem 0 1.4rem; }
.elc-reviews-rule { display: flex; align-items: center; justify-content: center; gap: .8rem; }
.elc-reviews-rule::before, .elc-reviews-rule::after { content: ""; width: clamp(60px, 14vw, 140px); height: 1px; background: linear-gradient(90deg, rgba(201,164,76,0), rgba(201,164,76,.85)); }
.elc-reviews-rule::after { transform: scaleX(-1); }
.elc-reviews-rule span { width: 6px; height: 6px; border: 1px solid #e3c47c; transform: rotate(45deg); }
.elc-reviews-stage { position: relative; display: grid; min-height: 8.5rem; align-items: center; }
.elc-review { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity 1.1s ease, visibility 0s linear 1.1s; }
.elc-review.is-active { opacity: 1; visibility: visible; transition: opacity 1.1s ease, visibility 0s; }
.elc-review blockquote { margin: 0; }
.elc-review p { font-family: var(--font-display, "Cormorant Garamond", Georgia, serif); font-style: italic; font-size: clamp(1.45rem, 3vw, 2.1rem); line-height: 1.3; color: #f7f1e4; margin: 0; }
.elc-review p::before { content: "“"; color: #c9a44c; }
.elc-review p::after { content: "”"; color: #c9a44c; }
.elc-reviews-dots { display: flex; justify-content: center; gap: .55rem; margin: 1.2rem 0 .6rem; }
.elc-reviews-dots button { width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 1px solid #c9a44c; background: transparent; cursor: pointer; }
.elc-reviews-dots button[aria-current="true"] { background: #c9a44c; }
.elc-reviews-dots button:focus-visible { outline: 2px solid #ecd08c; outline-offset: 3px; }
.elc-reviews-cite { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: #b9b2a6; margin: 0 0 1.2rem; }

@media (prefers-reduced-motion: reduce) {
  body.elc .hero.hero-marble .hero-wordmark-name { animation: none; }
  .elc-review, .elc-review.is-active { transition: none; }
}

/* Coffee shop section (Oct 12) — existing palette vars only */
.elc-coffee-shop h2{font-family:var(--font-display);color:var(--t-strong);margin:.3rem 0 .6rem}
.elc-cs-desc{max-width:42rem;color:var(--t-soft);font-size:1.1rem;line-height:1.6}
.elc-cs-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:1.5rem 0}
.elc-cs-photo{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.elc-cs-photo img,.elc-cs-ph-box{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0}
.elc-cs-photo figcaption{padding:.5rem .7rem;color:var(--muted);font-size:.85rem}
.elc-cs-ph-box{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--gold);border-bottom:1px dashed var(--gold);font-weight:600}
.elc-cs-menus{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.elc-cs-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}
.elc-cs-menu h3{color:var(--gold);font-family:var(--font-display);margin:0 0 .6rem}
.elc-cs-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0 1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius)}
.elc-cs-info p{color:var(--t-strong);margin:.3rem 0 0}
.elc-cs-cta .btn{margin:.3rem .4rem .3rem 0}
@media (max-width:600px){.elc-cs-photos{grid-template-columns:1fr 1fr}.elc-cs-photo figcaption{font-size:.78rem}}

/* Round 2: layered hero peaks (existing gold palette only) */
.hero-peaks path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.hero-peaks .mt-far{fill:#9b7a2e;opacity:.28;stroke:#a3833f;stroke-width:.6}
.hero-peaks .mt-mid{fill:#b8923f;opacity:.45;stroke:#b8923f;stroke-width:.7}
.hero-peaks .mt-front{fill:url(#elcGold);stroke:#ecd08c;stroke-width:.8}
.hero-peaks .mt-shade{fill:#0a0a0b;opacity:.32;stroke:none}
.hero-peaks .mt-shade--soft{opacity:.18}
.hero-peaks .mt-ridge{fill:none;stroke:#f7e3a6;stroke-width:1;opacity:.9}
.hero-peaks .mt-ridge--fine{stroke-width:.5;opacity:.45}
.hero-peaks .mt-strata{fill:none;stroke:#0a0a0b;stroke-width:.5;opacity:.35}
.elc-cs-desc--more{margin-top:.4rem}