/* Shared salon presentation and Maraya botanical collection. */
*, *::before, *::after { letter-spacing: 0 !important; }
[hidden] { display: none !important; }
body { font-weight: 400; }
.top { min-height: 96px; padding: 18px 4%; gap: 26px; border-bottom: 1px solid var(--gold-soft); background: var(--paper); }
.top__logo-script { font-size: 36px; }
.top__logo-sub { font-size: 10px; text-align: center; }
.top__links { gap: 25px; align-items: center; }
.top__links a { font-size: 12px; }
.top__phone { white-space: nowrap; }
.top__book { padding: 10px 22px !important; }
.section { padding: 80px 7%; }
.section__title { font-size: 43px; font-weight: 400; text-transform: none; }
.eyebrow { font-size: 12px; }
.btn { font-size: 12px; padding: 15px 25px; }
.btn--gold { background: var(--wine); border-color: var(--wine); color: var(--paper); }
.btn--gold:hover { background: var(--ink); border-color: var(--ink); }
.hero--page { padding: 64px 7% 52px; border-bottom: 1px solid var(--gold-soft); background: var(--wine); color: var(--paper); }
.hero--page::before, .hero--page .hero__frame { display: none; }
.hero--page.hero--layered .hero__backdrop img { opacity: 1; filter: none; object-position: center 35%; }
.hero--page.hero--layered .hero__backdrop::after { background: linear-gradient(90deg,rgba(29,26,23,.78),rgba(29,26,23,.6),rgba(29,26,23,.45)); }
.hero--page .hero__title { color: var(--paper); font-size: 76px; }
.hero--page .hero__title--serif { font-size: 70px; font-weight: 400; text-transform: none; }
.hero--page .hero__eyebrow { color: var(--paper); font-size: 12px; margin-bottom: 16px; }
.hero--page .hero__rule { margin-bottom: 22px; }
.hero--page .hero__sub { color: var(--gold-soft); font-size: 13px; text-indent: 0; }
.hero--page .hero__tag { color: var(--paper); font-size: 20px; margin: 22px auto 0; max-width: 600px; }
.hero--page .btn--ghost, .hero--page .booking__fine, .hero--page .booking__fine a, .hero--page .booking__summary { color: var(--paper); }
.hero--page .btn--ghost { border-color: var(--gold-soft); }
.hero--page .btn--gold { background: var(--gold-soft); border-color: var(--gold-soft); color: var(--ink); }
.stylenav { gap: 24px; }
.stylenav__chip { padding: 10px 0; border: 0; border-bottom: 1px solid var(--gold-soft); color: var(--paper); font-size: 13px; }
.stylenav__chip:hover { background: transparent; color: var(--gold-soft); }
.gallery { border-bottom: 1px solid rgba(161,98,7,.2); }
.gallery__grid { gap: 28px 22px; }
.gallery__tile { aspect-ratio: auto; overflow: visible; }
.gallery__tile img, .gallery__tile video { aspect-ratio: 3 / 4; height: auto; object-fit: cover; }
.gallery__tile figcaption { position: static; background: transparent; color: var(--ink); padding: 12px 0 0; font-size: 13px; }
.gallery__tile:hover img { transform: none; }
.gallery__tile--note { min-height: 260px; background: var(--wine); color: var(--paper); padding: 25px; }
.gallery__tile--note p { color: var(--paper); }
.gallery__cta { border-top: 1px solid var(--gold-soft); padding-top: 28px; }
.insta__grid { gap: 24px; }
.insta__tile--card { background: var(--wine); color: var(--paper); }
.insta__card-handle, .insta__card-cta { color: var(--paper); overflow-wrap: anywhere; }
.rating__num { color: var(--paper); font-size: 54px; }
.rating__count { color: var(--paper); }
.rating__stars { color: var(--gold-soft); }
.quotes__grid { gap: 24px; }
.quote { background: var(--white); border-top: 2px solid var(--gold-soft); padding: 32px; }
.quote p { font-size: 19px; }
.quote--cta { background: var(--wine); color: var(--paper); }
.quote--cta p, .quote--cta .quote__script { color: var(--paper); }
.quote--cta .btn { border-color: var(--gold-soft); }
.booking__form { max-width: 980px; }
.bstep { border-bottom: 1px solid var(--gold-soft); padding-bottom: 38px; }
.bstep__title { font-size: 25px; text-transform: none; }
.bstep__num { background: var(--wine); color: var(--paper); border-color: var(--wine); }
.svcpick__opt { min-height: 85px; border-radius: 3px; }
.svcpick__opt.is-picked { background: var(--wine); border-color: var(--wine); box-shadow: none; color: var(--paper); }
.svcpick__opt.is-picked small { color: var(--paper); }
.cal { padding: 22px; border-top: 3px solid var(--gold-soft); }
.cal__month { font-size: 18px; }
.cal__day.is-picked { background: var(--wine); border-color: var(--wine); }
.bcontact { max-width: 100%; }
.bcontact input { min-width: 0; border-radius: 3px; }
.footer { border-top: 1px solid var(--gold-soft); }
.footer__script { font-size: 44px; }
.footer__nav a { font-size: 12px; }
.reveal { opacity: 1; transform: none; }
section[id], #order { scroll-margin-top: 25px; }
/* The generated botanical still life frames the original Maraya artwork. */
.maraya-lux { background: #183b2b url('../assets/img/maraya-botanical.png') center top / 100% auto no-repeat; }
.maraya-lux .top { background: rgba(20,38,26,.82); }
.maraya-lux .lux { padding: 54px 7% 85px; }
.lux__leaves, .lux::before, .lux::after { display: none; }
.lux__inner { max-width: 1150px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 60px; }
.lux__eyebrow, .lux__rule, .lux__title, .lux__sub, .lux__reserve, .lux__product, .lux__poem, .lux__notes { grid-column: 1 / -1; }
.lux__eyebrow { font-size: 12px; color: #eaffef; margin-bottom: 12px; }
.lux__rule { margin-bottom: 18px; }
.lux__title { font-size: 94px; font-weight: 400; }
.lux__sub { font-size: 13px; text-indent: 0; color: #eaffef; }
.lux__reserve { justify-self: center; margin-top: 20px; color: #f3ead9; text-decoration: none; border-bottom: 1px solid var(--gold-soft); padding-bottom: 6px; font-size: 13px; }
.lux__reserve span { margin-left: 20px; }
.lux__product--float { width: min(100%,400px); margin-top: 28px; }
.lux__poem { font-size: 31px; margin-top: 24px; color: #f3ead9; }
.lux__notes { max-width: 750px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; margin: 22px auto 65px; font-size: 14px; }
.lux__notes li { padding: 12px 0; color: #eaffef; }
.lux__reel { grid-column: 1; grid-row: span 2; width: 100%; max-width: 340px; margin: 0 auto; padding: 0; background: transparent; box-shadow: none; }
.lux__reel video { aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--gold-soft); }
.lux__reel figcaption { color: #eaffef; font-size: 12px; }
.lux__ritual { grid-column: 2; text-align: left; margin: 0; padding: 0 0 30px; }
.lux__ritual h2, .lux__shop h2 { font-size: 30px; text-transform: none; font-weight: 400; }
.lux__ritual-steps { display: grid; justify-content: start; gap: 17px; }
.lux__shop { grid-column: 2; margin: 0; max-width: none; padding: 30px 0 0; background: transparent; color: #eaffef; box-shadow: none; border-top: 1px solid var(--gold-soft); text-align: left; }
.lux__shop h2 { color: #f3ead9; }
.lux__shop-line, .lux__form label, .lux__dm, .lux__dm a { color: #eaffef; }
.lux__form label { font-size: 12px; }
.lux__row { grid-template-columns: 1fr 1fr 70px; }
.lux__form input, .lux__form select { border: 1px solid #6b8b73; background: #f8f5ef; border-radius: 2px; }
.btn--luxe { background: var(--gold-soft); color: #183b2b; border-color: var(--gold-soft); }
.btn--luxe:hover { background: var(--paper); border-color: var(--paper); color: #183b2b; }
.maraya-lux .footer { background: #14261a; }
.maraya:not(.maraya-lux) { background: #183b2b url('../assets/img/maraya-botanical.png') center / cover; min-height: 100svh; }
.maraya:not(.maraya-lux) .hero { background: rgba(20,38,26,.5); min-height: 65svh; }
.login { border-top: 3px solid var(--gold-soft); border-radius: 4px; }
.dash__head { text-align: left; }
.dash__head h1 { font-size: 30px; text-transform: none; }
.dash .panel { border: 0; border-top: 1px solid var(--gold-soft); padding: 25px 0; background: transparent; overflow-x: auto; }
.dash .tile { border-top: 2px solid var(--wine); border-radius: 4px; }
.dash .tabs { justify-content: flex-start; }
.dash .tabs button[aria-selected='true'] { background: var(--wine); border-color: var(--wine); }
@media (max-width: 1100px) {
  .top__phone { display: none; }
  .top__links { gap: 18px; }
  .lux__inner { column-gap: 35px; }
  .lux__row { grid-template-columns: 1fr; }
  .cform { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .top { min-height: 80px; padding: 12px 6%; }
  .top__links a { font-size: 15px; }
  .top__links { gap: 20px; }
  .section { padding: 55px 6%; }
  .section__title { font-size: 33px; }
  .hero--page { padding: 45px 6% 38px; }
  .hero--page .hero__title, .hero--page .hero__title--serif { font-size: 49px; }
  .hero--page .hero__tag { font-size: 18px; }
  .stylenav { gap: 12px 20px; }
  .stylenav__chip { font-size: 12px; }
  .gallery__grid, .insta__grid { gap: 20px 13px; }
  .gallery__tile figcaption { font-size: 12px; }
  .quote { padding: 24px; }
  .bstep__title { font-size: 22px; }
  .maraya-lux { background-size: auto 950px; }
  .maraya-lux .lux { padding: 40px 6% 60px; }
  .lux__inner { grid-template-columns: 1fr; }
  .lux__title { font-size: 65px; }
  .lux__sub { font-size: 11px; }
  .lux__product--float { max-width: 320px; }
  .lux__poem { font-size: 26px; }
  .lux__notes { grid-template-columns: 1fr; margin-bottom: 40px; }
  .lux__reel { grid-column: 1; grid-row: auto; max-width: 280px; }
  .lux__ritual, .lux__shop { grid-column: 1; margin-top: 40px; }
  .lux__ritual-steps { align-items: start; }
  .lux__dm a { overflow-wrap: anywhere; }
  .bookbar a { font-size: 12px; }
  .cform { grid-template-columns: 1fr; }
  .login { margin: 40px 6%; }
}

/* Continuous sage backdrop replaces the separate white label artwork. */
.maraya-lux { background: #cbd5bd; position: relative; isolation: isolate; }
.maraya-lux::before { content: ''; position: fixed; inset: 0; z-index: -1; background: linear-gradient(rgba(248,245,239,.28),rgba(248,245,239,.28)), url('../assets/img/maraya-botanical-light.png') center / cover no-repeat; pointer-events: none; }
.maraya-lux .top { background: rgba(248,245,239,.78); border-bottom-color: rgba(39,73,49,.25); }
.maraya-lux .top__logo-script { color: var(--wine); }
.maraya-lux .top__logo-sub, .maraya-lux .top__links a, .maraya-lux .top__phone, .maraya-lux .top__burger { color: var(--green-deep); }
.maraya-lux .top__book { color: var(--green-deep) !important; border-color: var(--green); }
.maraya-lux .top__book:hover { background: var(--green); color: var(--paper) !important; }
.maraya-lux .lux { padding-top: 80px; color: var(--green-deep); }
.lux__title { font-size: 110px; color: var(--green-deep); }
.lux__eyebrow, .lux__sub, .lux__reserve, .lux__poem, .lux__notes li, .lux__reel figcaption, .lux__ritual-steps, .lux__shop-line, .lux__form label, .lux__dm, .lux__dm a { color: var(--green-deep); }
.lux__rule { color: var(--green); }
.lux__rule span { background: var(--green); }
.lux__reserve { border-color: var(--green); }
.lux__poem { margin-top: 40px; }
.lux__notes { margin-bottom: 80px; }
.lux__notes li { border-color: rgba(39,73,49,.25); }
.lux__ritual h2, .lux__shop h2 { color: var(--green-deep); }
.lux__ritual-steps span { color: var(--green); border-color: var(--green); }
.lux__shop { border-color: var(--green); }
.btn--luxe { background: var(--green); border-color: var(--green); color: var(--paper); }
.btn--luxe:hover { background: var(--green-deep); border-color: var(--green-deep); color: var(--paper); }
.maraya-lux .footer { background: rgba(248,245,239,.8); color: var(--green-deep); border-color: rgba(39,73,49,.25); }
.maraya-lux .footer__script { color: var(--wine); }
.maraya-lux .footer__nav a:hover { color: var(--wine); }
@media (max-width: 760px) {
  .maraya-lux .lux { padding-top: 50px; }
  .lux__title { font-size: 68px; }
  .lux__notes { margin-bottom: 45px; }
  .maraya-lux::before { background-image: linear-gradient(rgba(248,245,239,.6),rgba(248,245,239,.6)), url('../assets/img/maraya-botanical-light.png'); }
  .maraya-lux .top__links { background: var(--paper); }
  .maraya-lux .top__burger.open { color: var(--green); }
}