/* Facials page. Centered list + pop-up come from wax.css (.fc-list*, .fc-grid, .wx-modal*). */

/* ---------- Hero: fluted glass ---------- */
.fc-hero{position:relative;height:100svh;min-height:560px;background:#000;overflow:hidden;color:var(--ivory)}
.fc-hero__img,.fc-hero__canvas{position:absolute;inset:0;width:100%;height:100%}
.fc-hero__img{object-fit:cover;object-position:50% 50%}
.fc-hero__canvas{display:block;opacity:0;transition:opacity .6s ease}
.fc-hero.is-glass .fc-hero__canvas{opacity:1}
.fc-hero.is-glass .fc-hero__img{opacity:0}
.fc-hero__fade{position:absolute;z-index:2;left:0;right:0;bottom:0;height:40%;pointer-events:none;background:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 44%,rgba(0,0,0,0) 100%)}
.fc-hero__copy{position:absolute;z-index:3;left:max(var(--gutter),calc((100vw - var(--container))/2 + var(--gutter)));bottom:clamp(36px,6vw,80px);pointer-events:none}
.fc-hero__copy .eyebrow{color:var(--gold);margin-bottom:16px}
.fc-hero__title{margin:0;font-weight:300;font-size:clamp(36px,5.4vw,84px);line-height:1.02;letter-spacing:-.03em;color:var(--ivory)}
.fc-hero__title .w5{font-weight:500}

/* ---------- Light variant of the shared centered list ---------- */
.fc-list--light{background:#fff;color:var(--black-night)}
.fc-list--light .num,.fc-list--light .num span{color:var(--clay)}
.fc-list--light .fc-list__lede{color:var(--text-soft)}

@media (prefers-reduced-motion:reduce){.fc-hero__canvas{transition:none}}