/* ═══════════════════════════════════════════════════════════
   CHLOE NAIL SPA — LUXURY WEBSITE
   Cinematic, Tattu-inspired design
   ═══════════════════════════════════════════════════════════ */

/* ─── RESET & VARIABLES ─── */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --rose-gold: #C9A38E;
  --rose-gold-light: #E5C9B8;
  --blush: #D4A5A5;
  --cream: #F5EFE6;
  --black: #0A0A0A;
  --dark: #141210;
  --dark-2: #1F1B17;
  --dark-3: #2C2620;
  --muted: rgba(245, 239, 230, 0.55);
  --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  background: var(--black);
  color: var(--cream);
  overflow-x: hidden;
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 56px;
}

/* ─── TYPOGRAPHY ─── */
h1, h2, h3, h4 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  line-height: 1.15;
  color: var(--cream);
}

em, i {
  font-style: italic;
  color: var(--rose-gold);
}

/* ─── SECTION LABEL (eyebrow text) ─── */
.section-label {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--rose-gold);
  margin-bottom: 28px;
  display: block;
}

/* ─── ORNAMENT (line · dot · line) ─── */
.ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 24px auto;
}

.ornament-line {
  width: 60px;
  height: 0.5px;
  background: var(--rose-gold);
  opacity: 0.6;
}

.ornament-dot {
  width: 4px;
  height: 4px;
  background: var(--rose-gold);
  border-radius: 50%;
}

/* ═══ NAVIGATION ═══ */
.nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(10, 10, 10, 0.95);
  backdrop-filter: blur(12px);
  border-bottom: 0.5px solid rgba(201, 163, 142, 0.15);
}

.nav-container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 24px 56px;
}

.nav-left, .nav-right {
  display: flex;
  list-style: none;
}

.nav-left {
  gap: 32px;
}

.nav-right {
  gap: 28px;
  justify-content: flex-end;
  align-items: center;
}

.nav-left a, .nav-right a {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cream);
  opacity: 0.8;
  transition: var(--transition);
}

.nav-left a:hover, .nav-right a:hover {
  opacity: 1;
  color: var(--rose-gold);
}

.nav-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cream);
  text-align: center;
  white-space: nowrap;
}

.nav-logo small {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 8px;
  letter-spacing: 0.3em;
  color: var(--rose-gold);
  margin-top: 4px;
  font-weight: 300;
}

.nav-book {
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase;
  color: var(--black) !important;
  background: var(--rose-gold);
  padding: 12px 24px;
  opacity: 1 !important;
  transition: var(--transition);
}

.nav-book:hover {
  background: var(--rose-gold-light);
  color: var(--black) !important;
}

.nav-toggle {
  display: none;
  background: none;
  border: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 8px;
}

.nav-toggle span {
  display: block;
  width: 24px;
  height: 1px;
  background: var(--cream);
  transition: var(--transition);
}

/* ═══ BUTTONS ═══ */
.btn-primary {
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--black);
  background: var(--rose-gold);
  padding: 16px 40px;
  cursor: pointer;
  border: none;
  transition: var(--transition);
}

.btn-primary:hover {
  background: var(--rose-gold-light);
  transform: translateY(-2px);
}

.btn-outline {
  display: inline-block;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--rose-gold);
  border: 0.5px solid var(--rose-gold);
  padding: 14px 32px;
  background: transparent;
  cursor: pointer;
  transition: var(--transition);
}

.btn-outline:hover {
  background: var(--rose-gold);
  color: var(--black);
}

/* ═══ HERO ═══ */
.hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--dark);
}

.hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(10,10,10,0.65) 0%, rgba(10,10,10,0.3) 40%, rgba(10,10,10,0.95) 100%),
    url('../images/hero.jpg') center/cover no-repeat;
  animation: heroZoom 20s ease-out infinite alternate;
}

@keyframes heroZoom {
  from { transform: scale(1); }
  to { transform: scale(1.08); }
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 32px;
  max-width: 800px;
  animation: fadeInUp 1.2s ease-out;
}

.hero-eyebrow {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--rose-gold);
  margin-bottom: 24px;
}

.hero-title {
  font-size: 84px;
  font-weight: 300;
  line-height: 1.0;
  margin-bottom: 24px;
  letter-spacing: -0.01em;
}

.hero-tagline {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(245, 239, 230, 0.7);
  margin-bottom: 40px;
}

.hero-scroll {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 2;
}

.hero-scroll span {
  font-size: 9px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--rose-gold);
  opacity: 0.7;
}

.hero-scroll-line {
  width: 1px;
  height: 40px;
  background: var(--rose-gold);
  opacity: 0.5;
  animation: scrollLine 2s ease-in-out infinite;
}

@keyframes scrollLine {
  0%, 100% { transform: scaleY(1); transform-origin: top; }
  50% { transform: scaleY(0.3); transform-origin: top; }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ═══ VENUE / SANCTUARY ═══ */
.venue {
  padding: 120px 0;
  text-align: center;
  background: var(--dark);
}

.venue-heading {
  font-size: 52px;
  max-width: 820px;
  margin: 0 auto 32px;
}

.venue-text {
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.04em;
  line-height: 2;
  color: var(--muted);
  max-width: 600px;
  margin: 0 auto 40px;
}

/* ═══ IMAGE GRID ═══ */
.image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  background: var(--dark);
  padding: 0 4px 4px;
}

.image-grid-item {
  aspect-ratio: 3/4;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.image-grid-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.5));
  transition: var(--transition);
}

.image-grid-item:hover::after {
  background: linear-gradient(180deg, transparent 30%, rgba(10,10,10,0.3));
}

/* ═══ SIGNATURE ═══ */
.signature {
  padding: 120px 56px;
  background: var(--dark-2);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
}

.signature-image {
  aspect-ratio: 4/5;
  background-size: cover;
  background-position: center;
  position: relative;
}

.signature-content {
  padding-right: 20px;
}

.signature-heading {
  font-size: 44px;
  margin-bottom: 28px;
}

.signature-text {
  font-size: 14px;
  font-weight: 200;
  line-height: 2;
  color: var(--muted);
  margin-bottom: 36px;
}

/* ═══ MENUS ═══ */
.menus {
  padding: 120px 0;
  text-align: center;
  background: var(--dark);
}

.menus-heading {
  font-size: 48px;
  margin-bottom: 56px;
}

.menus-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  max-width: 900px;
  margin: 0 auto;
}

.menu-card {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: var(--transition);
  cursor: pointer;
}

.menu-card:hover {
  transform: scale(1.02);
}

.menu-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px;
  text-align: left;
  z-index: 2;
}

.menu-card-label {
  font-size: 9px;
  font-weight: 300;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--rose-gold);
  margin-bottom: 12px;
  display: block;
}

.menu-card-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px;
  font-weight: 300;
  color: var(--cream);
  margin-bottom: 16px;
}

.menu-card-link {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--rose-gold);
  border-bottom: 0.5px solid var(--rose-gold);
  padding-bottom: 4px;
}

/* ═══ TESTIMONIAL ═══ */
.testimonial {
  padding: 120px 0;
  background: var(--dark-3);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.testimonial::before {
  content: '\201C';
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Cormorant Garamond', serif;
  font-size: 280px;
  font-weight: 300;
  color: var(--rose-gold);
  opacity: 0.06;
  line-height: 1;
}

.testimonial-stars {
  color: var(--rose-gold);
  font-size: 14px;
  letter-spacing: 6px;
  margin-bottom: 28px;
}

.testimonial-quote {
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5;
  color: var(--cream);
  max-width: 720px;
  margin: 0 auto 32px;
}

.testimonial-author {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--rose-gold);
}

/* ═══ BOOKING CTA ═══ */
.booking-cta {
  padding: 140px 0;
  background: var(--dark-2);
  text-align: center;
}

.booking-heading {
  font-size: 56px;
  max-width: 700px;
  margin: 0 auto 48px;
  line-height: 1.1;
}

/* ═══ LOCATION ═══ */
.location {
  padding: 120px 0;
  text-align: center;
  background: var(--dark);
}

.location-heading {
  font-size: 48px;
}

.location-address {
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.15em;
  line-height: 2.2;
  color: var(--muted);
  margin: 32px 0;
}

.location-address strong {
  color: var(--rose-gold);
  font-weight: 400;
}

/* ═══ FOOTER ═══ */
.footer {
  background: var(--black);
  border-top: 0.5px solid rgba(201, 163, 142, 0.2);
  padding: 60px 56px 32px;
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  max-width: 1100px;
  margin: 0 auto 48px;
}

.footer-col h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 400;
  color: var(--rose-gold);
  margin-bottom: 16px;
  letter-spacing: 0.05em;
}

.footer-col p, .footer-col a {
  font-size: 11px;
  font-weight: 200;
  letter-spacing: 0.1em;
  line-height: 2;
  color: rgba(245, 239, 230, 0.5);
  display: block;
  transition: var(--transition);
}

.footer-col a:hover {
  color: var(--rose-gold);
}

.footer-bottom {
  border-top: 0.5px solid rgba(201, 163, 142, 0.15);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}

.footer-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cream);
}

.footer-copy {
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 0.15em;
  color: rgba(245, 239, 230, 0.3);
}

/* ═══ STICKY MOBILE BOOK BUTTON ═══ */
.sticky-book {
  display: none;
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--rose-gold);
  color: var(--black);
  padding: 14px 32px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  z-index: 99;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* ═══ MOBILE RESPONSIVE ═══ */
@media (max-width: 1024px) {
  .container { padding: 0 32px; }

  .hero-title { font-size: 64px; }
  .venue-heading { font-size: 42px; }
  .signature-heading { font-size: 36px; }
  .menus-heading { font-size: 38px; }
  .testimonial-quote { font-size: 26px; }
  .booking-heading { font-size: 44px; }

  .signature {
    padding: 80px 32px;
    gap: 48px;
  }
}

@media (max-width: 768px) {
  /* Mobile nav */
  .nav-container {
    grid-template-columns: 1fr auto 1fr;
    padding: 18px 24px;
  }

  .nav-left, .nav-right {
    display: none;
  }

  .nav-toggle {
    display: flex;
    grid-column: 3;
    justify-self: end;
  }

  .nav-logo {
    font-size: 18px;
    grid-column: 2;
  }

  /* Mobile menu when open */
  .nav.menu-open .nav-left,
  .nav.menu-open .nav-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-column: 1 / -1;
    align-items: center;
    padding: 24px 0;
    gap: 20px;
  }

  /* Hero */
  .hero { min-height: 70vh; }
  .hero-title { font-size: 48px; }
  .hero-tagline { font-size: 11px; }
  .hero-scroll { display: none; }

  /* Sections */
  .venue, .signature, .menus, .testimonial, .booking-cta, .location {
    padding: 80px 24px;
  }

  .venue-heading { font-size: 32px; }
  .signature-heading { font-size: 30px; }
  .menus-heading { font-size: 32px; }
  .testimonial-quote { font-size: 22px; }
  .booking-heading { font-size: 36px; }
  .location-heading { font-size: 38px; }

  /* Signature - stack vertically */
  .signature {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  /* Menus - single column on mobile */
  .menus-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Image grid - single column */
  .image-grid {
    grid-template-columns: 1fr;
  }

  /* Footer - stack columns */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }

  /* Show mobile sticky book button */
  .sticky-book {
    display: block;
  }

  /* Add bottom padding to body so sticky button doesn't cover content */
  body { padding-bottom: 70px; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 38px; }
  .hero-eyebrow { font-size: 9px; }
  .venue-heading { font-size: 26px; }
  .booking-heading { font-size: 28px; }
}

/* ═══════════════════════════════════════════════════════════
   LUXURY BEIGE REFINEMENT — updated palette for Chloe Nail Spa
   Warm beige, champagne, taupe and soft mocha tones
   ═══════════════════════════════════════════════════════════ */
:root {
  --rose-gold: #B58B65;
  --rose-gold-light: #D9BB98;
  --blush: #E8D1C5;
  --cream: #3A2921;
  --black: #211711;
  --dark: #F8F0E6;
  --dark-2: #F1E2D1;
  --dark-3: #E8D5BF;
  --muted: rgba(58, 41, 33, 0.66);
  --ivory: #FFF8EF;
  --champagne: #F5E7D6;
  --soft-gold: #C7A06F;
  --border-soft: rgba(181, 139, 101, 0.22);
  --shadow-soft: 0 24px 70px rgba(68, 46, 32, 0.12);
}

html {
  background: var(--dark);
}

body {
  background:
    radial-gradient(circle at top left, rgba(255, 248, 239, 0.96) 0, rgba(248, 240, 230, 0.92) 34%, transparent 60%),
    linear-gradient(180deg, var(--dark) 0%, #F2E4D4 45%, var(--dark-2) 100%);
  color: var(--cream);
}

h1, h2, h3, h4 {
  color: var(--cream);
}

em, i,
.section-label,
.nav-logo small,
.hero-eyebrow,
.menu-card-label,
.menu-card-link,
.testimonial-stars,
.testimonial-author,
.location-address strong,
.footer-col h4 {
  color: var(--rose-gold);
}

.section-label {
  font-weight: 400;
  opacity: 0.95;
}

.ornament-line,
.ornament-dot {
  background: var(--rose-gold);
}

/* Navigation — lighter boutique finish */
.nav {
  background: rgba(255, 248, 239, 0.86);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border-soft);
  box-shadow: 0 10px 40px rgba(65, 43, 28, 0.06);
}

.nav-container {
  padding-top: 22px;
  padding-bottom: 22px;
}

.nav-left a,
.nav-right a,
.nav-logo {
  color: var(--cream);
}

.nav-left a,
.nav-right a {
  opacity: 0.78;
  font-weight: 400;
}

.nav-left a:hover,
.nav-right a:hover {
  opacity: 1;
  color: var(--rose-gold);
}

.nav-book,
.btn-primary,
.sticky-book {
  background: linear-gradient(135deg, #B98F68 0%, #D3B28D 100%);
  color: var(--ivory) !important;
  border: 1px solid rgba(255, 248, 239, 0.4);
  box-shadow: 0 14px 34px rgba(108, 74, 48, 0.16);
}

.nav-book:hover,
.btn-primary:hover,
.sticky-book:hover {
  background: linear-gradient(135deg, #A97D58 0%, #C9A578 100%);
  color: var(--ivory) !important;
  box-shadow: 0 18px 44px rgba(108, 74, 48, 0.22);
}

.btn-outline {
  color: var(--cream);
  border: 1px solid rgba(181, 139, 101, 0.42);
  background: rgba(255, 248, 239, 0.28);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.btn-outline:hover {
  background: var(--rose-gold);
  border-color: var(--rose-gold);
  color: var(--ivory);
  box-shadow: 0 14px 34px rgba(108, 74, 48, 0.16);
}

/* Hero stays cinematic, but warmer and softer */
.hero {
  background: var(--black);
}

.hero-bg {
  background:
    linear-gradient(180deg, rgba(33, 23, 17, 0.68) 0%, rgba(54, 36, 25, 0.38) 42%, rgba(33, 23, 17, 0.92) 100%),
    radial-gradient(circle at center, rgba(211, 178, 141, 0.18), transparent 46%),
    url('../images/hero.jpg') center/cover no-repeat;
  filter: saturate(0.9) sepia(0.12) brightness(0.96);
}

.hero-title,
.hero-content h1,
.hero-tagline,
.hero-scroll span,
.hero-scroll-line {
  color: var(--ivory);
}

.hero-tagline {
  color: rgba(255, 248, 239, 0.76);
}

.hero-scroll-line {
  background: var(--rose-gold);
}

.hero .ornament-line,
.hero .ornament-dot {
  background: #D9BB98;
}

/* Beige section system */
.venue,
.menus,
.location,
.service-section,
.gallery-section,
.contact-section,
.signature.alt {
  background: var(--dark);
}

.signature,
.booking-cta,
.service-section.alt {
  background: linear-gradient(180deg, var(--dark-2) 0%, #EEDCC8 100%);
}

.testimonial {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 248, 239, 0.4), transparent 48%),
    linear-gradient(180deg, var(--dark-3) 0%, #E2CBB1 100%);
}

.venue,
.menus,
.booking-cta,
.location,
.service-section,
.gallery-section,
.contact-section,
.signature,
.testimonial {
  border-top: 1px solid rgba(181, 139, 101, 0.10);
}

.venue-text,
.signature-text,
.location-address,
.service-name p,
.contact-item p {
  color: var(--muted);
}

.signature,
.menu-card,
.gallery-item,
.form-row input,
.form-row textarea,
.form-row select {
  border: 1px solid var(--border-soft);
}

.signature {
  box-shadow: var(--shadow-soft);
}

.signature-image,
.menu-card,
.gallery-item {
  box-shadow: 0 22px 60px rgba(70, 45, 28, 0.14);
}

.signature-image {
  filter: saturate(0.92) sepia(0.08);
}

.image-grid {
  background: var(--dark);
  gap: 8px;
  padding: 8px;
}

.image-grid-item {
  filter: saturate(0.88) sepia(0.08) brightness(1.02);
}

.image-grid-item::after {
  background: linear-gradient(180deg, transparent 42%, rgba(62, 42, 28, 0.26));
}

.image-grid-item:hover::after {
  background: linear-gradient(180deg, transparent 28%, rgba(62, 42, 28, 0.18));
}

/* Dark image cards keep readable elegant ivory text */
.menu-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(33, 23, 17, 0.10) 0%, rgba(33, 23, 17, 0.82) 100%);
  pointer-events: none;
}

.menu-card-content {
  z-index: 2;
}

.menu-card-title,
.menu-card .menu-card-title,
.menu-card-link,
.gallery-title,
.gallery-label {
  color: var(--ivory);
}

.menu-card-label,
.menu-card-link,
.gallery-label {
  color: #D9BB98;
}

.testimonial::before {
  color: var(--rose-gold);
  opacity: 0.10;
}

.testimonial-quote {
  color: var(--cream);
}

/* Page headers remain rich and editorial */
.page-header {
  background: var(--black);
}

.page-header-bg {
  filter: saturate(0.86) sepia(0.12) brightness(0.94);
}

.page-header::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: radial-gradient(circle at 50% 10%, rgba(217, 187, 152, 0.18), transparent 45%);
  pointer-events: none;
}

.page-title,
.page-header h1 {
  color: var(--ivory);
}

.page-subtitle {
  color: #D9BB98;
  opacity: 0.96;
}

/* Services and contact polish */
.service-list {
  background: rgba(255, 248, 239, 0.28);
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-soft);
  padding: 8px 32px;
}

.service-row {
  border-bottom-color: rgba(181, 139, 101, 0.20);
}

.service-dots {
  border-bottom-color: rgba(181, 139, 101, 0.34);
}

.service-price {
  color: var(--rose-gold);
}

.contact-grid {
  background: rgba(255, 248, 239, 0.22);
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-soft);
  padding-top: 56px;
  padding-bottom: 56px;
}

.form-row input,
.form-row textarea,
.form-row select {
  background: rgba(255, 248, 239, 0.58);
  color: var(--cream);
}

.form-row input::placeholder,
.form-row textarea::placeholder {
  color: rgba(58, 41, 33, 0.42);
}

.form-row input:focus,
.form-row textarea:focus,
.form-row select:focus {
  border-color: var(--rose-gold);
  background: var(--ivory);
  box-shadow: 0 0 0 4px rgba(181, 139, 101, 0.10);
}

.form-row select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23B58B65' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");
}

/* Footer keeps contrast but with warmer tone */
.footer {
  background:
    linear-gradient(180deg, #2A1D16 0%, #1D130E 100%);
  border-top-color: rgba(217, 187, 152, 0.22);
}

.footer-logo,
.footer-col p,
.footer-col a,
.footer-copy {
  color: rgba(255, 248, 239, 0.70);
}

.footer-bottom {
  border-top-color: rgba(217, 187, 152, 0.16);
}

@media (max-width: 768px) {
  .nav.menu-open {
    background: rgba(255, 248, 239, 0.98);
  }

  .nav-toggle span {
    background: var(--cream);
  }

  .service-list,
  .contact-grid {
    padding: 24px;
  }
}


/* ═══════════════════════════════════════════════════════════
   FINAL CONSISTENT BEIGE / CHAMPAGNE THEME FIX
   Removes the remaining black homepage hero and aligns all pages.
   ═══════════════════════════════════════════════════════════ */
:root {
  --ink: #3A2921;
  --coffee: #4A3428;
  --taupe: #8B6A54;
  --gold: #B58B65;
  --gold-light: #D8B891;
  --champagne-bg: #F8F0E6;
  --champagne-bg-2: #F1E2D1;
  --champagne-bg-3: #E8D5BF;
  --ivory-soft: #FFF8EF;
  --line-champagne: rgba(181,139,101,.24);
}

html,
body {
  background: linear-gradient(180deg, var(--ivory-soft) 0%, var(--champagne-bg) 38%, var(--champagne-bg-2) 100%) !important;
  color: var(--ink) !important;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 6%, rgba(216,184,145,.34), transparent 30%),
    radial-gradient(circle at 88% 22%, rgba(255,248,239,.68), transparent 32%),
    linear-gradient(135deg, rgba(255,248,239,.40), rgba(232,213,191,.18));
}

.nav {
  background: rgba(255,248,239,.92) !important;
  border-bottom: 1px solid var(--line-champagne) !important;
}

.nav-left a,
.nav-right a,
.nav-logo,
.footer-logo {
  color: var(--ink) !important;
}

h1, h2, h3, h4,
.hero-title,
.venue-heading,
.signature-heading,
.menus-heading,
.booking-heading,
.location-heading,
.service-heading,
.contact-heading {
  color: var(--ink) !important;
}

em, i,
.section-label,
.hero-eyebrow,
.nav-logo small,
.service-price,
.location-address strong {
  color: var(--gold) !important;
}

.venue-text,
.signature-text,
.location-address,
.service-name p,
.contact-item p,
.testimonial-author,
.footer-copy {
  color: rgba(58,41,33,.68) !important;
}

/* Beige homepage hero — no black panel */
.hero {
  min-height: 92vh;
  background:
    linear-gradient(135deg, var(--ivory-soft) 0%, var(--champagne-bg) 43%, #E9D2B8 100%) !important;
  border-bottom: 1px solid var(--line-champagne);
}

.hero-bg {
  background:
    linear-gradient(90deg, rgba(255,248,239,.92) 0%, rgba(248,240,230,.82) 45%, rgba(232,213,191,.70) 100%),
    radial-gradient(circle at 52% 38%, rgba(216,184,145,.30), transparent 34%),
    url('../images/hero.jpg') center/cover no-repeat !important;
  filter: saturate(.82) sepia(.14) brightness(1.08) !important;
  opacity: .72;
}

.hero-content {
  max-width: 860px;
  padding: 58px 68px;
  border: 1px solid rgba(181,139,101,.18);
  background: rgba(255,248,239,.34);
  box-shadow: 0 28px 90px rgba(88,58,36,.10);
  backdrop-filter: blur(3px);
}

.hero-title,
.hero-content h1,
.hero-tagline,
.hero-scroll span {
  color: var(--ink) !important;
}

.hero-tagline {
  color: rgba(58,41,33,.66) !important;
}

.hero-scroll-line,
.ornament-line,
.ornament-dot,
.hero .ornament-line,
.hero .ornament-dot {
  background: var(--gold) !important;
}

/* Sections: all beige/champagne, no black blocks except footer */
.venue,
.menus,
.location,
.service-section,
.gallery-section,
.contact-section,
.signature.alt {
  background: var(--champagne-bg) !important;
}

.signature,
.booking-cta,
.service-section.alt,
.testimonial {
  background: linear-gradient(180deg, var(--champagne-bg-2) 0%, var(--champagne-bg-3) 100%) !important;
}

.signature,
.service-list,
.contact-grid,
.menu-card,
.gallery-item {
  border: 1px solid var(--line-champagne) !important;
  box-shadow: 0 24px 72px rgba(88,58,36,.12) !important;
}

.image-grid {
  background: var(--champagne-bg) !important;
}

.image-grid-item,
.signature-image,
.gallery-item {
  filter: saturate(.88) sepia(.10) brightness(1.04) !important;
}

/* Menu cards retain image depth but remove harsh black overlay */
.menu-card::before {
  background: linear-gradient(180deg, rgba(255,248,239,.05) 0%, rgba(58,41,33,.58) 100%) !important;
}

.menu-card-title,
.menu-card .menu-card-title,
.menu-card-link,
.menu-card-label,
.gallery-title,
.gallery-label {
  color: var(--ivory-soft) !important;
}

/* Page headers: consistent beige editorial treatment */
.page-header {
  background: linear-gradient(135deg, var(--ivory-soft) 0%, var(--champagne-bg) 50%, var(--champagne-bg-3) 100%) !important;
  border-bottom: 1px solid var(--line-champagne);
}

.page-header-bg {
  filter: saturate(.82) sepia(.14) brightness(1.07) !important;
  opacity: .46 !important;
}

.page-header::after {
  background:
    linear-gradient(180deg, rgba(255,248,239,.72), rgba(232,213,191,.62)),
    radial-gradient(circle at 50% 10%, rgba(216,184,145,.28), transparent 45%) !important;
}

.page-title,
.page-header h1,
.page-subtitle {
  color: var(--ink) !important;
}

.page-subtitle {
  color: rgba(58,41,33,.70) !important;
}

.testimonial-quote,
.service-name h3,
.contact-item a {
  color: var(--ink) !important;
}

.btn-primary,
.nav-book,
.sticky-book {
  background: linear-gradient(135deg, #AF835D 0%, #D4B28C 100%) !important;
  color: var(--ivory-soft) !important;
  border: 1px solid rgba(255,248,239,.55) !important;
}

.btn-outline {
  color: var(--ink) !important;
  border: 1px solid rgba(181,139,101,.48) !important;
  background: rgba(255,248,239,.42) !important;
}

.btn-outline:hover {
  background: var(--gold) !important;
  color: var(--ivory-soft) !important;
}

.form-row input,
.form-row textarea,
.form-row select,
.service-list,
.contact-grid {
  background: rgba(255,248,239,.48) !important;
  color: var(--ink) !important;
}

.footer {
  background: linear-gradient(180deg, #EFE0CF 0%, #E3CCB4 100%) !important;
  border-top: 1px solid var(--line-champagne) !important;
}

.footer-col h4,
.footer-col p,
.footer-col a,
.footer-bottom,
.footer-copy {
  color: var(--ink) !important;
}

@media (max-width: 768px) {
  .hero-content {
    padding: 40px 28px;
    background: rgba(255,248,239,.46);
  }
  .hero {
    min-height: 78vh;
  }
  .nav.menu-open {
    background: rgba(255,248,239,.98) !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   FINAL LUXURY TYPOGRAPHY + FULL BEIGE SAFEGUARD v4
   Purpose:
   1) make fonts larger and more elegant
   2) force any remaining dark sections into the beige palette
   3) give a more premium, consistent boutique feel
   ═══════════════════════════════════════════════════════════ */
:root {
  --black: #F7EFE6 !important;
  --dark: #F5E8DA !important;
  --dark-2: #EEDFCF !important;
  --dark-3: #E6D2BD !important;
  --cream: #3A2921 !important;
  --muted: rgba(58, 41, 33, 0.72) !important;
  --rose-gold: #B48A67 !important;
  --rose-gold-light: #D9B898 !important;
}

html { font-size: 17px; }
body {
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  color: #3A2921 !important;
  background: linear-gradient(180deg, #FFF8F1 0%, #F7EFE6 42%, #F0E0CF 100%) !important;
}

h1, h2, h3, h4,
.hero-title,
.venue-heading,
.signature-heading,
.menus-heading,
.booking-heading,
.location-heading,
.page-title,
.service-heading,
.contact-heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
}

.hero-title { font-size: clamp(3.9rem, 7vw, 6.7rem) !important; line-height: .98 !important; }
.venue-heading { font-size: clamp(2.4rem, 4.2vw, 4rem) !important; }
.signature-heading,
.menus-heading,
.booking-heading,
.location-heading,
.service-heading,
.contact-heading { font-size: clamp(2.2rem, 3.6vw, 3.5rem) !important; }
.page-title { font-size: clamp(3.1rem, 5.4vw, 4.8rem) !important; line-height: 1.02 !important; }

.hero-eyebrow,
.page-subtitle,
.section-label,
.nav-left a,
.nav-right a,
.footer-copy {
  font-size: 0.78rem !important;
  letter-spacing: 0.28em !important;
}

.nav { background: rgba(255, 249, 242, .95) !important; }
.nav-container { padding-top: 28px !important; padding-bottom: 28px !important; }
.nav-left a, .nav-right a {
  color: #4A3428 !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
}
.nav-logo {
  font-size: 1.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
}
.nav-logo small {
  font-size: 0.6rem !important;
  letter-spacing: 0.34em !important;
}
.nav-toggle span { background: #7D5C47 !important; }

.hero {
  background: linear-gradient(135deg, #FFF8F1 0%, #F7EEE5 48%, #E9D3BE 100%) !important;
}
.hero-bg {
  background:
    linear-gradient(90deg, rgba(255,249,242,.95) 0%, rgba(247,239,230,.84) 45%, rgba(232,213,191,.72) 100%),
    radial-gradient(circle at 52% 38%, rgba(216,184,145,.26), transparent 34%),
    url('../images/hero.jpg') center/cover no-repeat !important;
  opacity: .70 !important;
  filter: saturate(.82) sepia(.14) brightness(1.08) !important;
}
.hero-content {
  max-width: 920px !important;
  background: rgba(255, 249, 242, .42) !important;
  border: 1px solid rgba(180,138,103,.18) !important;
  border-radius: 18px !important;
  padding: 72px 82px !important;
  box-shadow: 0 24px 70px rgba(88,58,36,.10) !important;
}
.hero-tagline { font-size: 1.08rem !important; letter-spacing: 0.16em !important; }

.btn-primary,
.nav-book,
.sticky-book {
  font-size: 0.82rem !important;
  letter-spacing: 0.24em !important;
  padding: 16px 30px !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(116, 81, 53, .18) !important;
}
.btn-outline {
  font-size: 0.82rem !important;
  letter-spacing: 0.22em !important;
  border-radius: 999px !important;
  padding: 15px 30px !important;
}

.venue,
.signature,
.signature.alt,
.menus,
.booking-cta,
.location,
.image-grid,
.service-section,
.service-section.alt,
.gallery-section,
.contact-section,
.map-section,
.footer {
  background: #F7EFE6 !important;
  color: #3A2921 !important;
}

.booking-cta,
.signature,
.service-section.alt,
.testimonial {
  background: linear-gradient(180deg, #F3E5D7 0%, #EBD7C2 100%) !important;
}

.testimonial-quote {
  font-size: clamp(1.7rem, 2.6vw, 2.5rem) !important;
  color: #3A2921 !important;
}

.service-name h3,
.contact-item p,
.contact-item a,
.footer-col p,
.footer-col a,
.location-address,
.venue-text,
.signature-text,
.testimonial-author {
  font-size: 1rem !important;
}

.service-name p,
.venue-text,
.signature-text,
.location-address,
.contact-item p,
.footer-col p,
.footer-col a,
.footer-copy,
.testimonial-author {
  color: rgba(58,41,33,.74) !important;
}

.footer,
.map-section {
  border-top: 1px solid rgba(180,138,103,.20) !important;
}
.footer-logo { font-size: 1.2rem !important; }
.footer-col h4 { font-size: 1.3rem !important; }

.menu-card::before {
  background: linear-gradient(180deg, rgba(255,248,239,.06) 0%, rgba(58,41,33,.50) 100%) !important;
}
.gallery-item::after {
  background: linear-gradient(180deg, rgba(255,248,239,.02) 30%, rgba(58,41,33,.42) 100%) !important;
}
.gallery-item:hover::after {
  background: linear-gradient(180deg, rgba(255,248,239,.02) 15%, rgba(58,41,33,.34) 100%) !important;
}

@media (max-width: 768px) {
  html { font-size: 16px; }
  .hero-content { padding: 42px 28px !important; border-radius: 14px !important; }
  .nav-container { padding: 18px 22px !important; }
  .nav-logo { font-size: 1.35rem !important; }
}


/* ═══════════════════════════════════════════════════════════
   TOWNHOUSE-INSPIRED REFINEMENT v5 (not a copy)
   Cleaner typography, lighter galleries/signature, softer luxury finish.
   ═══════════════════════════════════════════════════════════ */
html { font-size: 17px; }
body {
  font-family: 'Jost', sans-serif !important;
  color: #3F2F27 !important;
  background: linear-gradient(180deg, #FCF8F3 0%, #F7EFE6 48%, #EFE1D2 100%) !important;
}

h1, h2, h3, h4,
.hero-title,
.page-title,
.venue-heading,
.signature-heading,
.menus-heading,
.booking-heading,
.location-heading,
.service-heading,
.contact-heading,
.menu-card-title,
.gallery-title,
.testimonial-quote {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #3F2F27 !important;
}

.hero-title {
  font-size: clamp(4.1rem, 7vw, 6.8rem) !important;
  line-height: .98 !important;
}
.hero-title em,
.page-title em,
.venue-heading em,
.signature-heading em,
.menus-heading em,
.booking-heading em,
.location-heading em {
  font-style: italic !important;
  font-weight: 400 !important;
}
.page-title {
  font-size: clamp(3.2rem, 5.4vw, 5rem) !important;
  line-height: 1.02 !important;
}
.venue-heading { font-size: clamp(2.5rem, 4vw, 4.1rem) !important; }
.signature-heading,
.menus-heading,
.booking-heading,
.location-heading,
.service-heading,
.contact-heading { font-size: clamp(2.25rem, 3.4vw, 3.55rem) !important; }
.testimonial-quote { font-size: clamp(1.9rem, 2.8vw, 2.8rem) !important; }

.nav,
.nav-left a,
.nav-right a,
.nav-logo,
.nav-logo small,
.btn-primary,
.btn-outline,
.nav-book,
.sticky-book,
.section-label,
.hero-eyebrow,
.page-subtitle,
.footer-copy,
.contact-item h4,
.gallery-label,
.menu-card-label,
.menu-card-link {
  font-family: 'Montserrat', sans-serif !important;
}

.nav {
  background: rgba(252,248,243,.96) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(180,138,103,.18) !important;
}
.nav-container {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.nav-left a,
.nav-right a {
  font-size: .85rem !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #4B3A30 !important;
}
.nav-logo {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 2.05rem !important;
  font-weight: 600 !important;
  letter-spacing: .25em !important;
  text-transform: uppercase !important;
  color: #1F1A17 !important;
}
.nav-logo small {
  font-size: .58rem !important;
  letter-spacing: .28em !important;
  color: #8D6E59 !important;
  text-transform: uppercase !important;
}
.nav-book,
.btn-primary,
.sticky-book {
  background: #FFFFFF !important;
  color: #3F2F27 !important;
  border: 1px solid rgba(63,47,39,.22) !important;
  box-shadow: 0 10px 24px rgba(86,60,40,.08) !important;
}
.nav-book:hover,
.btn-primary:hover,
.sticky-book:hover {
  background: #F1E3D5 !important;
  color: #3F2F27 !important;
}
.btn-outline {
  background: transparent !important;
  color: #3F2F27 !important;
  border: 1px solid rgba(63,47,39,.24) !important;
}
.btn-outline:hover {
  background: #F2E5D7 !important;
  color: #3F2F27 !important;
}

.section-label,
.hero-eyebrow,
.page-subtitle,
.gallery-label,
.contact-item h4,
.footer-copy,
.menu-card-label,
.menu-card-link {
  font-size: .78rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: #8F715B !important;
}

.hero {
  min-height: 92vh !important;
  background: linear-gradient(135deg, #FCF8F3 0%, #F6EDE2 52%, #EAD6BF 100%) !important;
}
.hero-bg {
  background:
    linear-gradient(90deg, rgba(252,248,243,.92) 0%, rgba(247,239,230,.76) 46%, rgba(232,213,191,.48) 100%),
    radial-gradient(circle at 50% 35%, rgba(214,185,155,.18), transparent 35%),
    url('../images/hero.jpg') center/cover no-repeat !important;
  opacity: .70 !important;
  filter: saturate(.85) sepia(.12) brightness(1.08) !important;
}
.hero-content {
  max-width: 920px !important;
  padding: 76px 82px !important;
  border-radius: 10px !important;
  background: rgba(255,251,247,.28) !important;
  border: 1px solid rgba(180,138,103,.14) !important;
  box-shadow: 0 24px 60px rgba(88,58,36,.08) !important;
}
.hero-tagline {
  font-size: 1.08rem !important;
  letter-spacing: .08em !important;
  color: rgba(63,47,39,.78) !important;
}

/* Lighten the homepage gallery strip */
.image-grid {
  background: #F8F0E7 !important;
  padding: 12px !important;
  gap: 12px !important;
}
.image-grid-item {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 36px rgba(86,60,40,.08) !important;
  filter: saturate(.95) sepia(.06) brightness(1.06) !important;
}
.image-grid-item::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 55%, rgba(246,236,226,.18) 100%) !important;
}
.image-grid-item:hover::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 35%, rgba(246,236,226,.12) 100%) !important;
}

/* Signature blocks should feel airy, not dark */
.signature,
.signature.alt {
  background: linear-gradient(180deg, #F8F0E7 0%, #F2E4D6 100%) !important;
  border: 1px solid rgba(180,138,103,.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(88,58,36,.08) !important;
}
.signature-content { padding-right: 10px !important; }
.signature-image {
  border-radius: 14px !important;
  overflow: hidden !important;
  filter: saturate(.92) sepia(.08) brightness(1.12) !important;
  box-shadow: 0 18px 40px rgba(86,60,40,.10) !important;
  border: 1px solid rgba(180,138,103,.12) !important;
}
.signature-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,250,244,.05), rgba(255,250,244,.14)) !important;
  pointer-events: none;
}
.signature-text,
.venue-text,
.location-address,
.service-name p,
.contact-item p,
.footer-col p,
.footer-col a,
.testimonial-author {
  color: rgba(63,47,39,.74) !important;
}

/* Gallery pages and cards: remove black feel */
.gallery-section,
.menus,
.venue,
.location,
.booking-cta,
.contact-section,
.service-section,
.service-section.alt,
.map-section,
.footer {
  background: #F8F0E7 !important;
}
.gallery-item,
.menu-card {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(86,60,40,.10) !important;
}
.menu-card {
  border: 1px solid rgba(180,138,103,.14) !important;
}
.menu-card::before {
  background: linear-gradient(180deg, rgba(255,255,255,.02) 28%, rgba(63,47,39,.28) 100%) !important;
}
.gallery-item {
  filter: saturate(.95) sepia(.06) brightness(1.06) !important;
  border: 1px solid rgba(180,138,103,.12) !important;
}
.gallery-item::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 44%, rgba(63,47,39,.20) 100%) !important;
}
.gallery-item:hover::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 24%, rgba(63,47,39,.14) 100%) !important;
}
.gallery-title,
.menu-card-title {
  color: #FFF8F2 !important;
}

.footer {
  background: #F3E5D7 !important;
}
.footer-logo {
  font-family: 'Montserrat', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
}

@media (max-width: 768px) {
  html { font-size: 16px; }
  .nav-logo { font-size: 1.45rem !important; letter-spacing: .18em !important; }
  .nav-left a, .nav-right a { font-size: .8rem !important; }
  .hero-content { padding: 42px 28px !important; }
  .signature,
  .signature.alt { border-radius: 12px !important; }
}

/* ═══════════════════════════════════════════════════════════
   CHLOE NAIL SPA — v6 EDITORIAL HOMEPAGE + MOBILE POLISH
   Direction: image-led luxury beauty brand, brighter than Tattu,
   cleaner/editorial like premium salon brands, not copied.
   ═══════════════════════════════════════════════════════════ */
:root {
  --chloe-ink: #352720;
  --chloe-mocha: #5B4336;
  --chloe-taupe: #8C6E58;
  --chloe-gold: #B48A67;
  --chloe-champagne: #F7EFE6;
  --chloe-ivory: #FFF9F2;
  --chloe-blush: #EBD7C2;
  --chloe-line: rgba(180, 138, 103, .18);
  --chloe-shadow: 0 28px 70px rgba(73, 48, 30, .12);
}

html { font-size: 17px; }
body {
  background: var(--chloe-ivory) !important;
  color: var(--chloe-ink) !important;
  overflow-x: hidden;
}

/* Premium navigation */
.nav-editorial,
.nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,249,242,.96) !important;
  border-bottom: 1px solid var(--chloe-line) !important;
  box-shadow: 0 8px 28px rgba(73,48,30,.04);
}
.nav-container {
  grid-template-columns: 1fr auto 1fr !important;
  padding: 22px 56px !important;
  position: relative;
}
.nav-logo {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(1.55rem, 2.2vw, 2.3rem) !important;
  font-weight: 600 !important;
  letter-spacing: .28em !important;
  color: #16110F !important;
}
.nav-logo small {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .56rem !important;
  letter-spacing: .34em !important;
  color: var(--chloe-taupe) !important;
}
.nav-left a,
.nav-right a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  color: var(--chloe-mocha) !important;
}
.nav-book,
.btn-primary,
.btn-ghost,
.btn-outline,
.sticky-book {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
}
.nav-book,
.btn-primary,
.sticky-book {
  background: #fff !important;
  color: var(--chloe-ink) !important;
  border: 1px solid rgba(53,39,32,.22) !important;
  padding: 15px 28px !important;
  box-shadow: 0 12px 28px rgba(73,48,30,.08) !important;
}
.nav-book:hover,
.btn-primary:hover,
.sticky-book:hover {
  background: #F0DFD0 !important;
  color: var(--chloe-ink) !important;
}
.btn-outline,
.btn-ghost {
  display: inline-block;
  padding: 15px 30px;
  color: var(--chloe-ink) !important;
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(53,39,32,.20) !important;
}
.btn-outline:hover,
.btn-ghost:hover {
  background: #F0DFD0 !important;
  color: var(--chloe-ink) !important;
}

/* Full-bleed editorial hero */
.hero-editorial {
  position: relative;
  min-height: calc(100vh - 92px) !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 110px 72px 92px;
  overflow: hidden;
  background: #1A1512 !important;
  border-bottom: 0 !important;
}
.hero-media,
.hero-video,
.hero-poster,
.hero-shade {
  position: absolute;
  inset: 0;
}
.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.hero-poster {
  z-index: 0;
  background-image: url('../images/hero-editorial.jpg');
  background-size: cover;
  background-position: center;
  filter: saturate(.92) sepia(.06) brightness(1.02);
}
.hero-video:not([src]) + .hero-poster { display: block; }
.hero-shade {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(23,17,14,.58) 0%, rgba(23,17,14,.34) 38%, rgba(23,17,14,.12) 72%, rgba(23,17,14,.26) 100%),
    linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.32) 100%);
}
.hero-editorial-content {
  position: relative;
  z-index: 2;
  width: min(760px, 92vw);
  color: var(--chloe-ivory);
}
.hero-kicker,
.section-label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .82rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: #D8B898 !important;
}
.hero-title,
.hero-editorial .hero-title {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: clamp(4.2rem, 7.5vw, 7.6rem) !important;
  line-height: .93 !important;
  letter-spacing: -.02em !important;
  color: var(--chloe-ivory) !important;
  margin: 18px 0 24px !important;
}
.hero-title em { color: var(--chloe-ivory) !important; font-style: italic !important; }
.hero-intro {
  max-width: 560px;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.85;
  color: rgba(255,249,242,.86);
  margin-bottom: 34px;
}
.hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.hero-editorial .btn-primary {
  background: var(--chloe-ivory) !important;
  color: var(--chloe-ink) !important;
  border-color: rgba(255,249,242,.72) !important;
}
.hero-editorial .btn-ghost {
  color: var(--chloe-ivory) !important;
  border-color: rgba(255,249,242,.45) !important;
  background: rgba(255,249,242,.08) !important;
  backdrop-filter: blur(5px);
}
.hero-editorial .btn-ghost:hover {
  background: rgba(255,249,242,.22) !important;
}
.hero-signature-card {
  position: absolute;
  right: 64px;
  bottom: 70px;
  z-index: 2;
  padding: 24px 28px;
  min-width: 250px;
  background: rgba(255,249,242,.86);
  color: var(--chloe-ink);
  border: 1px solid rgba(255,249,242,.58);
  box-shadow: 0 20px 48px rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
}
.hero-signature-card span {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: .72rem;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: var(--chloe-taupe);
  margin-bottom: 8px;
}
.hero-signature-card strong {
  font-family: 'Bodoni Moda', serif;
  font-size: 1.45rem;
  font-weight: 400;
}
.hero-editorial .hero-scroll {
  z-index: 2;
  color: rgba(255,249,242,.78) !important;
}
.hero-editorial .hero-scroll-line { background: rgba(255,249,242,.72) !important; }

/* Editorial content rhythm */
.editorial-intro,
.feature-strip,
.campaign-gallery,
.signature-editorial,
.testimonial-editorial,
.booking-editorial,
.location-editorial {
  background: var(--chloe-ivory) !important;
  color: var(--chloe-ink) !important;
}
.editorial-intro {
  padding: 96px 0;
  border-bottom: 1px solid var(--chloe-line);
}
.editorial-intro-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 72px;
  align-items: end;
}
.editorial-intro h2,
.campaign-copy h2,
.signature-editorial .signature-heading,
.booking-editorial .booking-heading,
.location-editorial .location-heading {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: clamp(2.4rem, 4.4vw, 4.7rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.01em !important;
  color: var(--chloe-ink) !important;
}
.editorial-intro em,
.campaign-copy em,
.signature-editorial em,
.booking-editorial em,
.location-editorial em { color: var(--chloe-ink) !important; }
.editorial-intro p,
.campaign-copy p,
.signature-text,
.booking-panel p,
.location-address {
  font-size: 1.05rem !important;
  line-height: 1.9 !important;
  color: rgba(53,39,32,.76) !important;
}

.feature-strip {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 1px;
  background: var(--chloe-line) !important;
  border-bottom: 1px solid var(--chloe-line);
}
.feature-tile {
  display: block;
  min-height: 300px;
  padding: 52px 46px;
  background: #F8F0E7;
  transition: all .4s ease;
}
.feature-tile-large { background: #F2E4D6; }
.feature-tile:hover { background: #EBD7C2; transform: translateY(-2px); }
.feature-tile span {
  font-family: 'Montserrat', sans-serif;
  font-size: .76rem;
  letter-spacing: .22em;
  color: var(--chloe-gold);
}
.feature-tile h3 {
  font-family: 'Bodoni Moda', serif !important;
  font-size: clamp(1.8rem, 2.6vw, 2.75rem);
  line-height: 1.05;
  margin: 56px 0 18px;
  color: var(--chloe-ink) !important;
}
.feature-tile p { color: rgba(53,39,32,.70); line-height: 1.8; }

.campaign-gallery {
  display: grid;
  grid-template-columns: 1.05fr .9fr .78fr;
  gap: 24px;
  padding: 112px 56px;
  max-width: 1500px;
  margin: 0 auto;
}
.campaign-image {
  min-height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 18px;
  filter: saturate(.95) sepia(.06) brightness(1.10) !important;
  box-shadow: var(--chloe-shadow);
  position: relative;
  overflow: hidden;
}
.campaign-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,249,242,.03), rgba(255,249,242,.18));
  pointer-events: none;
}
.campaign-image.tall { min-height: 660px; }
.campaign-copy {
  align-self: center;
  padding: 56px 34px;
}
.campaign-stack {
  display: grid;
  gap: 24px;
}

.signature-editorial {
  max-width: 1420px;
  margin: 0 auto 96px;
  padding: 58px !important;
  grid-template-columns: .9fr 1fr !important;
  background: linear-gradient(135deg, #F8F0E7 0%, #EBD7C2 100%) !important;
  border-radius: 24px !important;
  border: 1px solid var(--chloe-line) !important;
  box-shadow: var(--chloe-shadow) !important;
}
.signature-editorial .signature-image {
  min-height: 610px;
  border-radius: 20px !important;
  filter: saturate(.94) sepia(.06) brightness(1.10) !important;
}
.signature-editorial .signature-content {
  padding: 30px 20px 30px 34px !important;
}
.mini-points {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 28px 0 34px;
}
.mini-points span {
  display: inline-flex;
  padding: 10px 15px;
  border: 1px solid rgba(53,39,32,.14);
  border-radius: 999px;
  font-family: 'Montserrat', sans-serif;
  font-size: .74rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: var(--chloe-mocha);
  background: rgba(255,249,242,.34);
}

.testimonial-editorial {
  padding: 110px 0 !important;
  background: #FCF8F3 !important;
  border-top: 1px solid var(--chloe-line);
  border-bottom: 1px solid var(--chloe-line);
}
.testimonial-quote {
  font-family: 'Bodoni Moda', serif !important;
  font-size: clamp(2rem, 3.2vw, 3.2rem) !important;
  color: var(--chloe-ink) !important;
}
.booking-editorial {
  padding: 100px 0 !important;
  background: linear-gradient(135deg, #F8F0E7, #EBD7C2) !important;
}
.booking-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 70px;
  align-items: center;
}
.booking-panel {
  padding: 38px;
  background: rgba(255,249,242,.52);
  border: 1px solid var(--chloe-line);
  border-radius: 20px;
  box-shadow: 0 20px 54px rgba(73,48,30,.08);
}
.location-editorial {
  padding: 96px 0 !important;
  text-align: center;
}
.footer {
  background: #F2E4D6 !important;
  color: var(--chloe-ink) !important;
}
.footer-col h4,
.footer-col p,
.footer-col a,
.footer-logo,
.footer-copy {
  color: var(--chloe-ink) !important;
}

/* Mobile-first refinement */
@media (max-width: 1100px) {
  .nav-container { padding: 20px 32px !important; }
  .hero-editorial { padding: 96px 44px 76px; }
  .hero-signature-card { right: 34px; bottom: 42px; }
  .editorial-intro-grid,
  .booking-grid { grid-template-columns: 1fr; gap: 34px; }
  .campaign-gallery { grid-template-columns: 1fr 1fr; }
  .campaign-copy { order: -1; grid-column: 1 / -1; padding: 20px 0 28px; }
  .campaign-image.tall { min-height: 500px; }
  .signature-editorial { margin: 0 32px 80px; }
}

@media (max-width: 768px) {
  html { font-size: 16px; }
  body { padding-bottom: 76px; }
  .nav-container {
    grid-template-columns: auto 1fr auto !important;
    padding: 16px 20px !important;
  }
  .nav-logo {
    grid-column: 2 !important;
    justify-self: center;
    font-size: 1.42rem !important;
    letter-spacing: .22em !important;
  }
  .nav-logo small { font-size: .48rem !important; letter-spacing: .24em !important; }
  .nav-toggle {
    display: flex !important;
    grid-column: 3 !important;
    justify-self: end;
    z-index: 102;
  }
  .nav-toggle span { background: var(--chloe-ink) !important; }
  .nav-left,
  .nav-right { display: none !important; }
  .nav.menu-open {
    background: rgba(255,249,242,.99) !important;
  }
  .nav.menu-open .nav-left,
  .nav.menu-open .nav-right {
    display: flex !important;
    position: absolute;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 18px 24px;
    background: rgba(255,249,242,.99);
    border-bottom: 1px solid var(--chloe-line);
  }
  .nav.menu-open .nav-left { top: 76px; }
  .nav.menu-open .nav-right { top: 260px; padding-bottom: 28px; }
  .nav.menu-open a {
    display: block;
    padding: 14px 0;
    font-size: .92rem !important;
  }

  .hero-editorial {
    min-height: 82vh !important;
    padding: 88px 24px 74px;
    align-items: flex-end;
  }
  .hero-shade {
    background:
      linear-gradient(180deg, rgba(23,17,14,.14) 0%, rgba(23,17,14,.42) 46%, rgba(23,17,14,.70) 100%),
      linear-gradient(90deg, rgba(23,17,14,.38), rgba(23,17,14,.18));
  }
  .hero-title,
  .hero-editorial .hero-title {
    font-size: clamp(3.25rem, 15vw, 4.55rem) !important;
    line-height: .94 !important;
  }
  .hero-intro { font-size: 1rem; line-height: 1.7; margin-bottom: 24px; }
  .hero-actions { flex-direction: column; align-items: stretch; width: 100%; }
  .hero-actions a { width: 100%; text-align: center; }
  .hero-signature-card { display: none; }
  .hero-scroll { display: none; }

  .container { padding: 0 24px !important; }
  .editorial-intro { padding: 66px 0; }
  .editorial-intro h2,
  .campaign-copy h2,
  .signature-editorial .signature-heading,
  .booking-editorial .booking-heading,
  .location-editorial .location-heading {
    font-size: clamp(2.35rem, 10vw, 3.25rem) !important;
  }
  .feature-strip { grid-template-columns: 1fr; }
  .feature-tile { min-height: auto; padding: 38px 26px; }
  .feature-tile h3 { margin: 34px 0 14px; font-size: 2.15rem; }
  .campaign-gallery { grid-template-columns: 1fr; padding: 62px 20px; gap: 18px; }
  .campaign-image.tall,
  .campaign-image { min-height: 360px; }
  .campaign-stack { grid-template-columns: 1fr 1fr; gap: 18px; }
  .campaign-stack .campaign-image { min-height: 230px; }
  .signature-editorial {
    margin: 0 20px 62px;
    padding: 24px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    border-radius: 18px !important;
  }
  .signature-editorial .signature-image { min-height: 420px; }
  .signature-editorial .signature-content { padding: 0 !important; }
  .testimonial-editorial { padding: 70px 0 !important; }
  .booking-editorial { padding: 70px 0 !important; }
  .booking-panel { padding: 28px; }
  .location-editorial { padding: 72px 0 !important; }
  .footer-grid { grid-template-columns: 1fr !important; text-align: center; gap: 32px !important; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
}

@media (max-width: 480px) {
  .hero-editorial { min-height: 78vh !important; padding: 78px 18px 64px; }
  .hero-title,
  .hero-editorial .hero-title { font-size: clamp(2.9rem, 16vw, 3.8rem) !important; }
  .hero-kicker,
  .section-label { font-size: .70rem !important; letter-spacing: .18em !important; }
  .campaign-stack { grid-template-columns: 1fr; }
  .campaign-stack .campaign-image { min-height: 300px; }
  .sticky-book {
    display: block !important;
    width: calc(100% - 32px);
    text-align: center;
    left: 16px;
    right: 16px;
    transform: none;
    bottom: 14px;
  }
}


/* ═══════════════════════════════════════════════════════════
   VIDEO HERO READY PATCH v7
   Desktop uses videos/hero.mp4 when present. Mobile keeps image fallback
   for speed and reliability.
   ═══════════════════════════════════════════════════════════ */
.hero-media { z-index: 0 !important; }
.hero-poster {
  z-index: 0 !important;
  display: block !important;
  background-image: url('../images/hero-editorial.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}
.hero-video {
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.hero-shade { z-index: 2 !important; }
.hero-editorial-content,
.hero-signature-card,
.hero-scroll { z-index: 3 !important; }
@media (max-width: 768px) {
  .hero-video { display: none !important; }
  .hero-poster { display: block !important; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none !important; }
  .hero-poster { display: block !important; }
}


/* v8 real-video hero source support */
.hero-video {
  object-position: center center !important;
}
.hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(252,248,243,.56) 0%, rgba(252,248,243,.16) 44%, rgba(63,47,39,.08) 100%);
}


/* ═══════════════════════════════════════════════════════════
   V9 HERO VIDEO + LOGO REFINEMENT
   - use centered local hero video
   - improve Chloe logo/wordmark in top navigation
   ═══════════════════════════════════════════════════════════ */
.nav-container {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.nav-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 280px;
  text-align: center !important;
}
.nav-logo-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.nav-logo-mark {
  width: 26px;
  height: 26px;
  object-fit: contain;
  opacity: .92;
  filter: saturate(1.02) brightness(.98);
}
.nav-logo-wordmark {
  display: inline-block;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 3rem !important;
  line-height: .92 !important;
  letter-spacing: .28em !important;
  font-weight: 500 !important;
  color: #1F1A17 !important;
  text-transform: uppercase;
  transform: translateX(.14em);
}
.nav-logo small {
  margin-top: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .62rem !important;
  font-weight: 400 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase;
  color: #9C7B63 !important;
}
.nav-editorial {
  background: rgba(252,248,243,.96) !important;
  border-bottom: 1px solid rgba(180,138,103,.16) !important;
}

/* Better centered homepage hero video */
.hero-media,
.hero-video,
.hero-poster {
  background-color: #efe3d5;
}
.hero-video {
  object-fit: cover !important;
  object-position: center 50% !important;
  filter: saturate(1.02) brightness(.96) contrast(1.02) !important;
}
.hero-poster {
  background-position: center center !important;
  filter: saturate(.98) sepia(.02) brightness(1.02) !important;
}
.hero-shade {
  background:
    linear-gradient(90deg, rgba(23,17,14,.42) 0%, rgba(23,17,14,.24) 36%, rgba(23,17,14,.10) 70%, rgba(23,17,14,.16) 100%),
    linear-gradient(180deg, rgba(17,12,10,.08) 0%, rgba(17,12,10,.18) 100%) !important;
}
.hero-editorial-content {
  max-width: 720px !important;
}
.hero-title {
  text-shadow: 0 2px 14px rgba(28, 19, 14, 0.08);
}

/* Footer brand can feel a little more premium too */
.footer-logo {
  letter-spacing: .18em !important;
}

@media (max-width: 1024px) {
  .nav-logo {
    min-width: auto;
  }
  .nav-logo-wordmark {
    font-size: 2.2rem !important;
    letter-spacing: .22em !important;
  }
  .nav-logo small {
    font-size: .55rem !important;
    letter-spacing: .28em !important;
  }
}

@media (max-width: 768px) {
  .nav-container {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .nav-logo-top {
    gap: 8px;
  }
  .nav-logo-mark {
    width: 18px;
    height: 18px;
  }
  .nav-logo-wordmark {
    font-size: 1.34rem !important;
    letter-spacing: .16em !important;
    transform: translateX(.08em);
  }
  .nav-logo small {
    font-size: .43rem !important;
    letter-spacing: .22em !important;
  }
  .hero-video { display: none !important; }
  .hero-poster { display: block !important; }
}


/* ═══════════════════════════════════════════════════════════
   V10 CLEAN LUXURY + REAL VIDEO RESTORE
   ═══════════════════════════════════════════════════════════ */
.nav-editorial,
.nav {
  background: rgba(252,248,243,.985) !important;
  border-bottom: 1px solid rgba(70,54,44,.10) !important;
}
.nav-container {
  max-width: 1480px !important;
}
.nav-left a,
.nav-right a {
  font-size: .82rem !important;
  letter-spacing: .20em !important;
  color: rgba(63,47,39,.76) !important;
}
.nav-book {
  background: #fff !important;
  border: 1px solid rgba(63,47,39,.18) !important;
  box-shadow: 0 10px 22px rgba(63,47,39,.06) !important;
}

.hero-video {
  object-position: 50% 50% !important;
  object-fit: cover !important;
  filter: saturate(1.03) brightness(.90) contrast(1.04) !important;
}
.hero-shade {
  background:
    linear-gradient(90deg, rgba(18,14,12,.52) 0%, rgba(18,14,12,.30) 36%, rgba(18,14,12,.08) 70%, rgba(18,14,12,.12) 100%),
    linear-gradient(180deg, rgba(18,14,12,.10) 0%, rgba(18,14,12,.20) 100%) !important;
}
.hero-contact-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin: 28px 0 0;
  max-width: 760px;
}
.hero-contact-strip span {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid rgba(255,248,239,.32);
  border-radius: 999px;
  background: rgba(255,248,239,.14);
  backdrop-filter: blur(7px);
  color: rgba(255,248,239,.90);
  font-family: 'Montserrat', sans-serif;
  font-size: .78rem;
  letter-spacing: .11em;
  text-transform: uppercase;
  line-height: 1.2;
}
.hero-actions { margin-top: 34px !important; }
.hero-signature-card {
  backdrop-filter: blur(10px);
  background: rgba(252,248,243,.88) !important;
  border: 1px solid rgba(255,248,239,.48) !important;
}

@media (max-width: 768px) {
  .hero-contact-strip {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 22px;
  }
  .hero-contact-strip span {
    font-size: .68rem;
    letter-spacing: .08em;
    padding: 9px 12px;
  }
  .hero-actions { margin-top: 26px !important; }
}


/* ═══════════════════════════════════════════════════════════
   V11 HERO VIDEO CENTRE FIX
   Shows the real nail video fully centred instead of cropping it to the top.
   Uses a softly blurred poster behind the video so it still feels full-bleed.
   ═══════════════════════════════════════════════════════════ */
.hero-editorial {
  min-height: calc(100vh - 92px) !important;
  background: #17120f !important;
}
.hero-media {
  overflow: hidden !important;
  background: #17120f !important;
}
.hero-media::before {
  content: '';
  position: absolute;
  inset: -32px;
  z-index: 0;
  background-image: url('../images/hero-editorial.jpg');
  background-size: cover;
  background-position: center center;
  filter: blur(20px) saturate(.94) brightness(.70);
  transform: scale(1.06);
}
.hero-video {
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: auto !important;
  background: transparent !important;
  filter: saturate(1.04) brightness(.94) contrast(1.02) !important;
}
.hero-poster {
  z-index: 0 !important;
  background-position: center center !important;
}
.hero-media::after {
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(23,17,14,.50) 0%, rgba(23,17,14,.28) 35%, rgba(23,17,14,.08) 70%, rgba(23,17,14,.16) 100%),
    radial-gradient(circle at 72% 52%, rgba(255,248,239,.08), transparent 40%) !important;
}
.hero-shade {
  z-index: 3 !important;
  background:
    linear-gradient(90deg, rgba(18,14,12,.34) 0%, rgba(18,14,12,.22) 42%, rgba(18,14,12,.08) 100%) !important;
}
.hero-editorial-content,
.hero-signature-card,
.hero-scroll {
  z-index: 4 !important;
}
.hero-contact-strip span {
  background: rgba(255,248,239,.18) !important;
  border-color: rgba(255,248,239,.42) !important;
}
@media (max-width: 768px) {
  .hero-editorial {
    min-height: 86vh !important;
  }
  .hero-video {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none !important; }
  .hero-poster { display: block !important; }
}


/* ═══════════════════════════════════════════════════════════
   V12 FULL-BLEED REAL VIDEO HERO + SERVICES ROUTE FIX
   - The hero video now covers the whole front page again.
   - /services is served by services/index.html; no redirect-loop rule.
   ═══════════════════════════════════════════════════════════ */
.hero-editorial {
  min-height: calc(100vh - 92px) !important;
  background: #17120f !important;
  isolation: isolate;
}
.hero-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #17120f url('../images/hero-editorial.jpg') center center / cover no-repeat !important;
}
.hero-media::before {
  display: none !important;
}
.hero-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  background: #17120f !important;
  filter: saturate(1.04) brightness(.88) contrast(1.04) !important;
}
.hero-poster {
  z-index: 0 !important;
  display: block !important;
  background-image: url('../images/hero-editorial.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
}
.hero-media::after {
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(18,14,12,.56) 0%, rgba(18,14,12,.36) 36%, rgba(18,14,12,.14) 70%, rgba(18,14,12,.18) 100%),
    linear-gradient(180deg, rgba(18,14,12,.08) 0%, rgba(18,14,12,.22) 100%) !important;
}
.hero-shade {
  z-index: 3 !important;
  background: linear-gradient(90deg, rgba(18,14,12,.32) 0%, rgba(18,14,12,.18) 48%, rgba(18,14,12,.08) 100%) !important;
}
.hero-editorial-content,
.hero-signature-card,
.hero-scroll {
  z-index: 4 !important;
}

/* Make the services page feel clean, luxury and reliable */
.price-menu-intro,
.price-menu-section,
.service-category-nav {
  background: #faf4ed !important;
}
.service-category-nav {
  position: sticky;
  top: 92px;
  z-index: 50;
  border-top: 1px solid rgba(63,47,39,.08);
  border-bottom: 1px solid rgba(63,47,39,.10);
  backdrop-filter: blur(12px);
  background: rgba(250,244,237,.92) !important;
}
.service-category-nav-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
}
.service-category-nav a {
  font-family: 'Montserrat', sans-serif;
  font-size: .75rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(63,47,39,.78);
  border: 1px solid rgba(63,47,39,.12);
  border-radius: 999px;
  padding: 10px 16px;
  background: rgba(255,255,255,.45);
}
.price-card {
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(180,138,103,.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(86,60,40,.07) !important;
}
.price-card h3 {
  color: #3f2f27 !important;
}
.price-card li {
  border-bottom: 1px solid rgba(63,47,39,.08) !important;
}
.price-card strong {
  color: #8f6b51 !important;
}

@media (max-width: 768px) {
  .hero-editorial {
    min-height: 88vh !important;
  }
  .hero-video {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  .service-category-nav {
    top: 72px;
  }
  .service-category-nav-inner {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 12px 18px;
  }
  .service-category-nav a {
    white-space: nowrap;
    font-size: .66rem;
    padding: 9px 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none !important; }
  .hero-poster { display: block !important; }
}


/* ═══════════════════════════════════════════════════════════
   V13 FINAL HERO COVER + SOFT CHLOE + LUXE GALLERY
   Tested for extensionless /services and /gallery routes locally.
   ═══════════════════════════════════════════════════════════ */

.nav-editorial,
.nav {
  background: rgba(252, 248, 243, .965) !important;
  border-bottom: 1px solid rgba(168, 132, 104, .16) !important;
}
.nav-container {
  max-width: 1500px !important;
  padding: 16px 52px 15px !important;
}
.nav-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 250px !important;
  text-align: center !important;
}
.nav-logo-top {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.nav-logo-mark {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  opacity: .58 !important;
  filter: sepia(.25) saturate(.85) brightness(.96) !important;
}
.nav-logo-wordmark {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: 2.58rem !important;
  line-height: .9 !important;
  letter-spacing: .16em !important;
  font-weight: 400 !important;
  color: #3d3029 !important;
  text-transform: uppercase !important;
  transform: translateX(.08em) !important;
}
.nav-logo small {
  font-family: 'Montserrat', sans-serif !important;
  margin-top: 0 !important;
  font-size: .56rem !important;
  letter-spacing: .30em !important;
  font-weight: 400 !important;
  color: #a3846f !important;
  text-transform: uppercase !important;
}
.nav-left a,
.nav-right a {
  font-size: .78rem !important;
  letter-spacing: .17em !important;
  color: rgba(61,48,41,.76) !important;
}
.nav-book {
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(61,48,41,.18) !important;
  box-shadow: 0 8px 22px rgba(72,52,38,.06) !important;
  color: #3d3029 !important;
}

.hero-editorial {
  min-height: calc(100vh - 82px) !important;
  background: #18120f !important;
  isolation: isolate !important;
}
.hero-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #18120f url('../images/hero-editorial.jpg') center center / cover no-repeat !important;
}
.hero-poster {
  display: none !important;
}
.hero-media::before {
  display: none !important;
}
.hero-video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 50% 58% !important;
  transform: translate(-50%, -50%) scale(1.18) !important;
  transform-origin: center center !important;
  z-index: 1 !important;
  display: block !important;
  background: #18120f !important;
  filter: saturate(1.02) brightness(.92) contrast(1.02) !important;
}
.hero-media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(18,14,12,.55) 0%, rgba(18,14,12,.34) 36%, rgba(18,14,12,.14) 68%, rgba(18,14,12,.20) 100%),
    linear-gradient(180deg, rgba(18,14,12,.05) 0%, rgba(18,14,12,.22) 100%) !important;
}
.hero-shade {
  z-index: 3 !important;
  background: linear-gradient(90deg, rgba(18,14,12,.22) 0%, rgba(18,14,12,.10) 52%, rgba(18,14,12,.06) 100%) !important;
}
.hero-editorial-content,
.hero-signature-card,
.hero-scroll {
  z-index: 4 !important;
}
.hero-contact-strip span {
  backdrop-filter: blur(9px) !important;
}

.gallery-hero-luxe {
  position: relative;
  min-height: 68vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  background: #f8efe6;
}
.gallery-hero-bg,
.gallery-hero-overlay {
  position: absolute;
  inset: 0;
}
.gallery-hero-bg {
  background: url('../images/gallery-header.jpg') center center / cover no-repeat;
  filter: saturate(.98) sepia(.05) brightness(1.02);
  transform: scale(1.03);
}
.gallery-hero-overlay {
  background:
    linear-gradient(180deg, rgba(252,248,243,.58), rgba(239,224,207,.76)),
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.36), transparent 36%);
}
.gallery-hero-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 110px 32px 82px;
}
.gallery-hero-content .page-title {
  color: #3d3029 !important;
  font-size: clamp(3.4rem, 7vw, 6.8rem) !important;
  letter-spacing: -.02em !important;
}
.gallery-hero-content .page-subtitle {
  max-width: 680px;
  margin: 22px auto 0;
  line-height: 1.8;
  color: rgba(61,48,41,.72) !important;
}
.gallery-filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 34px;
}
.gallery-filter-row span {
  font-family: 'Montserrat', sans-serif;
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(61,48,41,.74);
  border: 1px solid rgba(61,48,41,.14);
  border-radius: 999px;
  padding: 10px 16px;
  background: rgba(255,255,255,.44);
  backdrop-filter: blur(8px);
}
.gallery-editorial-intro {
  background: #fbf6f0 !important;
  padding: 82px 0 56px;
}
.gallery-editorial-intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: end;
}
.gallery-editorial-intro h2 {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: clamp(2.4rem, 4vw, 4rem) !important;
  color: #3d3029 !important;
  line-height: 1.04;
}
.gallery-editorial-intro p {
  color: rgba(61,48,41,.72);
  font-size: 1.05rem;
  line-height: 1.85;
}
.gallery-showcase-luxe {
  background: linear-gradient(180deg, #fbf6f0 0%, #f2e5d8 100%) !important;
  padding: 30px 32px 110px;
}
.gallery-masonry-luxe {
  max-width: 1420px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 270px;
  gap: 18px;
}
.gallery-luxe-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #ead9c8;
  box-shadow: 0 22px 58px rgba(72,52,38,.10);
  border: 1px solid rgba(180,138,103,.16);
}
.gallery-luxe-card-large {
  grid-column: span 2;
  grid-row: span 2;
}
.gallery-luxe-card-tall {
  grid-row: span 2;
}
.gallery-luxe-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(.98) sepia(.04) brightness(1.02);
  transition: transform .8s ease, filter .8s ease;
}
.gallery-luxe-card:hover img {
  transform: scale(1.045);
  filter: saturate(1.03) sepia(.03) brightness(1.05);
}
.gallery-luxe-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(35,26,21,.54) 100%);
  pointer-events: none;
}
.gallery-luxe-card div {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.gallery-luxe-card span {
  font-family: 'Montserrat', sans-serif;
  font-size: .68rem;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: rgba(255,248,239,.78);
}
.gallery-luxe-card strong {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 400;
  color: #fff8ef;
}
.gallery-booking-luxe {
  background: #f2e5d8 !important;
  padding: 0 32px 105px;
}
.gallery-booking-card {
  max-width: 980px !important;
  text-align: center;
  background: rgba(255,255,255,.54);
  border: 1px solid rgba(180,138,103,.18);
  border-radius: 24px;
  padding: 68px 42px;
  box-shadow: 0 24px 64px rgba(72,52,38,.08);
}
.gallery-booking-card h2 {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: clamp(2.2rem, 4vw, 3.6rem) !important;
  color: #3d3029 !important;
  margin: 14px 0 14px;
}
.gallery-booking-card p {
  color: rgba(61,48,41,.72);
  margin-bottom: 30px;
}

@media (max-width: 1100px) {
  .gallery-masonry-luxe {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 280px;
  }
}
@media (max-width: 768px) {
  .nav-container { padding: 13px 22px !important; }
  .nav-logo { min-width: auto !important; }
  .nav-logo-mark { width: 18px !important; height: 18px !important; }
  .nav-logo-wordmark {
    font-size: 1.58rem !important;
    letter-spacing: .13em !important;
  }
  .nav-logo small {
    font-size: .42rem !important;
    letter-spacing: .20em !important;
  }
  .hero-editorial { min-height: 88vh !important; }
  .hero-video {
    transform: translate(-50%, -50%) scale(1.06) !important;
    object-position: 50% 56% !important;
  }
  .gallery-hero-luxe { min-height: 58vh; }
  .gallery-hero-content { padding: 82px 22px 58px; }
  .gallery-editorial-intro-grid { grid-template-columns: 1fr; gap: 22px; }
  .gallery-showcase-luxe { padding: 24px 18px 74px; }
  .gallery-masonry-luxe {
    grid-template-columns: 1fr;
    grid-auto-rows: 390px;
    gap: 16px;
  }
  .gallery-luxe-card-large,
  .gallery-luxe-card-tall {
    grid-column: auto;
    grid-row: auto;
  }
  .gallery-booking-luxe { padding: 0 18px 76px; }
  .gallery-booking-card { padding: 48px 24px; }
}


/* ═══════════════════════════════════════════════════════════
   V14 CAREFUL FIX: LANDSCAPE REAL VIDEO + EXACT /SERVICES FILE
   - hero uses landscape nail-service video so it covers the whole front
   - no split poster panel
   - softer Chloe wordmark
   ═══════════════════════════════════════════════════════════ */
.nav-logo-wordmark {
  font-family: 'Cormorant Garamond', 'Bodoni Moda', serif !important;
  font-size: clamp(2.25rem, 3.2vw, 3.15rem) !important;
  line-height: .86 !important;
  letter-spacing: .075em !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: #3c3029 !important;
  transform: none !important;
}
.nav-logo-top { gap: 9px !important; }
.nav-logo-mark {
  width: 20px !important;
  height: 20px !important;
  opacity: .52 !important;
}
.nav-logo small {
  font-size: .54rem !important;
  letter-spacing: .28em !important;
  color: #a3846f !important;
}

.hero-editorial {
  min-height: calc(100vh - 82px) !important;
  background: #18120f !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.hero-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #18120f !important;
}
.hero-poster {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.hero-media::before {
  display: none !important;
  content: none !important;
}
.hero-video {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  z-index: 1 !important;
  background: #18120f !important;
  filter: saturate(.98) brightness(.86) contrast(1.04) !important;
}
.hero-media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(18,14,12,.58) 0%, rgba(18,14,12,.38) 40%, rgba(18,14,12,.16) 72%, rgba(18,14,12,.18) 100%),
    linear-gradient(180deg, rgba(18,14,12,.08) 0%, rgba(18,14,12,.24) 100%) !important;
}
.hero-shade {
  z-index: 3 !important;
  background: transparent !important;
}
.hero-editorial-content,
.hero-signature-card,
.hero-scroll { z-index: 4 !important; }

/* If user has reduced motion, use the hero image as a full-cover fallback only. */
@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none !important; }
  .hero-poster {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-image: url('../images/hero-editorial.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  .nav-logo-wordmark {
    font-size: 1.65rem !important;
    letter-spacing: .055em !important;
  }
  .nav-logo-mark {
    width: 16px !important;
    height: 16px !important;
  }
  .nav-logo small {
    font-size: .4rem !important;
    letter-spacing: .18em !important;
  }
  .hero-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   V15 FINAL CLEAN LUXURY SYSTEM
   video-only hero, softer logo, working directory routes, services/drinks/policy/gallery
   ═══════════════════════════════════════════════════════════ */
html, body { background:#fbf7f1 !important; color:#342823 !important; }
.nav-editorial { background:rgba(251,247,241,.96)!important; border-bottom:1px solid rgba(184,139,99,.18)!important; }
.nav-container { max-width: 1600px!important; padding: 16px 54px!important; grid-template-columns:1fr auto 1.1fr!important; }
.nav-left,.nav-right{gap:30px!important; align-items:center!important;}
.nav-left a,.nav-right a{font-family:'Montserrat',sans-serif!important;font-size:.78rem!important;letter-spacing:.18em!important;color:#5a473d!important;font-weight:400!important;opacity:1!important;}
.nav-logo{display:flex!important;align-items:center!important;flex-direction:column!important;gap:4px!important;min-width:250px;text-align:center!important;color:#211b18!important;}
.nav-logo-top{display:inline-flex;align-items:center;justify-content:center;gap:11px;}
.nav-logo-mark{width:27px!important;height:27px!important;object-fit:contain;opacity:.88;}
.nav-logo-wordmark{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;text-transform:none!important;font-size:2.62rem!important;line-height:.86!important;letter-spacing:.20em!important;font-weight:300!important;color:#211b18!important;transform:translateX(.10em);}
.nav-logo small{font-family:'Montserrat',sans-serif!important;font-size:.58rem!important;letter-spacing:.34em!important;font-weight:400!important;color:#a27b62!important;margin-top:1px!important;}
.nav-book{border-radius:999px!important;background:#fff!important;border:1px solid rgba(76,56,45,.24)!important;color:#46362e!important;box-shadow:0 8px 18px rgba(74,52,40,.05)!important;}
.brand-mark-corner{position:absolute;z-index:4;left:34px;top:112px;width:48px;height:48px;opacity:.86;}
.brand-mark-corner img{width:100%;height:100%;object-fit:contain;}
.hero-video-only{min-height:calc(100vh - 84px)!important;background:#14100e!important;padding:112px 72px 80px!important;overflow:hidden!important;}
.hero-video-only .hero-media{position:absolute!important;inset:0!important;z-index:0!important;background:#14100e!important;}
.hero-video-only .hero-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.04) contrast(1.02) brightness(.86)!important;transform:scale(1.02);}
.hero-video-only .hero-media::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(18,14,12,.58),rgba(18,14,12,.30) 45%,rgba(18,14,12,.12) 100%);pointer-events:none;}
.hero-video-only .hero-media::after{display:none!important;}
.hero-video-only .hero-shade{z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.30))!important;}
.hero-poster{display:none!important;background-image:none!important;}
.hero-editorial-content{z-index:3!important;max-width:760px!important;}
.hero-title{font-family:'Bodoni Moda','Cormorant Garamond',serif!important;font-size:clamp(4rem,7vw,7.5rem)!important;line-height:.94!important;letter-spacing:-.025em!important;color:#fffaf5!important;}
.hero-title em{font-family:'Cormorant Garamond',serif!important;font-weight:300!important;}
.hero-kicker,.section-label{font-family:'Montserrat',sans-serif!important;letter-spacing:.28em!important;color:#c7a17f!important;}
.hero-intro{color:#fffaf5!important;max-width:670px!important;font-size:1.12rem!important;line-height:1.9!important;}
.hero-contact-strip{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:26px 0 0!important;}
.hero-contact-strip span{font-family:'Montserrat',sans-serif!important;font-size:.76rem!important;letter-spacing:.14em!important;text-transform:uppercase;color:#fff8f0!important;border:1px solid rgba(255,248,240,.34);border-radius:999px;padding:11px 18px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);}
.btn-primary,.btn-ghost,.btn-outline{font-family:'Montserrat',sans-serif!important;border-radius:999px!important;letter-spacing:.20em!important;text-transform:uppercase!important;}
.clean-page-hero{padding:110px 24px 70px;text-align:center;background:linear-gradient(180deg,#fbf7f1 0%,#f2e4d6 100%);border-bottom:1px solid rgba(184,139,99,.16);}
.clean-page-hero h1{font-family:'Bodoni Moda','Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5.2rem);font-weight:400;color:#30241f;margin:.2em 0;}
.clean-page-hero p{max-width:760px;margin:0 auto;color:rgba(52,40,35,.74);font-size:1.06rem;line-height:1.9;}
.clean-page-mark img,.page-logo-mark{width:64px;height:64px;object-fit:contain;margin:0 auto 18px;opacity:.86;}
.feature-strip{grid-template-columns:repeat(4,1fr)!important;background:#fbf7f1!important;}
.footer-luxe .footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr!important;}
.footer-mark{width:44px;height:44px;object-fit:contain;margin-bottom:14px;opacity:.85;}
@media(max-width:900px){.nav-container{grid-template-columns:1fr auto!important;padding:14px 22px!important}.nav-left,.nav-right{display:none!important}.nav-toggle{display:flex!important}.nav-logo{grid-column:1!important;align-items:flex-start!important;min-width:auto}.nav-logo-wordmark{font-size:1.65rem!important;letter-spacing:.16em!important}.nav-logo-mark{width:20px!important;height:20px!important}.hero-video-only{padding:105px 24px 74px!important;min-height:86vh!important}.hero-video-only .hero-video{object-position:center center!important}.hero-title{font-size:clamp(3.2rem,13vw,4.6rem)!important}.hero-contact-strip span{font-size:.68rem;padding:9px 13px}.brand-mark-corner{display:none}.feature-strip{grid-template-columns:1fr!important}.footer-luxe .footer-grid{grid-template-columns:1fr!important}}


/* ═══════════════════════════════════════════════════════════
   V16 GALLERY HERO READABILITY FIX
   The gallery hero photo was fighting the headline. This makes the
   hero feel editorial but keeps all text clearly readable.
   ═══════════════════════════════════════════════════════════ */
.gallery-hero-luxe,
.gallery-hero-v15 {
  min-height: 66vh !important;
  background: #2a211c !important;
}
.gallery-hero-bg {
  background-position: center 48% !important;
  filter: saturate(.96) sepia(.05) brightness(.92) contrast(1.02) !important;
  transform: scale(1.025) !important;
}
.gallery-hero-overlay {
  background:
    linear-gradient(90deg, rgba(31,23,19,.72) 0%, rgba(31,23,19,.54) 36%, rgba(31,23,19,.44) 100%),
    linear-gradient(180deg, rgba(31,23,19,.28) 0%, rgba(31,23,19,.52) 100%) !important;
}
.gallery-hero-content {
  max-width: 1080px !important;
  padding: 104px 34px 86px !important;
}
.gallery-hero-content .page-logo-mark {
  width: 56px !important;
  height: 56px !important;
  margin-bottom: 22px !important;
  opacity: .96 !important;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.28)) !important;
}
.gallery-hero-content .section-label {
  color: #d7b58f !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.42) !important;
}
.gallery-hero-content h1,
.gallery-hero-content .page-title {
  font-family: 'Bodoni Moda','Cormorant Garamond',serif !important;
  color: #fff8f0 !important;
  font-size: clamp(3.2rem, 6.4vw, 6.4rem) !important;
  line-height: .98 !important;
  letter-spacing: -.03em !important;
  margin: 22px auto 24px !important;
  text-shadow: 0 8px 34px rgba(0,0,0,.46) !important;
}
.gallery-hero-content h1 em,
.gallery-hero-content .page-title em {
  color: #e0bd91 !important;
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
}
.gallery-hero-content p,
.gallery-hero-content .page-subtitle {
  color: rgba(255,248,240,.96) !important;
  max-width: 820px !important;
  font-size: 1.12rem !important;
  line-height: 1.85 !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.45) !important;
}
.gallery-filter-row {
  gap: 12px !important;
  margin-top: 36px !important;
}
.gallery-filter-row span {
  color: #fff8f0 !important;
  border: 1px solid rgba(255,248,240,.48) !important;
  background: rgba(255,248,240,.13) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(10px) !important;
}
.gallery-filter-row span:first-child {
  background: rgba(255,248,240,.90) !important;
  color: #3d3029 !important;
  border-color: rgba(255,248,240,.88) !important;
}
.gallery-editorial-intro {
  border-top: 1px solid rgba(224,189,145,.28) !important;
}
@media (max-width: 768px) {
  .gallery-hero-luxe,
  .gallery-hero-v15 {
    min-height: 58vh !important;
  }
  .gallery-hero-content {
    padding: 78px 22px 54px !important;
  }
  .gallery-hero-content h1,
  .gallery-hero-content .page-title {
    font-size: clamp(2.75rem, 15vw, 4.2rem) !important;
  }
  .gallery-hero-content p,
  .gallery-hero-content .page-subtitle {
    font-size: .98rem !important;
  }
  .gallery-filter-row span {
    font-size: .66rem !important;
    padding: 9px 13px !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   V17 GALLERY CLEAN HEADER — NO WORDING OVER PICTURE
   Inspired by Chloe social feed styling: clean, close-up, editorial.
   ═══════════════════════════════════════════════════════════ */
.gallery-clean-hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,184,145,.18), transparent 42%),
    linear-gradient(180deg, #fffaf4 0%, #f6eee6 100%) !important;
  color: #3f2f27 !important;
  min-height: auto !important;
  padding: 112px 24px 48px !important;
  text-align: center;
  border-bottom: 1px solid rgba(181,139,101,.18);
}
.gallery-clean-inner { max-width: 1050px; margin: 0 auto; }
.gallery-clean-mark { width: 54px !important; height: 54px !important; margin: 0 auto 22px !important; opacity: .92; filter: none !important; }
.gallery-clean-hero .section-label { display: block; color: #a98265 !important; margin-bottom: 18px; font-family: 'Montserrat', sans-serif !important; letter-spacing: .34em !important; }
.gallery-clean-hero h1 {
  margin: 0 auto 18px !important; max-width: 960px;
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: clamp(3.2rem, 7.8vw, 7.2rem) !important; line-height: .94 !important;
  font-weight: 400 !important; letter-spacing: -.045em !important; color: #3c2d25 !important; text-shadow: none !important;
}
.gallery-clean-hero h1 em { color: #b68b66 !important; font-style: italic !important; font-weight: 400 !important; }
.gallery-clean-hero p { max-width: 820px; margin: 0 auto 30px !important; font-size: 1.08rem !important; line-height: 1.9 !important; color: rgba(63,47,39,.72) !important; text-shadow: none !important; }
.gallery-filter-clean { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 12px !important; margin: 0 auto !important; }
.gallery-filter-clean span { color: #5a4438 !important; background: rgba(255,255,255,.56) !important; border: 1px solid rgba(181,139,101,.26) !important; box-shadow: 0 8px 24px rgba(87,61,43,.06) !important; text-shadow: none !important; backdrop-filter: none !important; }
.gallery-filter-clean span:first-child { background: #3f2f27 !important; color: #fffaf4 !important; border-color: #3f2f27 !important; }
.gallery-cover-strip { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 14px; padding: 16px; background: #f6eee6; }
.gallery-cover-image { min-height: 48vh; background-size: cover; background-position: center; border-radius: 18px; box-shadow: 0 24px 56px rgba(86,60,40,.10); border: 1px solid rgba(181,139,101,.14); filter: saturate(1.02) brightness(1.02); }
.gallery-cover-large { min-height: 58vh; }
.gallery-instagram-inspired { background: #fffaf4 !important; }
.gallery-showcase-clean { background: linear-gradient(180deg, #fffaf4 0%, #f7efe6 100%) !important; }
.gallery-masonry-v17 .gallery-luxe-card { background: #fffaf4 !important; border: 1px solid rgba(181,139,101,.16) !important; box-shadow: 0 18px 46px rgba(86,60,40,.08) !important; }
.gallery-masonry-v17 .gallery-luxe-card::after { display: none !important; }
.gallery-masonry-v17 .gallery-luxe-card img { height: calc(100% - 92px) !important; min-height: 280px; border-radius: 16px 16px 0 0; }
.gallery-masonry-v17 .gallery-luxe-card div { position: static !important; transform: none !important; padding: 18px 20px 20px !important; background: #fffaf4 !important; color: #3f2f27 !important; text-align: left; }
.gallery-masonry-v17 .gallery-luxe-card span { color: #a98265 !important; text-shadow: none !important; }
.gallery-masonry-v17 .gallery-luxe-card strong { color: #3f2f27 !important; text-shadow: none !important; font-size: 1.42rem !important; }
.gallery-masonry-v17 .gallery-luxe-card em { color: rgba(63,47,39,.62) !important; display: block; margin-top: 4px; }
.gallery-social-row { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 26px; }
.gallery-social-row a { display: inline-flex; min-width: 180px; justify-content: center; padding: 14px 24px; border-radius: 999px; border: 1px solid rgba(63,47,39,.24); font-family: 'Montserrat', sans-serif; font-size: .78rem; letter-spacing: .20em; text-transform: uppercase; color: #3f2f27; background: rgba(255,255,255,.45); }
.gallery-social-row a:last-child { background: #3f2f27; color: #fffaf4; }
@media (max-width: 900px) {
  .gallery-clean-hero { padding: 86px 20px 38px !important; }
  .gallery-cover-strip { grid-template-columns: 1fr; }
  .gallery-cover-image, .gallery-cover-large { min-height: 54vh; }
}
@media (max-width: 520px) {
  .gallery-clean-hero h1 { font-size: clamp(2.7rem, 17vw, 4.4rem) !important; }
  .gallery-clean-hero p { font-size: .98rem !important; }
  .gallery-filter-clean span { font-size: .68rem !important; padding: 10px 14px !important; }
  .gallery-cover-strip { padding: 10px; gap: 10px; }
  .gallery-cover-image, .gallery-cover-large { min-height: 62vh; border-radius: 14px; }
  .gallery-social-row a { width: 100%; }
}


/* ═══════════════════════════════════════════════════════════
   V18 REAL LOGO + CLEAN INSTAGRAM-STYLE GALLERY FIX
   - Uses supplied Chloe Nail Spa logo
   - Removes text over images
   - Prevents gallery captions from being clipped
   - Adds Instagram profile embed section with fallback button
   ═══════════════════════════════════════════════════════════ */
.nav-logo-real {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 300px !important;
  padding: 0 !important;
}
.nav-logo-full {
  display: block;
  width: min(300px, 26vw);
  max-height: 72px;
  object-fit: contain;
  filter: none !important;
}
.nav-container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.footer-mark,
.page-logo-mark,
.gallery-clean-mark {
  content: url('/images/chloe-logo-mark.png');
}

.gallery-minimal-hero {
  background: linear-gradient(180deg, #fffaf5 0%, #f6eee6 100%) !important;
  padding: 112px 20px 64px !important;
  text-align: center;
  border-bottom: 1px solid rgba(181,139,101,.16);
}
.gallery-minimal-inner { max-width: 1080px; margin: 0 auto; }
.gallery-brand-full {
  width: min(430px, 78vw);
  height: auto;
  display: block;
  margin: 0 auto 34px;
}
.gallery-minimal-hero h1 {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: clamp(2.8rem, 6vw, 5.4rem) !important;
  line-height: 1.02 !important;
  max-width: 960px;
  margin: 0 auto 24px !important;
  color: #352924 !important;
  text-shadow: none !important;
}
.gallery-minimal-hero p {
  max-width: 820px;
  margin: 0 auto 30px !important;
  color: rgba(53,41,36,.72) !important;
  font-size: 1.08rem !important;
  line-height: 1.85 !important;
  text-shadow: none !important;
}
.gallery-filter-clean { display: flex !important; flex-wrap: wrap; gap: 12px !important; justify-content: center; margin-top: 28px !important; }
.gallery-filter-clean span {
  color: #5b463a !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(181,139,101,.28) !important;
  box-shadow: 0 8px 24px rgba(87,61,43,.06) !important;
  text-shadow: none !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
}
.gallery-filter-clean span:first-child { background: #3f2f27 !important; color: #fffaf4 !important; border-color: #3f2f27 !important; }

.gallery-instagram-board {
  background: #f7efe6 !important;
  padding: 18px !important;
}
.gallery-board-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  max-width: 1640px;
  margin: 0 auto;
  align-items: start;
}
.gallery-board-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  border-radius: 22px !important;
  background: #fffaf4 !important;
  border: 1px solid rgba(181,139,101,.16) !important;
  box-shadow: 0 18px 44px rgba(86,60,40,.08) !important;
}
.gallery-board-card::before,
.gallery-board-card::after { display: none !important; }
.gallery-board-card img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  border-radius: 22px 22px 0 0;
  filter: saturate(1.02) brightness(1.03) !important;
}
.gallery-board-card.wide { grid-column: span 2; }
.gallery-board-card.wide img { aspect-ratio: 16/10; }
.gallery-board-card.tall img { aspect-ratio: 3/4; }
.gallery-board-card div {
  position: static !important;
  transform: none !important;
  height: auto !important;
  min-height: 128px !important;
  overflow: visible !important;
  padding: 20px 22px 24px !important;
  background: #fffaf4 !important;
  color: #3f2f27 !important;
  text-align: left !important;
  border-radius: 0 0 22px 22px;
}
.gallery-board-card span {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .68rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: #a98265 !important;
  text-shadow: none !important;
  margin-bottom: 8px !important;
}
.gallery-board-card strong {
  display: block !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(1.45rem, 2vw, 1.85rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  color: #352924 !important;
  text-shadow: none !important;
  margin: 0 !important;
}
.gallery-board-card em {
  display: block !important;
  font-style: normal !important;
  font-size: .98rem !important;
  color: rgba(53,41,36,.62) !important;
  margin-top: 8px !important;
  line-height: 1.45 !important;
}

.instagram-live-section {
  background: linear-gradient(180deg, #fffaf4 0%, #f6eee6 100%) !important;
  padding: 96px 0 !important;
}
.instagram-live-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 60px;
  align-items: center;
}
.instagram-live-grid h2 {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', serif !important;
  font-size: clamp(2.5rem, 4vw, 4.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  color: #352924 !important;
  margin: 0 0 22px;
}
.instagram-live-grid p { color: rgba(53,41,36,.70) !important; line-height: 1.85 !important; }
.instagram-embed-card {
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(181,139,101,.18);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 18px 46px rgba(86,60,40,.08);
  min-height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.instagram-media { margin: 0 auto !important; max-width: 540px !important; min-width: 280px !important; width: 100% !important; }
.instagram-embed-note { font-size: .86rem !important; text-align: center; margin: 18px auto 0 !important; color: rgba(53,41,36,.58) !important; }

@media (max-width: 1100px) {
  .gallery-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .instagram-live-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .nav-logo-real { min-width: 160px !important; }
  .nav-logo-full { width: min(210px, 48vw); max-height: 52px; }
  .gallery-minimal-hero { padding: 82px 18px 46px !important; }
  .gallery-board-grid { grid-template-columns: 1fr; gap: 14px; }
  .gallery-board-card.wide { grid-column: span 1; }
  .gallery-board-card.wide img,
  .gallery-board-card img { aspect-ratio: 4/5; }
  .gallery-instagram-board { padding: 12px !important; }
  .instagram-live-section { padding: 64px 0 !important; }
}

/* V18 nav logo horizontal asset adjustment */
.nav-logo-full { width: min(360px, 28vw) !important; max-height: 82px !important; }
@media (max-width: 768px){ .nav-logo-full { width: min(230px, 54vw) !important; max-height: 52px !important; } }


/* ═══════════════════════════════════════════════════════════
   V19 FEEDBACK FIX — SOFTER BRAND, STRONGER HERO, CLEANER GALLERY
   - logo integrated into nav instead of detached large asset
   - Book Now remains in one clean button row
   - hero headline uses one harmonious font system and stronger contrast
   - removes temporary Signature Finish box
   - gallery captions fully visible under images
   ═══════════════════════════════════════════════════════════ */
:root {
  --chloe-ink: #32261f;
  --chloe-ivory: #fffaf4;
  --chloe-paper: #fbf6ef;
  --chloe-champagne: #efe0cf;
  --chloe-gold: #b59070;
}
.nav-editorial {
  background: rgba(255, 250, 244, .97) !important;
  border-bottom: 1px solid rgba(181,139,101,.16) !important;
  box-shadow: 0 8px 24px rgba(68, 47, 35, .04) !important;
}
.nav-container {
  max-width: 1480px !important;
  grid-template-columns: minmax(310px,1fr) auto minmax(310px,1fr) !important;
  gap: 30px !important;
  padding: 14px 42px !important;
  min-height: 78px !important;
}
.nav-left,
.nav-right {
  gap: 30px !important;
  align-items: center !important;
}
.nav-left a,
.nav-right a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .78rem !important;
  letter-spacing: .20em !important;
  font-weight: 400 !important;
  color: rgba(50,38,31,.78) !important;
  opacity: 1 !important;
}
.nav-left a:hover,
.nav-right a:hover { color: var(--chloe-gold) !important; }
.nav-logo-real,
.nav-logo-full { display: none !important; }
.nav-logo-chloe {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;
  min-width: 270px !important;
  padding: 0 !important;
  text-align: left !important;
}
.nav-logo-mark-soft {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  display: block !important;
  opacity: .88;
}
.nav-logo-text-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.nav-logo-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2.02rem !important;
  line-height: .95 !important;
  font-weight: 400 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  color: var(--chloe-ink) !important;
  white-space: nowrap !important;
}
.nav-logo-chloe small {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .54rem !important;
  letter-spacing: .24em !important;
  color: rgba(142,106,82,.82) !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.nav-book {
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 132px !important;
  padding: 13px 24px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--chloe-ink) !important;
  border: 1px solid rgba(50,38,31,.22) !important;
  box-shadow: none !important;
}
.nav-book:hover { background: #f1e4d6 !important; color: var(--chloe-ink) !important; }

/* Hero: clearer first impression */
.hero-video-only {
  min-height: calc(100vh - 78px) !important;
  padding: 120px 72px 84px !important;
  background: #15100d !important;
}
.hero-video-only .hero-video {
  object-fit: cover !important;
  object-position: center 58% !important;
  transform: scale(1.06) !important;
  filter: saturate(1.02) contrast(1.02) brightness(.78) !important;
}
.hero-video-only .hero-media::before {
  background:
    radial-gradient(circle at 76% 42%, rgba(255,250,244,.08), transparent 34%),
    linear-gradient(90deg, rgba(15,11,9,.74) 0%, rgba(15,11,9,.52) 33%, rgba(15,11,9,.22) 62%, rgba(15,11,9,.16) 100%) !important;
}
.hero-video-only .hero-shade {
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.32)) !important;
}
.hero-editorial-content {
  max-width: 750px !important;
  padding: 28px 34px 30px !important;
  border-left: 1px solid rgba(221,188,155,.56) !important;
  background: linear-gradient(90deg, rgba(30,22,18,.30), rgba(30,22,18,.06)) !important;
  backdrop-filter: blur(1.5px) !important;
  border-radius: 0 24px 24px 0 !important;
}
.hero-kicker {
  color: rgba(229,200,170,.95) !important;
  letter-spacing: .28em !important;
  font-size: .82rem !important;
  margin-bottom: 26px !important;
}
.hero-title,
.hero-editorial .hero-title {
  font-family: 'Cormorant Garamond', 'Bodoni Moda', serif !important;
  font-weight: 400 !important;
  font-size: clamp(4.2rem, 6.8vw, 6.9rem) !important;
  line-height: .92 !important;
  letter-spacing: .005em !important;
  color: #fffaf4 !important;
  text-shadow: 0 8px 34px rgba(0,0,0,.34) !important;
  margin-bottom: 26px !important;
}
.hero-title span { display: block; }
.hero-title em { font-family: inherit !important; color: inherit !important; font-style: normal !important; font-weight: inherit !important; }
.hero-intro {
  max-width: 650px !important;
  font-size: 1.08rem !important;
  line-height: 1.95 !important;
  color: rgba(255,250,244,.93) !important;
  text-shadow: 0 4px 18px rgba(0,0,0,.28) !important;
}
.hero-signature-card { display: none !important; }
.hero-contact-strip {
  margin-top: 26px !important;
  gap: 10px !important;
}
.hero-contact-strip span {
  color: rgba(255,250,244,.92) !important;
  background: rgba(255,250,244,.13) !important;
  border: 1px solid rgba(255,250,244,.35) !important;
  backdrop-filter: blur(4px) !important;
}
.hero-actions { margin-top: 28px !important; }
.hero-actions .btn-primary,
.hero-actions .btn-ghost {
  border-radius: 999px !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: .20em !important;
}
.brand-mark-corner { opacity: .78 !important; }

/* Gallery: stop captions disappearing and make it more Instagram/portfolio-like */
.gallery-minimal-hero {
  padding: 82px 20px 54px !important;
  background: linear-gradient(180deg, #fffaf5 0%, #f6eee6 100%) !important;
}
.gallery-brand-full {
  width: min(360px, 72vw) !important;
  margin-bottom: 22px !important;
  opacity: .96 !important;
}
.gallery-minimal-hero h1 {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(2.6rem, 5vw, 4.4rem) !important;
  line-height: 1.05 !important;
  color: var(--chloe-ink) !important;
}
.gallery-minimal-hero p { font-size: 1rem !important; max-width: 760px !important; }
.gallery-instagram-board { padding: 24px !important; background: #f7efe6 !important; }
.gallery-board-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
.gallery-board-card,
.gallery-board-card.wide,
.gallery-board-card.tall {
  grid-column: span 1 !important;
  overflow: hidden !important;
  min-height: auto !important;
  height: auto !important;
  border-radius: 20px !important;
  background: #fffaf4 !important;
}
.gallery-board-card img,
.gallery-board-card.wide img,
.gallery-board-card.tall img {
  height: auto !important;
  aspect-ratio: 4/4.35 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  border-radius: 20px 20px 0 0 !important;
}
.gallery-board-card div {
  min-height: 116px !important;
  padding: 18px 20px 22px !important;
  overflow: visible !important;
  border-radius: 0 0 20px 20px !important;
}
.gallery-board-card span { font-size: .64rem !important; margin-bottom: 7px !important; }
.gallery-board-card strong { font-size: clamp(1.35rem, 1.8vw, 1.62rem) !important; line-height: 1.12 !important; }
.gallery-board-card em { font-size: .9rem !important; line-height: 1.35 !important; margin-top: 7px !important; }

@media (max-width: 1180px) {
  .nav-container { grid-template-columns: 1fr auto 1fr !important; gap: 18px !important; padding-left: 28px !important; padding-right: 28px !important; }
  .nav-left, .nav-right { gap: 18px !important; }
  .nav-left a, .nav-right a { font-size: .70rem !important; letter-spacing: .16em !important; }
  .nav-logo-name { font-size: 1.72rem !important; }
  .nav-logo-mark-soft { width: 34px !important; height: 34px !important; }
}
@media (max-width: 900px) {
  .nav-container { grid-template-columns: 1fr auto !important; padding: 14px 20px !important; min-height: 68px !important; }
  .nav-left, .nav-right { display: none !important; }
  .nav-toggle { display: flex !important; }
  .nav-logo-chloe { justify-self: start !important; min-width: 0 !important; gap: 10px !important; }
  .nav-logo-name { font-size: 1.42rem !important; }
  .nav-logo-chloe small { font-size: .44rem !important; letter-spacing: .18em !important; }
  .nav-logo-mark-soft { width: 28px !important; height: 28px !important; }
  .hero-video-only { min-height: 88vh !important; padding: 96px 22px 58px !important; }
  .hero-video-only .hero-video { display: none !important; }
  .hero-editorial-content { padding: 24px 22px !important; border-radius: 0 18px 18px 0 !important; }
  .hero-title, .hero-editorial .hero-title { font-size: clamp(3.05rem, 13vw, 4.5rem) !important; }
  .hero-contact-strip span { width: 100%; justify-content: center; }
  .gallery-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
}
@media (max-width: 560px) {
  .gallery-board-grid { grid-template-columns: 1fr !important; }
  .gallery-instagram-board { padding: 12px !important; }
  .gallery-board-card img { aspect-ratio: 4/4.6 !important; }
}


/* ═══════════════════════════════════════════════════════════
   V20 CLEAN HERO + WORKING GALLERY/SERVICES SAFEGUARD
   ═══════════════════════════════════════════════════════════ */
:root { --v20-ink:#332720; --v20-paper:#fffaf4; --v20-beige:#f4e8dc; --v20-gold:#b49373; }
.brand-mark-corner { display: none !important; }
.hero-video-only {
  background: #e9dccf !important;
  min-height: calc(100vh - 78px) !important;
  padding: clamp(90px, 12vh, 130px) clamp(22px, 6vw, 72px) clamp(42px, 8vh, 84px) !important;
}
.hero-video-only .hero-media { background: #e8d9ca !important; }
.hero-video-only .hero-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.02) !important;
  filter: sepia(.30) saturate(.78) brightness(.92) contrast(.96) !important;
}
.hero-video-only .hero-media::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(88,65,49,.55) 0%, rgba(132,102,77,.30) 42%, rgba(239,224,207,.20) 100%),
    linear-gradient(180deg, rgba(255,250,244,.06) 0%, rgba(74,52,40,.28) 100%) !important;
  pointer-events: none !important;
}
.hero-video-only .hero-shade { background: transparent !important; }
.hero-editorial-content {
  max-width: 680px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
}
.hero-kicker {
  color: #ead3bd !important;
  font-size: .78rem !important;
  letter-spacing: .30em !important;
  margin-bottom: 22px !important;
  text-shadow: 0 3px 16px rgba(35,24,18,.35) !important;
}
.hero-title,
.hero-editorial .hero-title {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(3.7rem, 6.4vw, 6.1rem) !important;
  line-height: .96 !important;
  letter-spacing: .01em !important;
  color: #fff9f2 !important;
  margin: 0 0 24px !important;
  text-shadow: 0 8px 34px rgba(35,24,18,.42) !important;
}
.hero-intro {
  max-width: 560px !important;
  font-size: clamp(1rem, 1.25vw, 1.14rem) !important;
  line-height: 1.75 !important;
  color: rgba(255,250,244,.94) !important;
  margin-bottom: 20px !important;
  text-shadow: 0 4px 18px rgba(35,24,18,.36) !important;
}
.hero-contact-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 22px 0 0 !important;
}
.hero-contact-strip span {
  color: #fff9f2 !important;
  background: rgba(255,250,244,.12) !important;
  border: 1px solid rgba(255,250,244,.34) !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  font-size: .73rem !important;
  letter-spacing: .14em !important;
  text-shadow: none !important;
}
.hero-actions { margin-top: 26px !important; }
.hero-actions .btn-primary { background: #fff9f2 !important; color: var(--v20-ink) !important; border-color: #fff9f2 !important; }
.hero-actions .btn-ghost { color: #fff9f2 !important; border-color: rgba(255,250,244,.44) !important; }

/* Gallery v20: no text overlays, no clipped wording */
.gallery-page-v20 { background: linear-gradient(180deg,#fffaf4 0%,#f7efe6 100%) !important; padding: 88px 0 34px !important; }
.gallery-v20-header { text-align: center; max-width: 1080px; }
.gallery-v20-logo { width: min(360px, 74vw); margin: 0 auto 24px; display:block; }
.gallery-v20-header h1 { font-family:'Cormorant Garamond','Bodoni Moda',serif !important; font-size:clamp(3rem,6vw,5.4rem) !important; line-height:1 !important; color:var(--v20-ink) !important; margin: 0 0 18px !important; }
.gallery-v20-header p { max-width:760px; margin:0 auto 28px; font-size:1.04rem; line-height:1.8; color:rgba(51,39,32,.72); }
.gallery-v20-grid { max-width: 1440px; margin: 0 auto; padding: 28px clamp(16px,3vw,42px) 70px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.gallery-v20-card { background:#fffaf4; border:1px solid rgba(180,143,112,.16); border-radius:22px; overflow:hidden; box-shadow:0 18px 46px rgba(86,60,40,.08); display:flex; flex-direction:column; min-width:0; }
.gallery-v20-card img { width:100%; aspect-ratio: 4/4.4; object-fit:cover; display:block; border-radius:22px 22px 0 0; }
.gallery-v20-card div { padding: 20px 22px 24px; background:#fffaf4; min-height: 142px; }
.gallery-v20-card span { display:block; font-family:'Montserrat',sans-serif; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:var(--v20-gold); margin-bottom:10px; }
.gallery-v20-card strong { display:block; font-family:'Cormorant Garamond',serif; font-weight:400; font-size:1.68rem; line-height:1.1; color:var(--v20-ink); margin-bottom:8px; }
.gallery-v20-card p { margin:0; font-size:.96rem; line-height:1.45; color:rgba(51,39,32,.66); }
.instagram-simple-v20 { background:#f4e8dc !important; }
.instagram-fallback-card { background:#fffaf4; border:1px solid rgba(180,143,112,.16); border-radius:22px; overflow:hidden; box-shadow:0 18px 46px rgba(86,60,40,.08); }
.instagram-fallback-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.instagram-fallback-card p { font-family:'Montserrat',sans-serif; letter-spacing:.18em; text-transform:uppercase; text-align:center; color:var(--v20-gold); padding:18px; margin:0; }

/* Route pages: keep clean and readable */
.clean-page-hero, .services-hero { background: linear-gradient(180deg,#fffaf4 0%,#f7efe6 100%) !important; color: var(--v20-ink) !important; }
.lux-menu-section { background:#fffaf4 !important; }
.lux-service-card { background:#fffaf4 !important; border:1px solid rgba(180,143,112,.18) !important; box-shadow:0 14px 34px rgba(86,60,40,.07) !important; }

@media (max-width: 980px) {
  .hero-video-only .hero-video { display:none !important; }
  .hero-video-only { background: linear-gradient(90deg, rgba(88,65,49,.48), rgba(132,102,77,.22)), url('/images/hero-editorial.jpg') center/cover no-repeat !important; }
  .gallery-v20-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap:18px; }
}
@media (max-width: 620px) {
  .hero-video-only { min-height: 86vh !important; padding: 92px 20px 48px !important; }
  .hero-title, .hero-editorial .hero-title { font-size: clamp(3rem, 14vw, 4.2rem) !important; }
  .hero-contact-strip span { width: 100%; text-align:center; justify-content:center; font-size:.68rem !important; }
  .gallery-v20-grid { grid-template-columns: 1fr; padding:20px 14px 52px; }
  .gallery-page-v20 { padding-top: 70px !important; }
  .gallery-v20-logo { width:min(300px,80vw); }
}


/* ===== v21 route-safe + hero polish ===== */
.nav-left a[href="/services/"], .nav-right a[href="/contact/"] {}
.hero-video-only {
  min-height: calc(100vh - 84px) !important;
  background: #eadccf !important;
  padding: 112px 72px 84px !important;
}
.hero-video-only .hero-media {
  position: absolute !important;
  inset: 0 !important;
  background: #eadccf !important;
}
.hero-video-only .hero-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: sepia(.18) saturate(.88) brightness(.98) contrast(.92) !important;
  transform: scale(1.03) !important;
}
.hero-video-only .hero-media::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(76,56,44,.42) 0%, rgba(76,56,44,.28) 33%, rgba(245,237,228,.14) 62%, rgba(245,237,228,.16) 100%),
    linear-gradient(180deg, rgba(244,236,227,.22) 0%, rgba(244,236,227,.04) 28%, rgba(76,56,44,.18) 100%);
  pointer-events: none;
}
.hero-video-only .hero-shade {
  display:none !important;
}
.hero-editorial-content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 720px !important;
}
.hero-kicker {
  color: rgba(255,249,242,.9) !important;
  letter-spacing: .22em !important;
  margin-bottom: 22px !important;
}
.hero-title,
.hero-editorial .hero-title {
  font-family: 'Bodoni Moda','Cormorant Garamond',serif !important;
  font-size: clamp(3.35rem, 7vw, 6rem) !important;
  line-height: .98 !important;
  letter-spacing: -.02em !important;
  color: #fffaf4 !important;
  text-shadow: 0 4px 20px rgba(44,28,20,.12) !important;
  max-width: 10ch;
}
.hero-title span { display:block; }
.hero-intro {
  color: rgba(255,247,240,.94) !important;
  max-width: 32rem !important;
  font-size: 1.06rem !important;
  line-height: 1.8 !important;
  text-shadow: 0 2px 12px rgba(44,28,20,.10) !important;
}
.hero-contact-strip {
  display:flex !important;
  flex-wrap:wrap !important;
  gap: 12px !important;
  margin-top: 20px !important;
}
.hero-contact-strip span {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  background: rgba(255,250,245,.90) !important;
  color: #5a4437 !important;
  border: 1px solid rgba(177,141,111,.28) !important;
  box-shadow: 0 12px 28px rgba(86,60,40,.10) !important;
  backdrop-filter: blur(8px) !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
}
.hero-actions { margin-top: 24px !important; }
.btn-primary {
  background: #fffaf4 !important;
  color: #4e3a2f !important;
  border-color: rgba(78,58,47,.12) !important;
}
.btn-ghost {
  background: rgba(255,250,245,.08) !important;
  border-color: rgba(255,250,245,.44) !important;
  color: #fffaf4 !important;
}
.btn-ghost:hover { background: rgba(255,250,245,.16) !important; }

/* clearer gallery cards */
.gallery-v20-grid { align-items: start !important; }
.gallery-v20-card { overflow: visible !important; }
.gallery-v20-card div {
  min-height: auto !important;
  padding: 22px 22px 24px !important;
}
.gallery-v20-card strong {
  font-size: 1.85rem !important;
  margin-bottom: 10px !important;
}
.gallery-v20-card p {
  font-size: .98rem !important;
  line-height: 1.6 !important;
}
.gallery-v20-logo { width: min(420px, 84vw) !important; }

@media (max-width: 900px) {
  .hero-video-only {
    min-height: 88vh !important;
    padding: 96px 22px 58px !important;
  }
  .hero-title,
  .hero-editorial .hero-title {
    font-size: clamp(2.7rem, 13vw, 4.4rem) !important;
    max-width: 11ch;
  }
  .hero-contact-strip span {
    width: 100% !important;
    justify-content: center !important;
    text-align:center !important;
  }
}
@media (max-width: 768px) {
  .hero-video-only .hero-video { display:none !important; }
  .hero-video-only {
    background:
      linear-gradient(90deg, rgba(76,56,44,.34), rgba(76,56,44,.16)),
      url('/images/hero-editorial.jpg') center/cover no-repeat !important;
  }
}


/* ===== v23 beige colour-graded hero video polish ===== */
.hero-video-only .hero-video {
  filter: sepia(.24) saturate(.94) brightness(1.03) contrast(.90) !important;
  object-position: center center !important;
  transform: scale(1.025) !important;
}
.hero-video-only .hero-media::before {
  background:
    linear-gradient(90deg, rgba(76,56,44,.38) 0%, rgba(76,56,44,.24) 34%, rgba(245,237,228,.12) 64%, rgba(245,237,228,.18) 100%),
    linear-gradient(180deg, rgba(244,236,227,.18) 0%, rgba(244,236,227,.02) 35%, rgba(76,56,44,.14) 100%) !important;
}
.hero-video-only .hero-shade { display:none !important; }
.hero-kicker,
.hero-title,
.hero-intro { text-shadow: 0 4px 20px rgba(52,36,27,.18) !important; }
.hero-contact-strip span {
  background: rgba(255,250,245,.92) !important;
  color: #4e3a2f !important;
  border: 1px solid rgba(177,141,111,.28) !important;
  box-shadow: 0 12px 30px rgba(86,60,40,.12) !important;
}
.hero-actions .btn-primary {
  background:#fffaf4 !important;
  color:#4e3a2f !important;
}
@media(max-width:768px){
  .hero-video-only .hero-video{display:none!important;}
  .hero-video-only{background:linear-gradient(90deg,rgba(76,56,44,.30),rgba(76,56,44,.12)),url('/images/hero-editorial.jpg') center/cover no-repeat!important;}
}


/* ===== v24 actual uploaded footage hero ===== */
.hero-video-only .hero-video {
  filter: sepia(.10) saturate(.96) brightness(.92) contrast(.99) !important;
  object-position: center center !important;
  transform: scale(1.01) !important;
}
.hero-video-only .hero-media::before {
  background:
    linear-gradient(90deg, rgba(48,34,27,.54) 0%, rgba(48,34,27,.34) 38%, rgba(48,34,27,.16) 68%, rgba(48,34,27,.12) 100%),
    linear-gradient(180deg, rgba(55,38,30,.10) 0%, rgba(55,38,30,.18) 100%) !important;
}
.hero-kicker,
.hero-title,
.hero-intro {
  text-shadow: 0 5px 26px rgba(26,18,14,.30) !important;
}
.hero-contact-strip span {
  background: rgba(255,250,245,.94) !important;
  color: #443227 !important;
  border: 1px solid rgba(177,141,111,.32) !important;
  box-shadow: 0 12px 32px rgba(45,30,22,.14) !important;
}
@media(max-width:768px){
  .hero-video-only .hero-video{display:none!important;}
  .hero-video-only{background:linear-gradient(90deg,rgba(52,37,29,.34),rgba(52,37,29,.16)),url('/images/hero-editorial.jpg') center/cover no-repeat!important;}
}


/* ===== v25 full HD real footage + lookbook/colour library ===== */
.hero-video-only .hero-video {
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(.88) !important;
  transform: scale(1.01) !important;
}
.hero-video-only .hero-media::before {
  background:
    linear-gradient(90deg, rgba(36,25,20,.58) 0%, rgba(55,38,29,.34) 42%, rgba(55,38,29,.10) 100%),
    linear-gradient(180deg, rgba(25,18,14,.10) 0%, rgba(25,18,14,.28) 100%) !important;
}
.hero-contact-strip span {
  background: rgba(255,250,244,.92) !important;
  color: #4d392f !important;
  border: 1px solid rgba(177,141,111,.32) !important;
  box-shadow: 0 12px 34px rgba(33,22,15,.14) !important;
}
.nav-left, .nav-right { gap: 24px !important; }
.nav-left a, .nav-right a { font-size: .74rem !important; letter-spacing: .16em !important; }
.nav-logo-name { font-size: 1.42rem !important; }
.nav-logo-chloe small { font-size: .48rem !important; }
.lookbook-hero, .colour-hero { padding: 110px 0 80px; background: linear-gradient(180deg,#fffaf4 0%,#f6ede4 100%); }
.lookbook-hero-grid, .colour-hero-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px,5vw,76px); align-items:center; }
.lookbook-copy h1, .colour-hero h1 { font-family:'Bodoni Moda','Cormorant Garamond',serif; font-size:clamp(3.5rem,6vw,6.5rem); line-height:.96; font-weight:400; color:#3b2c25; margin: 0 0 22px; letter-spacing:-.03em; }
.lookbook-copy p, .colour-hero p { font-size:1.08rem; line-height:1.85; color:rgba(59,44,37,.74); max-width: 560px; }
.lookbook-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.lookbook-hero-collage { display:grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: 230px 230px; gap:18px; }
.lookbook-hero-collage img { width:100%; height:100%; object-fit:cover; border-radius:24px; box-shadow:0 24px 70px rgba(84,60,44,.12); }
.lookbook-hero-collage img:first-child { grid-row: span 2; }
.lookbook-section { padding: 86px 0; background:#fbf6ef; }
.lookbook-heading { text-align:center; margin-bottom:36px; }
.lookbook-heading h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.4rem,4vw,4rem); font-weight:400; color:#3b2c25; }
.lookbook-grid { max-width:1440px; margin:0 auto; padding:0 clamp(16px,3vw,42px); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; align-items:start; }
.lookbook-card { background:#fffaf4; border:1px solid rgba(180,143,112,.16); border-radius:24px; overflow:hidden; box-shadow:0 18px 48px rgba(84,60,44,.08); }
.lookbook-card.large { grid-row:span 2; }
.lookbook-card.wide { grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; }
.lookbook-card img { width:100%; height:330px; object-fit:cover; display:block; }
.lookbook-card.large img { height:520px; }
.lookbook-card.wide img { height:100%; min-height:340px; }
.lookbook-card div { padding:24px; }
.lookbook-card span { font-family:'Montserrat',sans-serif; color:#a07455; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; }
.lookbook-card h3 { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:400; color:#3b2c25; margin:10px 0; }
.lookbook-card p { color:rgba(59,44,37,.68); line-height:1.65; margin:0 0 16px; }
.lookbook-card a { font-family:'Montserrat',sans-serif; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:#7b5a45; }
.lookbook-booking, .colour-advice { padding:80px 0; background:#efe0d1; text-align:center; }
.lookbook-booking h2, .colour-advice h2 { font-family:'Cormorant Garamond',serif; font-size:3rem; font-weight:400; color:#3b2c25; }
.lookbook-booking p { max-width:720px; margin:12px auto 28px; color:rgba(59,44,37,.72); line-height:1.8; }
.colour-preview-card { display:grid; grid-template-columns: 1fr .8fr; align-items:stretch; background:#fffaf4; border:1px solid rgba(180,143,112,.16); border-radius:26px; overflow:hidden; box-shadow:0 24px 70px rgba(84,60,44,.10); }
.colour-preview-card img { width:100%; height:100%; min-height:380px; object-fit:cover; }
.colour-preview-card div { padding:34px; align-self:center; }
.colour-preview-card span, .colour-card small { font-family:'Montserrat',sans-serif; font-size:.68rem; letter-spacing:.24em; text-transform:uppercase; color:#a07455; }
.colour-preview-card strong { display:block; font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:400; color:#3b2c25; margin:10px 0; }
.colour-library-section { padding:76px 0; background:#fbf6ef; }
.colour-filter-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:38px; }
.colour-filter-row button { appearance:none; border:1px solid rgba(72,50,38,.18); border-radius:999px; background:#fffaf4; color:#5b4436; padding:12px 20px; font-family:'Montserrat',sans-serif; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; }
.colour-filter-row button.active { background:#3f2f27; color:#fffaf4; }
.colour-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.colour-card { background:#fffaf4; border:1px solid rgba(180,143,112,.16); border-radius:22px; padding:22px; display:flex; gap:18px; align-items:center; box-shadow:0 12px 36px rgba(84,60,44,.06); }
.colour-swatch { width:66px; height:66px; flex:0 0 66px; border-radius:50%; border:1px solid rgba(57,43,35,.12); box-shadow:inset 0 4px 14px rgba(255,255,255,.35), 0 10px 24px rgba(60,40,28,.08); }
.colour-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.55rem; font-weight:400; color:#3b2c25; margin:0 0 4px; }
.colour-card p { margin:0 0 6px; color:rgba(59,44,37,.66); }
.colour-advice-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; align-items:center; text-align:left; }
.colour-advice-grid p { color:rgba(59,44,37,.72); line-height:1.85; font-size:1.05rem; }
.colour-card.is-hidden { display:none; }
@media(max-width:1100px){.lookbook-hero-grid,.colour-hero-grid,.colour-advice-grid{grid-template-columns:1fr}.lookbook-grid{grid-template-columns:repeat(2,1fr)}.colour-card-grid{grid-template-columns:repeat(2,1fr)}.lookbook-card.wide{grid-column:span 1;grid-template-columns:1fr}.lookbook-card.large img,.lookbook-card.wide img{height:340px}}
@media(max-width:768px){.lookbook-hero,.colour-hero{padding:82px 0 58px}.lookbook-copy h1,.colour-hero h1{font-size:clamp(3rem,13vw,4.2rem)}.lookbook-hero-collage{grid-template-rows:190px 190px}.lookbook-grid,.colour-card-grid{grid-template-columns:1fr}.colour-preview-card{grid-template-columns:1fr}.colour-preview-card img{min-height:300px}.nav-left,.nav-right{gap:0!important}}


/* ===== v26 trending gallery, lookbook and colour mixer ===== */
.trend-gallery-hero,.colour-mixer-hero{padding:92px 0 54px;background:linear-gradient(180deg,#fffaf4,#f7efe6);text-align:center}.trend-gallery-hero h1,.colour-mixer-hero h1{font-family:'Cormorant Garamond','Bodoni Moda',serif;font-weight:400;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.95;color:#342823;margin:0 0 20px}.trend-gallery-hero p,.colour-mixer-hero p{max-width:760px;margin:0 auto;color:rgba(52,40,35,.72);font-size:1.05rem;line-height:1.8}.trend-filter-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.trend-filter-row button{border:1px solid rgba(181,139,101,.28);background:rgba(255,255,255,.58);border-radius:999px;padding:11px 20px;font-family:'Montserrat',sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#5a4438;cursor:pointer}.trend-filter-row button.active{background:#342823;color:#fffaf4;border-color:#342823}.trend-gallery-section{background:#f7efe6;padding:10px clamp(16px,3vw,46px) 86px}.trend-design-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.trend-design-card{background:#fffaf4;border:1px solid rgba(181,139,101,.16);border-radius:24px;overflow:hidden;box-shadow:0 18px 46px rgba(86,60,40,.07);transition:transform .35s ease,box-shadow .35s ease}.trend-design-card:hover{transform:translateY(-5px);box-shadow:0 24px 62px rgba(86,60,40,.12)}.trend-design-card a{display:block;color:inherit;text-decoration:none}.trend-design-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.trend-design-card div{padding:20px 22px 24px;background:#fffaf4}.trend-design-card span,.lookbook-trend-card span{display:block;font-family:'Montserrat',sans-serif;letter-spacing:.25em;text-transform:uppercase;font-size:.68rem;color:#a47b5d;margin-bottom:10px}.trend-design-card h3,.lookbook-trend-card h3{font-family:'Cormorant Garamond',serif;font-weight:400;color:#342823;font-size:1.75rem;margin:0 0 8px}.trend-design-card p,.lookbook-trend-card p{font-size:.96rem;line-height:1.55;color:rgba(52,40,35,.68);margin:0}.lookbook-hero-v26{background:linear-gradient(135deg,#fffaf4 0%,#f3e5d7 100%)}.lookbook-illustration-collage img{border-radius:24px;box-shadow:0 18px 50px rgba(86,60,40,.10);background:#fffaf4}.lookbook-trend-block{padding:76px 0;background:#f7efe6}.lookbook-trend-block:nth-of-type(even){background:#fffaf4}.lookbook-trend-grid{max-width:1420px;margin:0 auto;padding:0 clamp(18px,3vw,42px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.lookbook-trend-card{background:#fffaf4;border:1px solid rgba(181,139,101,.15);border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(86,60,40,.07)}.lookbook-trend-block:nth-of-type(even) .lookbook-trend-card{background:#f9f1e8}.lookbook-trend-card img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}.lookbook-trend-card div{padding:22px}.lookbook-trend-card ul{margin:16px 0 0;padding-left:18px;color:rgba(52,40,35,.62);font-size:.9rem;line-height:1.6}.colour-mixer-app{padding:34px 0 90px;background:#f7efe6}.colour-mixer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:42px;align-items:start}.preview-panel{background:#fffaf4;border:1px solid rgba(181,139,101,.16);border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(86,60,40,.10)}.preview-hand{height:560px;border-radius:24px;background:radial-gradient(circle at 78% 14%,rgba(255,255,255,.72),transparent 26%),linear-gradient(135deg,#f0ddcb,#fff8f1);position:relative;overflow:hidden}.preview-hand:before{content:'';position:absolute;left:8%;right:8%;bottom:-12%;height:48%;background:#d6b79b;border-radius:60% 60% 0 0;opacity:.34}.preview-nails{position:absolute;inset:0}.mix-nail{position:absolute;width:70px;height:178px;border-radius:50% 50% 46% 46%;background:linear-gradient(135deg,var(--base),color-mix(in srgb,var(--base) 75%,white));box-shadow:inset 10px 16px 18px rgba(255,255,255,.38),inset -10px -18px 18px rgba(88,58,36,.10),0 10px 24px rgba(88,58,36,.12);border:1px solid rgba(84,53,38,.16);overflow:hidden}.mix-nail:after{content:'';position:absolute;top:20px;left:18px;width:15px;height:76px;border-radius:999px;background:var(--shine);opacity:.65;transform:rotate(18deg)}.n1{left:18%;top:43%;transform:rotate(-16deg)}.n2{left:32%;top:31%;transform:rotate(-6deg)}.n3{left:46%;top:25%;transform:rotate(1deg)}.n4{left:60%;top:31%;transform:rotate(7deg)}.n5{left:73%;top:43%;transform:rotate(16deg)}.preview-hand[data-finish="matte"] .mix-nail{box-shadow:inset 0 0 0 rgba(0,0,0,0),0 10px 22px rgba(88,58,36,.10);filter:saturate(.9)}.preview-hand[data-finish="chrome"] .mix-nail{background:linear-gradient(120deg,var(--base),#fff,#d7c6b9,var(--base));}.preview-hand[data-finish="cat-eye"] .mix-nail{background:linear-gradient(135deg,var(--base),color-mix(in srgb,var(--base) 72%,#6e513d));}.preview-hand[data-finish="cat-eye"] .mix-nail:before{content:'';position:absolute;left:-10px;top:15px;width:110px;height:18px;border-radius:999px;background:rgba(255,246,226,.74);filter:blur(1px);transform:rotate(-60deg)}.preview-hand[data-finish="jelly"] .mix-nail{opacity:.85}.preview-hand[data-accent="french"] .mix-nail:before{content:'';position:absolute;top:0;left:10px;right:10px;height:32px;border-radius:999px;background:var(--tip)}.preview-hand[data-accent="chrome-tip"] .mix-nail:before{content:'';position:absolute;top:0;left:7px;right:7px;height:34px;border-radius:999px;background:linear-gradient(90deg,#fff,var(--accent),#fff)}.preview-hand[data-accent="aura"] .mix-nail:before{content:'';position:absolute;inset:42px 10px 42px;border-radius:999px;background:radial-gradient(circle,var(--accent),transparent 65%);opacity:.68}.preview-hand[data-accent="swirl"] .mix-nail:before{content:'';position:absolute;left:16px;top:38px;width:42px;height:84px;border-left:5px solid var(--accent);border-radius:50%;transform:rotate(28deg);opacity:.9}.preview-caption{padding:24px 6px 4px}.preview-caption span{font-family:'Montserrat',sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#a47b5d;font-size:.7rem}.preview-caption h2{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:400;color:#342823;margin:8px 0}.preview-caption p{color:rgba(52,40,35,.68);margin:0}.mixer-controls{background:#fffaf4;border:1px solid rgba(181,139,101,.16);border-radius:28px;padding:28px;box-shadow:0 18px 48px rgba(86,60,40,.08)}.control-block{margin-bottom:28px}.control-block h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.55rem;color:#342823;margin:0 0 16px}.mix-swatch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mix-swatch,.mix-choice,.mix-accent{cursor:pointer}.mix-swatch{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;border:1px solid rgba(181,139,101,.16);background:#fffaf4;border-radius:16px;padding:10px;text-align:left}.mix-swatch.active{outline:2px solid #b58b65}.mix-swatch span{width:44px;height:44px;border-radius:50%;background:var(--swatch);border:1px solid rgba(84,53,38,.12)}.mix-swatch strong{display:block;color:#342823}.mix-swatch small{color:rgba(52,40,35,.58);text-transform:capitalize}.mix-choice-row{display:flex;gap:10px;flex-wrap:wrap}.mix-choice,.mix-accent{border:1px solid rgba(181,139,101,.25);background:#fffaf4;border-radius:999px;padding:10px 14px;color:#5a4438}.mix-choice.active,.mix-accent.active{background:#342823;color:#fffaf4;border-color:#342823}.accent-picks{display:flex;gap:12px}.accent-picks button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(84,53,38,.16);background:var(--accentpick);cursor:pointer}.colour-inspiration{padding:76px 0;background:#fffaf4}.colour-inspo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.colour-inspo-grid article{background:#f7efe6;border-radius:22px;overflow:hidden;border:1px solid rgba(181,139,101,.14)}.colour-inspo-grid img{width:100%;display:block}.colour-inspo-grid h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.6rem;padding:0 18px 20px;margin:0;color:#342823}@media(max-width:1150px){.trend-design-grid,.lookbook-trend-grid,.colour-inspo-grid{grid-template-columns:repeat(2,1fr)}.colour-mixer-grid{grid-template-columns:1fr}}@media(max-width:650px){.trend-design-grid,.lookbook-trend-grid,.colour-inspo-grid{grid-template-columns:1fr}.mix-swatch-grid{grid-template-columns:1fr}.preview-hand{height:430px}.mix-nail{width:54px;height:136px}.trend-gallery-hero h1,.colour-mixer-hero h1{font-size:clamp(2.5rem,12vw,3.7rem)}}


/* ===== v28 warmer/darker photo-led gallery + lookbook ===== */
:root { --v28-bg:#efe2d4; --v28-bg2:#e7d6c5; --v28-card:#f7efe7; --v28-ink:#2f241f; --v28-muted:rgba(47,36,31,.68); --v28-gold:#9d7558; }
body { background: var(--v28-bg) !important; color: var(--v28-ink) !important; }
.nav-editorial { background: rgba(239,226,212,.94) !important; border-bottom:1px solid rgba(120,88,65,.14) !important; }
.editorial-intro,.feature-strip,.campaign-gallery,.signature,.booking-cta,.location,.footer-luxe,.trend-gallery-hero,.photo-gallery-hero,.photo-gallery-section,.photo-lookbook-hero,.photo-lookbook-block,.colour-mixer-hero,.colour-mixer-app,.colour-inspiration { background: var(--v28-bg) !important; }
.footer-luxe,.photo-lookbook-block:nth-of-type(even),.photo-gallery-section { background: var(--v28-bg2) !important; }
.photo-gallery-hero { padding: 86px 0 48px !important; text-align:center; }
.photo-gallery-hero h1, .photo-lookbook-hero h1 { font-family:'Cormorant Garamond','Bodoni Moda',serif !important; font-weight:400 !important; font-size:clamp(3rem,6vw,5.6rem) !important; line-height:.96 !important; color:var(--v28-ink) !important; margin:0 0 18px !important; }
.photo-gallery-hero p, .photo-lookbook-hero p { max-width:760px; margin:0 auto; color:var(--v28-muted); font-size:1.06rem; line-height:1.8; }
.photo-filter-row button { background:rgba(247,239,231,.72) !important; color:#584236 !important; border-color:rgba(125,92,70,.24) !important; }
.photo-filter-row button.active { background:#3d2e27 !important; color:#fff8ef !important; border-color:#3d2e27 !important; }
.photo-gallery-section { padding: 24px clamp(16px,3vw,46px) 84px !important; }
.photo-design-grid { max-width:1480px; margin:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.photo-design-card { background:var(--v28-card) !important; border:1px solid rgba(125,92,70,.16) !important; border-radius:24px; overflow:hidden; box-shadow:0 16px 42px rgba(65,45,33,.09); transition:transform .35s ease, box-shadow .35s ease; }
.photo-design-card:hover { transform: translateY(-5px); box-shadow:0 24px 58px rgba(65,45,33,.14); }
.photo-design-card a { display:block; color:inherit; text-decoration:none; }
.photo-design-card img { width:100%; aspect-ratio:1/1.04; object-fit:cover; display:block; filter:saturate(.94) brightness(.96) contrast(.98); }
.photo-design-card div { padding:21px 22px 24px; background:var(--v28-card); min-height:154px; }
.photo-design-card span, .photo-look-card span { display:block; font-family:'Montserrat',sans-serif; letter-spacing:.24em; text-transform:uppercase; font-size:.68rem; color:var(--v28-gold); margin-bottom:10px; }
.photo-design-card h3, .photo-look-card h3 { font-family:'Cormorant Garamond',serif; font-weight:400; color:var(--v28-ink); font-size:1.75rem; margin:0 0 8px; }
.photo-design-card p { font-size:.96rem; line-height:1.55; color:var(--v28-muted); margin:0; }
.instagram-fallback-card img { filter:saturate(.95) brightness(.95) !important; }
.photo-lookbook-hero { padding:92px 0 72px; }
.lookbook-hero-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:52px; align-items:center; }
.lookbook-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.lookbook-links a { border:1px solid rgba(125,92,70,.24); border-radius:999px; padding:11px 18px; font-family:'Montserrat',sans-serif; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:#584236; background:rgba(247,239,231,.62); }
.lookbook-photo-collage { display:grid; grid-template-columns:1.1fr .9fr; grid-template-rows:230px 230px; gap:16px; }
.lookbook-photo-collage img { width:100%; height:100%; object-fit:cover; border-radius:24px; box-shadow:0 18px 46px rgba(65,45,33,.12); filter:saturate(.92) brightness(.94); }
.lookbook-photo-collage img:first-child { grid-row:span 2; }
.photo-lookbook-block { padding:78px 0; }
.lookbook-block-heading { text-align:center; max-width:820px; }
.lookbook-block-heading h2 { font-family:'Cormorant Garamond',serif; font-weight:400; color:var(--v28-ink); font-size:clamp(2.5rem,4vw,4.2rem); margin:0 0 12px; }
.lookbook-block-heading p { color:var(--v28-muted); line-height:1.8; }
.photo-lookbook-grid { max-width:1420px; margin:34px auto 0; padding:0 clamp(16px,3vw,42px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.photo-look-card { background:var(--v28-card); border:1px solid rgba(125,92,70,.15); border-radius:24px; overflow:hidden; box-shadow:0 16px 42px rgba(65,45,33,.08); }
.photo-look-card img { width:100%; aspect-ratio:1/1.08; object-fit:cover; display:block; filter:saturate(.92) brightness(.95); }
.photo-look-card div { padding:20px 22px 24px; }
.colour-inspo-grid img { filter:saturate(.92) brightness(.95); aspect-ratio:1/1; object-fit:cover; }
.preview-panel,.mixer-controls,.colour-inspo-grid article { background:var(--v28-card) !important; }
.preview-hand { background: linear-gradient(135deg,#e5d0bc,#f7efe7) !important; }
@media(max-width:1150px){ .photo-design-grid,.photo-lookbook-grid{grid-template-columns:repeat(2,1fr)} .lookbook-hero-grid{grid-template-columns:1fr} }
@media(max-width:650px){ .photo-design-grid,.photo-lookbook-grid{grid-template-columns:1fr} .lookbook-photo-collage{grid-template-columns:1fr; grid-template-rows:260px 220px 220px}.lookbook-photo-collage img:first-child{grid-row:span 1}.photo-gallery-hero,.photo-lookbook-hero{padding:74px 0 48px}.photo-gallery-hero h1,.photo-lookbook-hero h1{font-size:clamp(2.6rem,12vw,3.8rem)!important} }


/* ===== v29 MOBILE VIDEO + MENU INTERACTION FIX ===== */
@media (max-width: 900px) {
  html.menu-is-open,
  body.menu-is-open {
    overflow: hidden !important;
  }

  .nav-editorial {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: rgba(239,226,212,.96) !important;
    border-bottom: 1px solid rgba(120,88,65,.16) !important;
  }

  .nav-container {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 18px !important;
  }

  .nav-logo-chloe {
    grid-column: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: calc(100vw - 96px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .nav-logo-mark-soft {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 auto !important;
  }

  .nav-logo-name {
    font-size: 1.18rem !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  .nav-logo-chloe small {
    font-size: .42rem !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
  }

  .nav-toggle {
    grid-column: 2 !important;
    justify-self: end !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,250,244,.62) !important;
    border: 1px solid rgba(93,67,50,.18) !important;
    box-shadow: 0 8px 22px rgba(50,35,25,.08) !important;
  }

  .nav-toggle span {
    width: 20px !important;
    height: 1px !important;
    background: #3e3028 !important;
    margin: 3px 0 !important;
    transition: transform .28s ease, opacity .28s ease !important;
  }

  .nav.menu-open {
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    background:
      radial-gradient(circle at 12% 6%, rgba(180,143,112,.18), transparent 30%),
      linear-gradient(180deg, #f1e3d6 0%, #e7d6c5 100%) !important;
    border-bottom: 0 !important;
  }

  .nav.menu-open .nav-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 18px 22px 30px !important;
    min-height: 100% !important;
    align-content: flex-start !important;
  }

  .nav.menu-open .nav-logo-chloe {
    order: 1 !important;
    width: calc(100% - 70px) !important;
    max-width: calc(100% - 70px) !important;
  }

  .nav.menu-open .nav-toggle {
    order: 2 !important;
    margin-left: auto !important;
  }

  .nav.menu-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  .nav.menu-open .nav-toggle span:nth-child(2) { opacity: 0 !important; }
  .nav.menu-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }

  .nav-left,
  .nav-right {
    display: none !important;
  }

  .nav.menu-open .nav-left,
  .nav.menu-open .nav-right {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .nav.menu-open .nav-left {
    order: 3 !important;
    margin-top: 42px !important;
    border-top: 1px solid rgba(94,68,51,.16) !important;
  }

  .nav.menu-open .nav-right {
    order: 4 !important;
    border-bottom: 1px solid rgba(94,68,51,.16) !important;
    margin-bottom: 26px !important;
  }

  .nav.menu-open .nav-left li,
  .nav.menu-open .nav-right li {
    list-style: none !important;
    width: 100% !important;
  }

  .nav.menu-open .nav-left a,
  .nav.menu-open .nav-right a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 18px 2px !important;
    border-bottom: 1px solid rgba(94,68,51,.12) !important;
    color: #332720 !important;
    font-size: .92rem !important;
    letter-spacing: .18em !important;
    opacity: 1 !important;
  }

  .nav.menu-open .nav-left a::after,
  .nav.menu-open .nav-right a::after {
    content: '›';
    font-size: 1.4rem;
    letter-spacing: 0;
    color: rgba(84,60,45,.55);
  }

  .nav.menu-open .nav-book {
    justify-content: center !important;
    margin-top: 20px !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    background: #3e3028 !important;
    color: #fffaf4 !important;
    border-color: #3e3028 !important;
  }
  .nav.menu-open .nav-book::after { display: none !important; }
}

/* Keep video working on mobile. Older CSS hid it, so this final block overrides it. */
@media (max-width: 768px) {
  .hero-video-only {
    min-height: calc(100svh - 74px) !important;
    padding: 94px 20px 46px !important;
    background: #e7d6c5 !important;
  }

  .hero-video-only .hero-media {
    position: absolute !important;
    inset: 0 !important;
    background: #e7d6c5 !important;
  }

  .hero-video-only .hero-video,
  .hero-editorial .hero-video,
  video.hero-video {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1.04) !important;
    filter: saturate(.94) brightness(.86) contrast(1.02) !important;
    z-index: 0 !important;
  }

  .hero-video-only .hero-media::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(45,32,25,.48), rgba(45,32,25,.26) 42%, rgba(45,32,25,.42) 100%),
      linear-gradient(90deg, rgba(45,32,25,.28), rgba(45,32,25,.08)) !important;
  }

  .hero-video-only .hero-editorial-content {
    position: relative !important;
    z-index: 3 !important;
    max-width: 100% !important;
  }

  .hero-kicker { font-size: .68rem !important; letter-spacing: .18em !important; }
  .hero-title,
  .hero-editorial .hero-title {
    font-size: clamp(2.65rem, 13vw, 4.1rem) !important;
    line-height: .98 !important;
    max-width: 10.5ch !important;
  }
  .hero-intro { font-size: .96rem !important; line-height: 1.65 !important; max-width: 92vw !important; }
  .hero-contact-strip { gap: 8px !important; margin-top: 18px !important; }
  .hero-contact-strip span {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: .65rem !important;
    letter-spacing: .06em !important;
    padding: 10px 12px !important;
  }
  .hero-actions { gap: 10px !important; flex-direction: column !important; align-items: stretch !important; }
  .hero-actions a { text-align: center !important; width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-video-only .hero-video { display: none !important; }
  .hero-video-only { background: linear-gradient(90deg, rgba(52,37,29,.34),rgba(52,37,29,.16)), url('/images/hero-editorial.jpg') center/cover no-repeat !important; }
}


/* ===== v30 centred luxury homepage + richer photo gallery ===== */
:root{
  --v30-bg:#f1e6d9;
  --v30-bg2:#e7d8c8;
  --v30-card:#fff8f0;
  --v30-ink:#332620;
  --v30-muted:rgba(51,38,32,.70);
  --v30-gold:#a97b5d;
}
.nav-editorial{background:rgba(246,237,228,.94)!important;border-bottom:1px solid rgba(155,113,83,.18)!important;}
.nav-logo-chloe{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;justify-self:center!important;text-align:center!important;}
.nav-logo-name{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-size:1.7rem!important;font-weight:400!important;letter-spacing:.08em!important;color:#2f241f!important;text-transform:none!important;}
.nav-logo-chloe small{font-size:.55rem!important;letter-spacing:.24em!important;color:#9d765f!important;}
.nav-logo-mark-soft{width:34px!important;height:34px!important;opacity:.78!important;}

.hero-centred-luxe{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:120px 42px 78px!important;background:#18110d!important;}
.hero-centred-luxe .hero-media::before{background:linear-gradient(90deg,rgba(32,22,17,.30),rgba(32,22,17,.24)),linear-gradient(180deg,rgba(33,22,16,.18),rgba(33,22,16,.30))!important;}
.hero-centred-luxe .hero-video{object-position:center center!important;filter:sepia(.12) saturate(.92) brightness(.86) contrast(.98)!important;}
.hero-centred-luxe .hero-editorial-content{margin:0 auto!important;max-width:860px!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.hero-centred-luxe .hero-kicker{color:#e8cbb5!important;text-align:center!important;margin-bottom:22px!important;}
.hero-centred-luxe .hero-title,.hero-centred-luxe .hero-editorial .hero-title{max-width:980px!important;text-align:center!important;font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-size:clamp(3.9rem,7.2vw,7.4rem)!important;line-height:.93!important;letter-spacing:.015em!important;font-weight:300!important;color:#fff8ef!important;text-shadow:0 10px 34px rgba(20,12,8,.25)!important;}
.hero-centred-luxe .hero-title span{display:block!important;}
.hero-centred-luxe .hero-intro{max-width:620px!important;text-align:center!important;margin:22px auto 0!important;color:rgba(255,248,239,.92)!important;font-size:1.08rem!important;line-height:1.8!important;}
.hero-centred-luxe .hero-contact-strip{justify-content:center!important;margin-top:24px!important;}
.hero-centred-luxe .hero-contact-strip span{background:rgba(255,248,239,.88)!important;color:#4d392f!important;border-color:rgba(255,248,239,.50)!important;box-shadow:0 16px 36px rgba(30,18,12,.14)!important;}
.hero-centred-luxe .hero-actions{justify-content:center!important;margin-top:26px!important;}
.hero-centred-luxe .btn-primary{background:#fff8ef!important;color:#3a2a22!important;}
.hero-centred-luxe .btn-ghost{color:#fff8ef!important;border-color:rgba(255,248,239,.55)!important;background:rgba(255,248,239,.08)!important;}

.home-photo-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;padding:86px clamp(22px,5vw,86px);background:linear-gradient(180deg,var(--v30-bg) 0%,var(--v30-bg2) 100%);border-top:1px solid rgba(155,113,83,.12);}
.home-photo-copy{max-width:520px;justify-self:end;}
.home-photo-copy h2{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-size:clamp(2.6rem,5vw,5rem);line-height:.98;font-weight:400;color:var(--v30-ink);margin:0 0 20px;}
.home-photo-copy p{color:var(--v30-muted);font-size:1.06rem;line-height:1.8;margin:0 0 26px;}
.home-photo-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;}
.home-photo-stack img{width:100%;display:block;object-fit:cover;border-radius:28px;box-shadow:0 26px 70px rgba(62,43,32,.16);border:1px solid rgba(255,255,255,.44);filter:saturate(.94) brightness(.96) contrast(.98);}
.home-photo-stack img:first-child{aspect-ratio:4/5;}
.home-photo-stack img:last-child{aspect-ratio:4/4.5;transform:translateY(-34px);}

.gallery-luxe-intro-v30{background:linear-gradient(180deg,#efe2d3 0%,#e3d2c1 100%);padding:86px clamp(20px,5vw,82px) 58px;border-bottom:1px solid rgba(131,92,66,.12);}
.gallery-luxe-intro-grid-v30{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:52px;align-items:center;max-width:1320px;margin:0 auto;}
.gallery-luxe-copy-v30 h1{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-size:clamp(3rem,5.8vw,6.2rem)!important;line-height:.92!important;font-weight:400!important;color:var(--v30-ink)!important;margin:0 0 22px!important;max-width:780px;}
.gallery-luxe-copy-v30 p{font-size:1.05rem;line-height:1.78;color:var(--v30-muted);max-width:680px;margin:0 0 30px;}
.gallery-luxe-photo-v30{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 28px 84px rgba(62,43,32,.18);border:1px solid rgba(255,255,255,.42);background:#d8c6b6;}
.gallery-luxe-photo-v30 img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block;filter:saturate(.94) brightness(.93) contrast(.98);}
.gallery-luxe-photo-v30 span{position:absolute;left:22px;bottom:22px;background:rgba(255,248,239,.88);color:#4b372d;border:1px solid rgba(255,255,255,.56);border-radius:999px;padding:12px 18px;font-family:'Montserrat',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;}
.photo-gallery-section{background:#e6d6c6!important;padding-top:46px!important;}
.photo-design-grid{gap:26px!important;}
.photo-design-card{background:#fff7ef!important;border:1px solid rgba(131,92,66,.14)!important;box-shadow:0 20px 56px rgba(62,43,32,.11)!important;}
.photo-design-card img{filter:saturate(.96) brightness(.94) contrast(.98)!important;}
.photo-design-card div{background:#fff7ef!important;min-height:unset!important;}
.photo-design-card h3{font-size:1.9rem!important;color:#332620!important;}
.photo-design-card p{color:rgba(51,38,32,.68)!important;}
.photo-filter-row{justify-content:flex-start!important;}
.photo-filter-row button{background:rgba(255,248,239,.68)!important;border:1px solid rgba(131,92,66,.22)!important;color:#5b4437!important;}
.photo-filter-row button.active{background:#3d2d25!important;color:#fff8ef!important;border-color:#3d2d25!important;}

@media(max-width:1050px){.nav-logo-chloe{position:static!important;transform:none!important}.home-photo-editorial,.gallery-luxe-intro-grid-v30{grid-template-columns:1fr;}.home-photo-copy{justify-self:start}.gallery-luxe-photo-v30{max-width:760px}.photo-filter-row{justify-content:center!important}}
@media(max-width:768px){.hero-centred-luxe{min-height:88vh!important;padding:102px 20px 56px!important}.hero-centred-luxe .hero-title{font-size:clamp(3rem,14vw,4.6rem)!important}.hero-centred-luxe .hero-intro{font-size:1rem!important}.home-photo-editorial{padding:64px 18px}.home-photo-stack{grid-template-columns:1fr;}.home-photo-stack img:last-child{transform:none}.gallery-luxe-intro-v30{padding:70px 18px 42px}.gallery-luxe-copy-v30 h1{font-size:clamp(2.6rem,13vw,4rem)!important}.gallery-luxe-photo-v30 img{aspect-ratio:4/5}.gallery-luxe-photo-v30 span{position:static;display:block;border-radius:0;background:#fff8ef}.photo-filter-row{justify-content:flex-start!important;overflow:auto;flex-wrap:nowrap!important;padding-bottom:6px}.photo-filter-row button{white-space:nowrap}}


/* ===== v31 FINAL MOBILE NAV + SITE CONSISTENCY FIX ===== */
.fade-in { opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }

.nav-toggle { cursor:pointer; }

@media (max-width: 900px) {
  html.menu-is-open,
  body.menu-is-open {
    overflow: hidden !important;
    height: 100% !important;
  }

  .nav-editorial {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: rgba(238,224,211,.97) !important;
    border-bottom: 1px solid rgba(100,72,54,.16) !important;
  }

  .nav-container {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 18px !important;
    min-height: 74px !important;
  }

  .nav-logo-chloe {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: calc(100vw - 92px) !important;
    gap: 9px !important;
  }

  .nav-logo-mark-soft {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }

  .nav-logo-name {
    display: block !important;
    font-size: 1.12rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .nav-logo-chloe small {
    display: block !important;
    font-size: .40rem !important;
    letter-spacing: .15em !important;
    white-space: nowrap !important;
  }

  .nav-toggle {
    grid-column: 2 !important;
    display: inline-flex !important;
    position: relative !important;
    z-index: 100002 !important;
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(82,58,44,.22) !important;
    background: rgba(255,250,244,.72) !important;
    box-shadow: 0 8px 24px rgba(50,35,25,.10) !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }

  .nav-toggle span {
    display: block !important;
    width: 20px !important;
    height: 1px !important;
    background: #382b24 !important;
    margin: 3px 0 !important;
    transition: transform .25s ease, opacity .25s ease !important;
  }

  .nav-left,
  .nav-right {
    display: none !important;
  }

  .nav.menu-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(186,147,114,.18), transparent 34%),
      linear-gradient(180deg, #f1e4d8 0%, #e5d2c0 100%) !important;
  }

  .nav.menu-open .nav-container {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    align-content: start !important;
    min-height: 100dvh !important;
    padding: 16px 22px 42px !important;
  }

  .nav.menu-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  .nav.menu-open .nav-toggle span:nth-child(2) { opacity: 0 !important; }
  .nav.menu-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }

  .nav.menu-open .nav-left,
  .nav.menu-open .nav-right {
    display: flex !important;
    position: static !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .nav.menu-open .nav-left {
    grid-row: 2 !important;
    margin-top: 42px !important;
    border-top: 1px solid rgba(89,62,45,.16) !important;
  }

  .nav.menu-open .nav-right {
    grid-row: 3 !important;
    border-bottom: 1px solid rgba(89,62,45,.16) !important;
    padding-bottom: 20px !important;
  }

  .nav.menu-open .nav-left li,
  .nav.menu-open .nav-right li {
    list-style: none !important;
    width: 100% !important;
  }

  .nav.menu-open .nav-left a,
  .nav.menu-open .nav-right a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid rgba(89,62,45,.12) !important;
    color: #352821 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: .88rem !important;
    line-height: 1.2 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .nav.menu-open .nav-left a::after,
  .nav.menu-open .nav-right a::after {
    content: '›';
    color: rgba(67,48,36,.56);
    font-size: 1.35rem;
    line-height: 1;
    letter-spacing: 0;
  }

  .nav.menu-open .nav-book {
    justify-content: center !important;
    margin-top: 18px !important;
    border-radius: 999px !important;
    background: #3e3028 !important;
    color: #fffaf4 !important;
    border-color: #3e3028 !important;
  }

  .nav.menu-open .nav-book::after { display: none !important; }
}


/* ===== v32 TOP NAV CENTRING + RESPONSIVE COLOUR CHECK ===== */
:root { --v32-bg:#efe2d3; --v32-bg-soft:#f5eadf; --v32-ink:#332620; --v32-taupe:#80614e; --v32-gold:#a77c60; }
.nav-editorial { background: rgba(244,235,226,.96) !important; border-bottom: 1px solid rgba(126,90,66,.16) !important; }
@media (min-width:1051px){
 .nav-container{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;max-width:1600px!important;margin:0 auto!important;padding:15px 52px!important;min-height:82px!important;}
 .nav-left{grid-column:1!important;justify-self:start!important;display:flex!important;align-items:center!important;}
 .nav-right{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;}
 .nav-logo-chloe{grid-column:2!important;position:static!important;transform:none!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:270px!important;max-width:360px!important;text-align:center!important;}
 .nav-logo-mark-soft{width:32px!important;height:32px!important;opacity:.82!important;}
 .nav-logo-name{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-size:1.72rem!important;line-height:1!important;letter-spacing:.095em!important;color:var(--v32-ink)!important;font-weight:400!important;white-space:nowrap!important;}
 .nav-logo-chloe small{font-family:'Montserrat',sans-serif!important;font-size:.50rem!important;letter-spacing:.22em!important;color:var(--v32-gold)!important;white-space:nowrap!important;}
}
.hero-video-only .hero-video{object-fit:cover!important;object-position:center center!important;}
.hero-centred-luxe .hero-media::before{background:linear-gradient(90deg,rgba(34,23,17,.34),rgba(34,23,17,.25)),linear-gradient(180deg,rgba(34,23,17,.12),rgba(34,23,17,.30))!important;}
@media(max-width:900px){
 body{background:var(--v32-bg)!important;color:var(--v32-ink)!important;}
 .nav-editorial{background:rgba(241,228,216,.98)!important;border-bottom-color:rgba(126,90,66,.18)!important;}
 .nav-container{grid-template-columns:minmax(0,1fr) auto!important;padding:13px 18px!important;min-height:74px!important;}
 .nav-logo-chloe{justify-self:center!important;text-align:center!important;margin-left:46px!important;max-width:calc(100vw - 128px)!important;}
 .nav-logo-name{color:var(--v32-ink)!important;font-size:1.12rem!important;}
 .nav-logo-chloe small{color:var(--v32-taupe)!important;}
 .nav.menu-open{background:radial-gradient(circle at 12% 0%,rgba(167,124,96,.16),transparent 34%),linear-gradient(180deg,#f3e7dc 0%,#e4d1c1 100%)!important;}
 .nav.menu-open .nav-left a,.nav.menu-open .nav-right a{color:var(--v32-ink)!important;}
 .nav.menu-open .nav-book{background:var(--v32-ink)!important;color:#fff8ef!important;}
 .hero-video-only .hero-video{display:block!important;}
 .hero-video-only{background:#2b1f19!important;}
 .hero-contact-strip span{background:rgba(255,248,239,.90)!important;color:#4d392f!important;}
}
@media(prefers-reduced-motion:reduce){.hero-video-only .hero-video{display:none!important}.hero-video-only{background:linear-gradient(90deg,rgba(52,37,29,.34),rgba(52,37,29,.16)),url('/images/hero-editorial.jpg') center/cover no-repeat!important;}}


/* ═══════════════════════════════════════════════════════════
   V33 SERVICE OVERLAP + CLEAN HOMEPAGE HERO FIX
   - service tabs no longer hide under sticky header
   - top brand centred/cleaner
   - homepage wording smaller and side-positioned like a luxury editorial hero
   ═══════════════════════════════════════════════════════════ */
:root {
  --v33-cream: #f5eee7;
  --v33-ivory: #fffaf5;
  --v33-ink: #40322a;
  --v33-taupe: #8e705c;
  --v33-line: rgba(120, 92, 72, .16);
}

.nav.nav-editorial {
  background: rgba(246, 239, 232, .96) !important;
  border-bottom: 1px solid rgba(128, 100, 80, .14) !important;
  backdrop-filter: blur(14px) !important;
}
.nav-container {
  min-height: 94px !important;
  padding: 12px 42px !important;
  grid-template-columns: minmax(310px, 1fr) auto minmax(310px, 1fr) !important;
  align-items: center !important;
}
.nav-logo-chloe {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-align: center !important;
  min-width: 280px !important;
}
.nav-logo-mark-soft {
  display: none !important;
}
.nav-logo-text-wrap {
  align-items: center !important;
  text-align: center !important;
}
.nav-logo-name {
  font-family: 'Cormorant Garamond', 'Bodoni Moda', serif !important;
  font-size: 2.18rem !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  font-weight: 400 !important;
  color: #30251f !important;
}
.nav-logo-chloe small {
  font-size: .56rem !important;
  letter-spacing: .28em !important;
  color: rgba(142, 106, 82, .86) !important;
}
.nav-left a,
.nav-right a {
  font-size: .76rem !important;
  letter-spacing: .22em !important;
  color: rgba(48, 37, 31, .74) !important;
}
.nav-book {
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 245, .76) !important;
  border: 1px solid rgba(104, 78, 60, .18) !important;
}

/* Homepage hero: keep wording on the side, but make it quieter and less overwhelming */
.hero-video-only.hero-centred-luxe {
  min-height: calc(100vh - 94px) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.hero-video-only.hero-centred-luxe .hero-editorial-content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 600px !important;
  margin-left: clamp(34px, 6vw, 96px) !important;
  margin-right: 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}
.hero-video-only.hero-centred-luxe .hero-kicker {
  font-size: .72rem !important;
  letter-spacing: .24em !important;
  margin-bottom: 18px !important;
  color: rgba(255, 250, 245, .88) !important;
}
.hero-video-only.hero-centred-luxe .hero-title,
.hero-video-only.hero-centred-luxe.hero-editorial .hero-title {
  font-family: 'Cormorant Garamond', 'Bodoni Moda', serif !important;
  font-size: clamp(2.95rem, 4.9vw, 5rem) !important;
  line-height: 1.02 !important;
  letter-spacing: .02em !important;
  max-width: 12ch !important;
  color: #fffaf5 !important;
  font-weight: 400 !important;
  text-shadow: 0 8px 28px rgba(33, 21, 15, .20) !important;
}
.hero-video-only.hero-centred-luxe .hero-title span { display: block !important; }
.hero-video-only.hero-centred-luxe .hero-intro {
  max-width: 34rem !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
  color: rgba(255, 248, 240, .90) !important;
  margin-top: 22px !important;
}
.hero-video-only.hero-centred-luxe .hero-actions {
  margin-top: 24px !important;
}
.hero-video-only.hero-centred-luxe .hero-contact-strip {
  margin-top: 18px !important;
  gap: 10px !important;
  max-width: 620px !important;
}
.hero-video-only.hero-centred-luxe .hero-contact-strip span {
  font-size: .70rem !important;
  letter-spacing: .10em !important;
  padding: 10px 15px !important;
  background: rgba(255, 250, 245, .82) !important;
  color: #514033 !important;
}
.hero-video-only.hero-centred-luxe .hero-media::before {
  background:
    linear-gradient(90deg, rgba(48, 35, 28, .42) 0%, rgba(48, 35, 28, .24) 38%, rgba(48, 35, 28, .08) 70%, rgba(48,35,28,.10) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.16) 100%) !important;
}

/* Services page: prevent category tabs from being hidden by the sticky header */
.clean-page-hero.services-hero {
  padding-top: clamp(120px, 11vw, 154px) !important;
  padding-bottom: 46px !important;
  min-height: auto !important;
}
.lux-category-nav {
  position: sticky !important;
  top: 96px !important;
  z-index: 90 !important;
  background: rgba(246, 239, 232, .98) !important;
  border-top: 1px solid rgba(120, 92, 72, .10) !important;
  border-bottom: 1px solid rgba(120, 92, 72, .16) !important;
  padding: 16px 24px !important;
  box-shadow: 0 10px 24px rgba(78, 58, 43, .05) !important;
}
.lux-category-nav a {
  background: rgba(255, 250, 245, .72) !important;
  color: #4a3930 !important;
  border-color: rgba(86, 64, 50, .20) !important;
  line-height: 1 !important;
}
.lux-menu-section {
  scroll-margin-top: 180px !important;
  padding-top: 76px !important;
}
.lux-services-grid {
  border-radius: 22px !important;
  overflow: hidden !important;
}
.lux-service-card h3 {
  line-height: 1.12 !important;
}

@media (max-width: 1060px) {
  .nav-container {
    grid-template-columns: 1fr auto !important;
    min-height: 76px !important;
    padding: 12px 22px !important;
  }
  .nav-logo-chloe {
    align-items: flex-start !important;
    text-align: left !important;
    min-width: 0 !important;
  }
  .nav-logo-text-wrap { align-items: flex-start !important; text-align: left !important; }
  .nav-logo-name { font-size: 1.55rem !important; letter-spacing: .05em !important; }
  .nav-logo-chloe small { font-size: .42rem !important; letter-spacing: .18em !important; }
  .lux-category-nav { top: 76px !important; }
}
@media (max-width: 760px) {
  .hero-video-only.hero-centred-luxe {
    min-height: 86vh !important;
    align-items: flex-end !important;
    padding-bottom: 48px !important;
  }
  .hero-video-only.hero-centred-luxe .hero-editorial-content {
    margin: 0 20px !important;
    max-width: none !important;
  }
  .hero-video-only.hero-centred-luxe .hero-title,
  .hero-video-only.hero-centred-luxe.hero-editorial .hero-title {
    font-size: clamp(2.55rem, 12vw, 3.8rem) !important;
    max-width: 11ch !important;
  }
  .hero-video-only.hero-centred-luxe .hero-intro { font-size: .94rem !important; line-height: 1.7 !important; }
  .hero-video-only.hero-centred-luxe .hero-contact-strip span {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .lux-category-nav {
    position: relative !important;
    top: auto !important;
    z-index: 4 !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding: 13px 18px !important;
  }
  .clean-page-hero.services-hero {
    padding-top: 82px !important;
    padding-bottom: 30px !important;
  }
  .lux-menu-section { scroll-margin-top: 88px !important; padding-top: 54px !important; }
}


/* ===== V34 hero + services refinement ===== */
.hero.hero-editorial.hero-video-only.hero-side-refined {
  align-items: center !important;
  padding: 126px 72px 86px !important;
}
.hero-side-refined .hero-editorial-content {
  margin: 0 !important;
  max-width: 560px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 30px 0 !important;
}
.hero-side-refined .hero-kicker {
  margin-bottom: 18px !important;
  font-size: .76rem !important;
  letter-spacing: .26em !important;
  color: rgba(255,247,240,.86) !important;
}
.hero-side-refined .hero-title,
.hero-side-refined.hero-editorial .hero-title {
  max-width: 9.2ch !important;
  font-family: 'Bodoni Moda','Cormorant Garamond',serif !important;
  font-size: clamp(3.1rem, 5vw, 5rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.01em !important;
  text-align: left !important;
  font-weight: 400 !important;
  color: #fff9f3 !important;
  text-shadow: 0 4px 18px rgba(26,16,12,.18) !important;
}
.hero-side-refined .hero-title span { display:block !important; }
.hero-side-refined .hero-intro {
  max-width: 34rem !important;
  margin-top: 16px !important;
  font-size: 1rem !important;
  line-height: 1.78 !important;
  color: rgba(255,246,239,.93) !important;
}
.hero-side-refined .hero-contact-strip {
  margin-top: 18px !important;
  gap: 10px !important;
}
.hero-side-refined .hero-contact-strip span {
  background: rgba(255,249,242,.86) !important;
  color: #58453a !important;
  font-size: .72rem !important;
  letter-spacing: .08em !important;
}
.hero-side-refined .hero-actions { margin-top: 20px !important; }
.hero-side-refined .hero-media::before {
  background: linear-gradient(90deg, rgba(22,15,11,.46) 0%, rgba(22,15,11,.26) 36%, rgba(22,15,11,.10) 100%) !important;
}

/* service page spacing and sticky tab offset */
body:has(.services-hero) main {
  padding-top: 0 !important;
}
.clean-page-hero.services-hero {
  padding-top: 132px !important;
  padding-bottom: 58px !important;
  margin-bottom: 0 !important;
}
.clean-page-hero.services-hero h1 {
  font-size: clamp(2.8rem, 5vw, 4.4rem) !important;
}
.lux-category-nav {
  top: 112px !important;
  z-index: 70 !important;
  padding: 18px 26px !important;
  justify-content: center !important;
  gap: 12px !important;
}
.lux-category-nav a {
  padding: 14px 24px !important;
  border-radius: 999px !important;
  font-size: .84rem !important;
}
.lux-menu-section {
  scroll-margin-top: 220px !important;
  padding-top: 84px !important;
}
.lux-menu-heading { margin-bottom: 34px !important; }
.lux-services-grid { margin-top: 8px !important; }

@media (max-width: 1060px) {
  .hero.hero-editorial.hero-video-only.hero-side-refined { padding: 112px 36px 74px !important; }
  .hero-side-refined .hero-title,
  .hero-side-refined.hero-editorial .hero-title { font-size: clamp(2.7rem, 7vw, 4rem) !important; }
  .lux-category-nav { top: 90px !important; }
}
@media (max-width: 760px) {
  .hero.hero-editorial.hero-video-only.hero-side-refined { min-height: 86vh !important; align-items: flex-end !important; padding: 96px 18px 40px !important; }
  .hero-side-refined .hero-editorial-content { max-width: 420px !important; padding: 18px 0 !important; }
  .hero-side-refined .hero-title,
  .hero-side-refined.hero-editorial .hero-title { font-size: clamp(2.45rem, 10.8vw, 3.5rem) !important; max-width: 9.8ch !important; }
  .hero-side-refined .hero-intro { font-size: .94rem !important; line-height: 1.68 !important; }
  .hero-side-refined .hero-contact-strip span { font-size: .68rem !important; }
  .lux-category-nav { top: 74px !important; justify-content: flex-start !important; overflow-x: auto !important; flex-wrap: nowrap !important; }
  .lux-category-nav a { white-space: nowrap !important; padding: 12px 18px !important; }
  .clean-page-hero.services-hero { padding-top: 108px !important; padding-bottom: 44px !important; }
}


/* ===== V35 generated photo-real assets + AI motion hero ===== */
.hero-side-refined .hero-video {
  filter: sepia(.08) saturate(.92) brightness(.90) contrast(.98) !important;
}
.gallery-luxe-intro-v30, .photo-lookbook-hero, .photo-lookbook-block {
  background: #eadbcb !important;
}
.photo-design-card, .photo-look-card, .gallery-booking-card {
  background: #f4eadf !important;
  border-color: rgba(119,86,63,.16) !important;
}
.photo-design-card img, .photo-look-card img, .gallery-luxe-photo-v30 img, .lookbook-photo-collage img {
  filter: saturate(.96) brightness(.96) contrast(.98) !important;
}
.photo-design-card h3, .photo-look-card h3 { color:#2f241f !important; }
.photo-design-card p, .gallery-luxe-copy-v30 p, .lookbook-block-heading p { color:rgba(47,36,31,.72) !important; }
.gallery-luxe-copy-v30 h1, .photo-lookbook-hero h1 {
  color:#2f241f !important;
  font-family:'Bodoni Moda','Cormorant Garamond',serif!important;
}


/* ===== V36 actual video + cleaner hero typography ===== */
.hero.hero-editorial.hero-video-only.hero-side-refined {
  padding: 126px 76px 90px !important;
  align-items: center !important;
}
.hero-side-refined .hero-video {
  object-fit: cover !important;
  object-position: center center !important;
}
.hero-side-refined .hero-media::before {
  background: linear-gradient(90deg, rgba(34,24,18,.42) 0%, rgba(34,24,18,.26) 34%, rgba(34,24,18,.12) 68%, rgba(34,24,18,.12) 100%) !important;
}
.hero-side-refined .hero-editorial-content {
  max-width: 540px !important;
  padding: 10px 0 !important;
}
.hero-side-refined .hero-kicker {
  font-size: .72rem !important;
  letter-spacing: .24em !important;
  color: rgba(255,248,240,.86) !important;
  margin-bottom: 14px !important;
}
.hero-side-refined .hero-title,
.hero-side-refined.hero-editorial .hero-title {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(2.9rem, 4.8vw, 4.8rem) !important;
  line-height: .98 !important;
  letter-spacing: .005em !important;
  font-weight: 400 !important;
  max-width: 8.6ch !important;
  color: #fff8f2 !important;
  text-shadow: 0 4px 16px rgba(20,12,8,.15) !important;
}
.hero-side-refined .hero-intro {
  max-width: 30rem !important;
  margin-top: 16px !important;
  font-family: 'Jost','Montserrat',sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  color: rgba(255,246,238,.92) !important;
}
.hero-side-refined .hero-contact-strip {
  margin-top: 20px !important;
  gap: 10px !important;
}
.hero-side-refined .hero-contact-strip span {
  background: rgba(255,250,245,.88) !important;
  color: #544137 !important;
  border-color: rgba(115,88,70,.14) !important;
  font-size: .72rem !important;
  letter-spacing: .08em !important;
  box-shadow: 0 12px 24px rgba(25,16,12,.10) !important;
}
.hero-side-refined .btn-primary {
  background: #fffaf4 !important;
  color: #4f3b30 !important;
}
.hero-side-refined .btn-ghost {
  background: rgba(255,250,245,.10) !important;
  color: #fffaf4 !important;
  border-color: rgba(255,250,245,.42) !important;
}
.home-photo-stack img, .campaign-image, .campaign-stack .campaign-image, .signature-image {
  filter: saturate(1.02) contrast(1.01);
}
@media (max-width: 900px) {
  .hero.hero-editorial.hero-video-only.hero-side-refined { padding: 104px 24px 54px !important; align-items: flex-end !important; }
  .hero-side-refined .hero-title, .hero-side-refined.hero-editorial .hero-title { font-size: clamp(2.35rem, 10vw, 3.5rem) !important; max-width: 9.2ch !important; }
  .hero-side-refined .hero-intro { font-size: .95rem !important; line-height: 1.68 !important; max-width: 24rem !important; }
}


/* ===== V38 clean hero alignment + Chloe colour library ===== */
.hero.hero-editorial.hero-video-only.hero-side-refined {
  padding: 124px clamp(28px, 6vw, 86px) 86px !important;
  align-items: center !important;
}
.hero-side-refined .hero-editorial-content {
  width: min(520px, 92vw) !important;
  max-width: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  text-align: left !important;
  align-items: flex-start !important;
}
.hero-side-refined .hero-kicker {
  margin: 0 0 16px !important;
  font-size: .72rem !important;
  letter-spacing: .28em !important;
  line-height: 1.35 !important;
}
.hero-side-refined .hero-title,
.hero-side-refined.hero-editorial .hero-title {
  margin: 0 !important;
  max-width: 520px !important;
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(3rem, 5.2vw, 5.15rem) !important;
  font-weight: 400 !important;
  line-height: .98 !important;
  letter-spacing: .01em !important;
  color: #fff8f2 !important;
  text-align: left !important;
  text-shadow: 0 8px 26px rgba(22,14,10,.20) !important;
}
.hero-side-refined .hero-title span { display:block !important; }
.hero-side-refined .hero-intro {
  margin: 18px 0 0 !important;
  max-width: 500px !important;
  font-family: 'Jost','Montserrat',sans-serif !important;
  font-size: clamp(.96rem, 1.2vw, 1.08rem) !important;
  line-height: 1.72 !important;
  letter-spacing: .02em !important;
}
.hero-side-refined .hero-contact-strip {
  margin: 22px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.hero-side-refined .hero-contact-strip span {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 11px 18px !important;
  border-radius: 999px !important;
  background: rgba(255,250,245,.90) !important;
  color: #544137 !important;
  font-size: .72rem !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
}
.hero-side-refined .hero-actions {
  margin: 24px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}
.hero-side-refined .hero-media::before {
  background: linear-gradient(90deg, rgba(22,15,11,.50) 0%, rgba(22,15,11,.34) 38%, rgba(22,15,11,.12) 72%, rgba(22,15,11,.10) 100%) !important;
}
.shade-library-page { background:#f4eadf; color:#33251f; overflow:hidden; }
.shade-library-hero { padding: 116px 22px 46px; text-align:center; background:linear-gradient(180deg,#f7efe6 0%, #efe0d0 100%); border-bottom:1px solid rgba(107,77,56,.14); }
.shade-library-hero h1 { margin:8px auto 16px; max-width:860px; font-family:'Cormorant Garamond','Bodoni Moda',serif; font-weight:400; font-size:clamp(3rem,7vw,6rem); line-height:.95; color:#2f241f; }
.shade-library-hero p { max-width:760px; margin:0 auto; font-size:1.05rem; line-height:1.8; color:rgba(47,36,31,.72); }
.shade-browser-wrap { max-width:1680px; margin:0 auto; display:grid; grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr); gap:0; background:#f7efe6; border-top:1px solid rgba(107,77,56,.12); border-bottom:1px solid rgba(107,77,56,.12); }
.shade-preview-panel { min-height:calc(100vh - 116px); position:sticky; top:96px; align-self:start; padding:34px; background:#efe0d0; border-right:1px solid rgba(107,77,56,.16); }
.shade-preview-image { position:relative; overflow:hidden; border-radius:26px; background:#d8c1ad; box-shadow:0 26px 70px rgba(56,38,26,.12); }
.shade-preview-image img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; filter:saturate(.96) brightness(.96) contrast(.98); }
.shade-preview-image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(30,20,14,.06),rgba(30,20,14,.18)); pointer-events:none; }
.shade-preview-nails { position:absolute; left:24px; right:24px; bottom:22px; display:flex; justify-content:center; gap:10px; z-index:2; }
.shade-preview-nails span { width:42px; height:64px; border-radius:50% 50% 45% 45%; background:linear-gradient(135deg,var(--active-shade),color-mix(in srgb,var(--active-shade) 68%,white)); border:1px solid rgba(62,38,26,.16); box-shadow:inset 8px 10px 10px rgba(255,255,255,.34), inset -8px -10px 12px rgba(52,30,20,.12), 0 10px 18px rgba(35,22,15,.10); transform:rotate(-5deg); }
.shade-preview-nails span:nth-child(2){ transform:rotate(1deg) translateY(-7px); }.shade-preview-nails span:nth-child(3){ transform:rotate(4deg) translateY(-9px); }.shade-preview-nails span:nth-child(4){ transform:rotate(8deg) translateY(-2px); }
.shade-selected-card { margin-top:18px; padding:28px; border-radius:24px; background:rgba(255,250,245,.76); border:1px solid rgba(107,77,56,.13); box-shadow:0 18px 44px rgba(56,38,26,.08); }
.shade-selected-card h2 { margin:8px 0 6px; font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:400; color:#2f241f; }
.shade-selected-card p { color:rgba(47,36,31,.72); line-height:1.65; margin:0 0 12px; }
.shade-library-panel { padding:34px clamp(22px,4vw,58px) 64px; background:#fffaf4; }
.shade-filter-panel { border:1px solid rgba(77,58,45,.18); background:rgba(255,255,255,.42); }
.shade-filter-head { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid rgba(77,58,45,.16); }
.shade-filter-head strong { font-family:'Montserrat',sans-serif; letter-spacing:.22em; text-transform:uppercase; font-size:.78rem; color:#2f241f; }
.shade-filter-head button { border:0; background:transparent; text-decoration:underline; color:rgba(47,36,31,.58); cursor:pointer; }
.shade-filter-section { padding:18px 24px; border-bottom:1px solid rgba(77,58,45,.16); }
.shade-filter-section:last-child { border-bottom:0; }
.shade-filter-section h3 { margin:0 0 12px; font-family:'Montserrat',sans-serif; letter-spacing:.22em; text-transform:uppercase; font-size:.84rem; color:#2f241f; }
.shade-filter-row { display:flex; flex-wrap:wrap; gap:10px 16px; }
.shade-filter { border:0; background:transparent; color:#2f241f; font-family:'Montserrat',sans-serif; letter-spacing:.14em; text-transform:uppercase; font-size:.78rem; cursor:pointer; display:inline-flex; align-items:center; gap:8px; padding:4px 0; }
.shade-filter::before { content:''; width:13px; height:13px; border:1px solid rgba(47,36,31,.48); border-radius:2px; background:#fffaf4; }
.shade-filter.active::before { background:#111; box-shadow:inset 0 0 0 3px #fffaf4; }
.shade-results-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin:28px 0 18px; }
.shade-results-head span { font-family:'Montserrat',sans-serif; letter-spacing:.18em; text-transform:uppercase; color:#2f241f; font-size:.78rem; }
.shade-results-head p { margin:0; color:rgba(47,36,31,.62); }
.shade-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px clamp(20px,4vw,54px); }
.shade-card { border:1px solid transparent; background:transparent; min-height:178px; padding:14px 12px 18px; cursor:pointer; text-align:center; color:#2f241f; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.shade-card:not([hidden]) { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; }
.shade-card[hidden] { display:none !important; }
.shade-card:hover { transform:translateY(-3px); }
.shade-card.active { border-color:rgba(47,36,31,.14); background:rgba(244,234,223,.54); }
.shade-dot { width:128px; height:128px; border-radius:50%; background:radial-gradient(circle at 40% 34%, color-mix(in srgb,var(--shade) 55%,white), var(--shade) 72%, color-mix(in srgb,var(--shade) 80%,#1d130f)); display:block; margin:0 auto 12px; box-shadow:inset 16px 18px 30px rgba(255,255,255,.34), inset -14px -16px 24px rgba(64,40,26,.08), 0 10px 24px rgba(56,38,26,.06); border:1px solid rgba(56,38,26,.08); }
.shade-card.active .shade-dot::after { content:'✓'; display:grid; place-items:center; margin-left:auto; width:25px; height:25px; border-radius:50%; background:#111; color:#fff; font-size:.78rem; }
.shade-card strong { font-family:'Jost','Montserrat',sans-serif; font-size:1.02rem; font-weight:400; letter-spacing:.04em; }
.shade-card small { margin-top:4px; color:rgba(47,36,31,.55); font-size:.78rem; }
@media (max-width: 1080px) { .shade-browser-wrap { grid-template-columns:1fr; } .shade-preview-panel { position:relative; top:auto; min-height:auto; border-right:0; border-bottom:1px solid rgba(107,77,56,.14); } .shade-preview-image img { aspect-ratio:16/10; } .shade-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width: 760px) {
  .hero.hero-editorial.hero-video-only.hero-side-refined { min-height:86vh !important; padding:96px 20px 42px !important; align-items:flex-end !important; }
  .hero-side-refined .hero-title,.hero-side-refined.hero-editorial .hero-title { font-size:clamp(2.45rem,11vw,3.55rem) !important; line-height:1.01 !important; max-width: 9.5ch !important; }
  .hero-side-refined .hero-intro { max-width: 22rem !important; }
  .hero-side-refined .hero-contact-strip span { width:100% !important; justify-content:flex-start !important; white-space:normal !important; }
  .hero-side-refined .hero-actions { width:100% !important; }
  .hero-side-refined .hero-actions a { flex:1 1 140px; text-align:center; }
  .shade-library-hero { padding:86px 20px 34px; text-align:left; }
  .shade-library-hero h1 { font-size:clamp(2.65rem,13vw,4rem); }
  .shade-library-hero p { font-size:.98rem; }
  .shade-preview-panel { padding:18px; }
  .shade-preview-image img { aspect-ratio:4/5; }
  .shade-selected-card { padding:22px; }
  .shade-library-panel { padding:22px 18px 48px; }
  .shade-filter-head { padding:16px 18px; }
  .shade-filter-section { padding:16px 18px; }
  .shade-filter-row { gap:9px 14px; }
  .shade-filter { font-size:.70rem; letter-spacing:.12em; }
  .shade-results-head { align-items:flex-start; flex-direction:column; }
  .shade-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
  .shade-card { min-height:152px; padding:10px 6px 14px; }
  .shade-dot { width:98px; height:98px; }
  .shade-card strong { font-size:.93rem; }
  .shade-card small { font-size:.72rem; }
}


/* ===== V39 real photo colour library + real gallery ===== */
.hero-video-only video[data-hero-video] { background:#ded0c2; }
.real-gallery-hero,.real-lookbook-hero,.real-colour-hero{padding:132px 0 62px;background:linear-gradient(180deg,#f5eadf,#efe0d1);color:#31241e;}
.real-gallery-hero-grid,.real-lookbook-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.75fr);gap:56px;align-items:end;}
.real-gallery-hero h1,.real-lookbook-hero h1,.real-colour-hero h1{font-family:'Cormorant Garamond','Bodoni Moda',serif;font-weight:400;font-size:clamp(3rem,5.8vw,5.8rem);line-height:.94;margin:12px 0 18px;color:#352821;letter-spacing:.01em;}
.real-gallery-hero p,.real-lookbook-hero p,.real-colour-hero p{max-width:720px;color:rgba(53,40,33,.72);font-size:1.04rem;line-height:1.8;}
.real-gallery-hero img{width:100%;border-radius:26px;aspect-ratio:4/5;object-fit:cover;box-shadow:0 24px 70px rgba(76,54,40,.12);}
.real-gallery-wrap{background:#f7efe7;padding:74px clamp(16px,3vw,42px) 92px;}
.real-gallery-intro{display:grid;grid-template-columns:.7fr 1fr;gap:36px;align-items:end;margin-bottom:34px;}
.real-gallery-intro h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1;color:#352821;margin:0;}
.real-gallery-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.real-gallery-card,.real-look-card{background:#fffaf4;border:1px solid rgba(150,106,76,.14);border-radius:24px;overflow:hidden;box-shadow:0 18px 46px rgba(76,54,40,.07);}
.real-gallery-card img,.real-look-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;}
.real-gallery-card div,.real-look-card div{padding:20px 22px 24px;background:#fffaf4;}
.real-gallery-card span,.real-look-card span{display:block;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.22em;color:#a57958;font-size:.68rem;margin-bottom:10px;}
.real-gallery-card h3,.real-look-card h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.72rem;line-height:1.05;color:#352821;margin:0 0 8px;}
.real-gallery-card p,.real-look-card p{font-size:.96rem;line-height:1.6;color:rgba(53,40,33,.68);margin:0;}
.lookbook-real-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;}
.lookbook-real-collage img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px rgba(76,54,40,.10);}
.lookbook-real-collage img:first-child{grid-row:span 2;aspect-ratio:4/6;}
.real-lookbook-block{padding:78px 0;background:#f7efe7;}
.real-lookbook-block:nth-of-type(odd){background:#fff8f1;}
.real-lookbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1480px;margin:0 auto;padding:0 clamp(18px,3vw,42px);}
.real-colour-page{background:#f7efe7;color:#352821;}
.real-colour-hero{text-align:center;padding-bottom:42px;}
.real-colour-hero p{margin-left:auto;margin-right:auto;}
.real-colour-browser{max-width:1560px;margin:0 auto;padding:26px clamp(18px,3vw,42px) 94px;display:grid;grid-template-columns:minmax(400px,.95fr) minmax(330px,.5fr);grid-template-areas:'preview filters' 'preview results';gap:28px;align-items:start;}
.real-colour-preview-card{grid-area:preview;position:sticky;top:122px;background:#fffaf4;border:1px solid rgba(150,106,76,.14);border-radius:30px;padding:18px;box-shadow:0 24px 70px rgba(76,54,40,.10);}
.real-colour-photo{position:relative;overflow:hidden;border-radius:24px;background:#dcc9b8;}
.real-colour-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;}
.real-nail-overlays{position:absolute;inset:0;pointer-events:none;}
.real-nail-overlays .nail{position:absolute;background:linear-gradient(140deg,color-mix(in srgb,var(--selected-shade) 78%,#fff),var(--selected-shade));border:1px solid rgba(255,255,255,.42);box-shadow:inset 8px 14px 18px rgba(255,255,255,.30),inset -6px -10px 12px rgba(68,38,28,.14),0 2px 8px rgba(45,28,20,.08);opacity:.68;mix-blend-mode:multiply;filter:saturate(1.15) contrast(1.05);border-radius:55% 55% 45% 45%;}
.real-nail-overlays .nail::after{content:'';position:absolute;left:24%;top:16%;width:20%;height:45%;border-radius:999px;background:rgba(255,255,255,.65);filter:blur(.5px);transform:rotate(12deg);}
.real-nail-overlays .nail-1{left:50.4%;top:7.5%;width:5.4%;height:10%;transform:rotate(-23deg);}
.real-nail-overlays .nail-2{left:32.8%;top:46.6%;width:8.5%;height:14.4%;transform:rotate(62deg);}
.real-nail-overlays .nail-3{left:29.8%;top:60.0%;width:8.5%;height:14.2%;transform:rotate(62deg);}
.real-nail-overlays .nail-4{left:42.0%;top:73.5%;width:7.8%;height:13.2%;transform:rotate(66deg);}
.real-nail-overlays .nail-5{left:55.5%;top:68.0%;width:6.6%;height:12.1%;transform:rotate(16deg);}
.real-nail-overlays .nail-6{left:54.5%;top:83.6%;width:7.2%;height:13.4%;transform:rotate(45deg);}
.real-selected-shade{padding:24px 14px 10px;}
.real-selected-shade h2{font-family:'Cormorant Garamond',serif;font-size:2.35rem;font-weight:400;margin:6px 0;color:#352821;}
.real-selected-shade p{color:rgba(53,40,33,.70);line-height:1.65;margin:.35rem 0;}
.real-colour-controls{grid-area:filters;background:#fffaf4;border:1px solid rgba(150,106,76,.14);border-radius:26px;padding:26px;box-shadow:0 18px 50px rgba(76,54,40,.07);}
.real-filter-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(53,40,33,.20);padding-bottom:14px;margin-bottom:16px;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;}
.real-filter-head button{background:none;border:0;text-decoration:underline;color:#8a6a52;cursor:pointer;font:inherit;letter-spacing:.06em;text-transform:none;}
.real-colour-filter-section{border-bottom:1px solid rgba(53,40,33,.16);padding:16px 0;}
.real-colour-filter-section:last-child{border-bottom:0;}
.real-colour-filter-section h3{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;margin:0 0 12px;color:#352821;}
.real-colour-filter-section div{display:flex;flex-wrap:wrap;gap:10px;}
.real-colour-filter{border:1px solid rgba(53,40,33,.22);background:#fffaf4;border-radius:999px;padding:9px 13px;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#4f3d33;cursor:pointer;}
.real-colour-filter.active{background:#352821;color:#fffaf4;border-color:#352821;}
.real-shade-results{grid-area:results;background:#fffaf4;border:1px solid rgba(150,106,76,.14);border-radius:26px;padding:24px;box-shadow:0 18px 50px rgba(76,54,40,.07);}
.real-results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;}
.real-results-head span{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#8a6a52;}
.real-results-head p{margin:0;color:rgba(53,40,33,.60);font-size:.9rem;}
.real-shade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.real-shade-card{border:1px solid rgba(53,40,33,.14);background:#fffaf4;border-radius:18px;padding:14px;text-align:center;cursor:pointer;color:#352821;}
.real-shade-card.active{outline:2px solid #352821;outline-offset:2px;}
.real-shade-card[hidden]{display:none;}
.real-shade-swatch{display:block;width:74px;height:74px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff 0 18%,var(--shade) 44%,color-mix(in srgb,var(--shade) 70%,#000) 100%);border:1px solid rgba(53,40,33,.12);box-shadow:inset 8px 10px 18px rgba(255,255,255,.35),0 8px 18px rgba(76,54,40,.08);}
.real-shade-card strong{display:block;font-family:'Jost','Montserrat',sans-serif;font-weight:400;font-size:1rem;letter-spacing:.04em;}
.real-shade-card small{display:block;color:rgba(53,40,33,.56);font-size:.76rem;line-height:1.4;margin-top:4px;}
@media(max-width:1120px){.real-gallery-grid,.real-lookbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.real-colour-browser{grid-template-columns:1fr;grid-template-areas:'preview' 'filters' 'results';}.real-colour-preview-card{position:relative;top:auto}.real-shade-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:760px){.real-gallery-hero,.real-lookbook-hero,.real-colour-hero{padding:106px 0 46px}.real-gallery-hero-grid,.real-lookbook-hero-grid,.real-gallery-intro{grid-template-columns:1fr;gap:28px}.real-gallery-grid,.real-lookbook-grid,.real-shade-grid{grid-template-columns:1fr}.real-colour-browser{padding:18px 16px 82px}.real-colour-controls,.real-shade-results,.real-colour-preview-card{border-radius:22px;padding:18px}.real-colour-photo img{aspect-ratio:4/5}.real-results-head{display:block}.real-shade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.real-shade-swatch{width:58px;height:58px}.lookbook-real-collage{grid-template-columns:1fr 1fr}.lookbook-real-collage img:first-child{grid-row:auto;aspect-ratio:4/5}}


/* ===== V40 Gallery, Latest Looks, navigation cleanup ===== */
.gallery-hero-v40{padding:148px clamp(18px,4vw,70px) 52px;background:#efe2d4;display:grid;grid-template-columns:minmax(0,.78fr) minmax(340px,.9fr);gap:42px;align-items:end}.gallery-hero-copy-v40 h1{font-family:'Cormorant Garamond','Bodoni Moda',serif;font-size:clamp(3.6rem,7vw,6.5rem);font-weight:400;line-height:.92;margin:12px 0 18px;color:#332620}.gallery-hero-copy-v40 p{max-width:560px;color:rgba(51,38,32,.72);font-size:1.05rem;line-height:1.75}.gallery-hero-photo-v40{border-radius:28px;overflow:hidden;box-shadow:0 22px 70px rgba(65,45,32,.14);background:#f6eee7}.gallery-hero-photo-v40 img{width:100%;height:100%;max-height:620px;object-fit:cover;display:block}.gallery-tabs-v40{position:sticky;top:96px;z-index:30;background:rgba(239,226,212,.94);backdrop-filter:blur(12px);display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:16px clamp(16px,3vw,40px);border-top:1px solid rgba(126,90,66,.12);border-bottom:1px solid rgba(126,90,66,.12)}.gallery-tabs-v40 button{border:1px solid rgba(126,90,66,.22);background:#fff8ef;border-radius:999px;padding:11px 18px;font-family:'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:#584236;cursor:pointer}.gallery-tabs-v40 button.active{background:#34251f;color:#fff8ef}.gallery-grid-v40{background:#efe2d4;padding:44px clamp(16px,3vw,46px) 82px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.gallery-card-v40{background:#fff8ef;border:1px solid rgba(126,90,66,.14);border-radius:26px;overflow:hidden;box-shadow:0 16px 42px rgba(65,45,32,.08);transition:.25s ease}.gallery-card-v40.is-hidden{display:none}.gallery-card-v40:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(65,45,32,.12)}.gallery-card-v40 img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.gallery-card-v40 div{padding:20px 22px 24px}.gallery-card-v40 span{display:block;font-family:'Montserrat',sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:.66rem;color:#a77c60;margin-bottom:8px}.gallery-card-v40 h3{font-family:'Cormorant Garamond',serif;font-size:1.72rem;font-weight:400;margin:0 0 8px;color:#332620}.gallery-card-v40 p{margin:0;color:rgba(51,38,32,.66);line-height:1.55;font-size:.96rem}.gallery-instagram-cta-v40{margin:0;background:#f7eee6;text-align:center;padding:72px 20px}.gallery-instagram-cta-v40 h2,.latest-hero-v40 h1,.moved-page-v40 h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.7rem,5vw,4.8rem);font-weight:400;color:#332620;margin:12px 0}.gallery-instagram-cta-v40 p,.latest-hero-v40 p,.moved-page-v40 p{max-width:620px;margin:0 auto 24px;color:rgba(51,38,32,.68);line-height:1.75}.latest-hero-v40{background:#efe2d4;text-align:center;padding:150px 22px 46px}.latest-grid-v40{background:#efe2d4;display:grid;grid-template-columns:minmax(320px,620px) minmax(280px,420px);gap:34px;justify-content:center;align-items:start;padding:0 clamp(16px,3vw,50px) 88px}.latest-embed-v40,.latest-panel-v40{background:#fff8ef;border:1px solid rgba(126,90,66,.14);border-radius:28px;padding:26px;box-shadow:0 18px 52px rgba(65,45,32,.08)}.latest-panel-v40{position:sticky;top:110px}.latest-panel-v40 h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2.3rem;margin:0 0 12px;color:#332620}.latest-panel-v40 p{color:rgba(51,38,32,.68);line-height:1.7;margin-bottom:22px}.latest-panel-v40 a{margin-right:10px;margin-bottom:10px}.moved-page-v40{min-height:70vh;background:#efe2d4;text-align:center;padding:170px 22px 90px}.moved-page-v40 a{margin:8px}.nav-left a[href="/lookbook/"],.nav-right a[href="/lookbook/"]{display:none!important}@media(max-width:1100px){.gallery-grid-v40{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-hero-v40{grid-template-columns:1fr}.latest-grid-v40{grid-template-columns:1fr}.latest-panel-v40{position:relative;top:auto}}@media(max-width:650px){.gallery-hero-v40{padding:112px 18px 36px}.gallery-hero-photo-v40 img{max-height:420px}.gallery-tabs-v40{top:74px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.gallery-tabs-v40 button{white-space:nowrap}.gallery-grid-v40{grid-template-columns:1fr;padding:28px 16px 64px}.latest-hero-v40{padding:112px 18px 34px}.latest-grid-v40{padding:0 14px 70px}.latest-embed-v40,.latest-panel-v40{padding:18px;border-radius:22px}}


/* ===== V41 visible restructure: Gallery + Latest Looks, no Lookbook nav ===== */
.nav-left a[href="/lookbook/"], .nav-right a[href="/lookbook/"] { display:none !important; }
.moved-page-v41 { min-height:72vh; padding:170px 22px 90px; background:#efe2d4; text-align:center; }
.moved-page-v41 h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.7rem,5vw,4.8rem); font-weight:400; color:#332620; margin:12px 0; }
.moved-page-v41 p { max-width:650px; margin:0 auto 24px; color:rgba(51,38,32,.68); line-height:1.75; }
.gallery-hero-v40, .latest-hero-v40 { background:linear-gradient(180deg,#f2e4d7,#ead8c7) !important; }
.gallery-grid-v40 { background:#ead8c7 !important; }
.gallery-card-v40 img { filter:saturate(1.03) contrast(1.02); }
.latest-panel-v40 .btn-outline { display:inline-flex; margin-top:10px; }


/* ===== V42 Gallery + Latest Looks luxury organisation ===== */
.gallery-page-v42,
.latest-page-v42 { background:#efe2d4; color:#332620; }
.gallery-hero-v42 { padding:150px clamp(18px,4vw,76px) 62px; display:grid; grid-template-columns:minmax(0,.82fr) minmax(360px,.72fr); gap:54px; align-items:end; background:linear-gradient(180deg,#f2e7dc 0%,#ead9c9 100%); }
.gallery-hero-copy-v42 h1,
.latest-hero-v42 h1 { font-family:'Cormorant Garamond','Bodoni Moda',serif; font-weight:400; font-size:clamp(3.6rem,7vw,7rem); line-height:.9; letter-spacing:.01em; margin:12px 0 20px; color:#352820; }
.gallery-hero-copy-v42 p,
.latest-hero-v42 p { max-width:680px; color:rgba(51,38,32,.72); font-size:1.06rem; line-height:1.8; }
.gallery-hero-actions-v42 { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.gallery-feature-v42 { position:relative; overflow:hidden; border-radius:34px; background:#fff8ef; box-shadow:0 28px 80px rgba(65,45,32,.14); }
.gallery-feature-v42 img { display:block; width:100%; height:min(62vh,690px); object-fit:cover; }
.gallery-feature-v42 div { position:absolute; left:22px; right:22px; bottom:22px; padding:18px 20px; border-radius:20px; background:rgba(255,248,239,.88); backdrop-filter:blur(10px); border:1px solid rgba(126,90,66,.16); }
.gallery-feature-v42 span,
.gallery-card-copy-v42 span,
.latest-slide-caption-v42 span { display:block; font-family:'Montserrat',sans-serif; text-transform:uppercase; letter-spacing:.22em; font-size:.68rem; color:#a77c60; margin-bottom:8px; }
.gallery-feature-v42 strong { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:1.8rem; color:#332620; }
.gallery-tabs-v42 { position:sticky; top:96px; z-index:30; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; padding:18px clamp(16px,3vw,44px); background:rgba(239,226,212,.94); backdrop-filter:blur(14px); border-top:1px solid rgba(126,90,66,.12); border-bottom:1px solid rgba(126,90,66,.12); }
.gallery-tabs-v42 button { border:1px solid rgba(126,90,66,.22); background:#fff8ef; color:#584236; border-radius:999px; padding:11px 18px; font-family:'Montserrat',sans-serif; font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; cursor:pointer; }
.gallery-tabs-v42 button.active { background:#34251f; color:#fff8ef; }
.gallery-editorial-v42 { padding:54px clamp(16px,3vw,52px) 92px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; background:#efe2d4; }
.gallery-card-v42 { background:#fff8ef; border:1px solid rgba(126,90,66,.14); border-radius:28px; overflow:hidden; box-shadow:0 16px 44px rgba(65,45,32,.08); transition:transform .28s ease, box-shadow .28s ease; }
.gallery-card-v42:hover { transform:translateY(-4px); box-shadow:0 24px 64px rgba(65,45,32,.12); }
.gallery-card-v42.is-hidden { display:none; }
.gallery-card-v42 figure { margin:0; background:#ead9c9; overflow:hidden; }
.gallery-card-v42 img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.gallery-card-featured-v42 { grid-column:span 2; }
.gallery-card-featured-v42 img { aspect-ratio:8/5; }
.gallery-card-copy-v42 { padding:22px 24px 26px; }
.gallery-card-copy-v42 h3 { font-family:'Cormorant Garamond',serif; font-weight:400; color:#332620; font-size:1.78rem; margin:0 0 8px; }
.gallery-card-copy-v42 p { margin:0; color:rgba(51,38,32,.66); line-height:1.58; font-size:.96rem; }
.gallery-instagram-cta-v42 { background:#f7eee6; text-align:center; padding:78px 22px 86px; }
.gallery-instagram-cta-v42 h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.5rem,5vw,4.8rem); font-weight:400; margin:12px auto; color:#332620; }
.gallery-instagram-cta-v42 p { max-width:680px; margin:0 auto 28px; color:rgba(51,38,32,.68); line-height:1.72; }

.latest-hero-v42 { text-align:center; padding:150px 22px 44px; background:linear-gradient(180deg,#f2e7dc 0%,#ead9c9 100%); }
.latest-hero-v42 p { margin:0 auto; }
.latest-showcase-v42 { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.48fr); gap:34px; padding:18px clamp(16px,4vw,70px) 92px; background:#ead9c9; align-items:stretch; }
.latest-slider-v42 { position:relative; min-height:720px; border-radius:34px; overflow:hidden; background:#1f1712; box-shadow:0 28px 90px rgba(65,45,32,.16); }
.latest-slide-v42 { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .45s ease; }
.latest-slide-v42.active { opacity:1; pointer-events:auto; }
.latest-slide-v42 img { width:100%; height:100%; object-fit:cover; display:block; }
.latest-slide-caption-v42 { position:absolute; left:28px; right:28px; bottom:28px; padding:22px 24px; border-radius:24px; background:rgba(255,248,239,.88); backdrop-filter:blur(12px); border:1px solid rgba(255,248,239,.34); max-width:560px; }
.latest-slide-caption-v42 h2 { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:2.35rem; margin:0 0 8px; color:#332620; }
.latest-slide-caption-v42 p { margin:0; color:rgba(51,38,32,.68); line-height:1.58; }
.latest-arrow-v42 { position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50%; border:1px solid rgba(255,248,239,.55); background:rgba(255,248,239,.75); color:#332620; font-size:2rem; cursor:pointer; z-index:3; }
.latest-prev-v42 { left:20px; }
.latest-next-v42 { right:20px; }
.latest-side-v42 { background:#fff8ef; border:1px solid rgba(126,90,66,.14); border-radius:34px; padding:32px; box-shadow:0 18px 54px rgba(65,45,32,.09); align-self:stretch; display:flex; flex-direction:column; }
.latest-side-v42 h2 { font-family:'Cormorant Garamond',serif; font-size:2.6rem; font-weight:400; margin:10px 0 12px; color:#332620; }
.latest-side-v42 p { color:rgba(51,38,32,.68); line-height:1.72; }
.latest-thumbs-v42 { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:24px 0; }
.latest-thumb-v42 { padding:0; border:2px solid transparent; border-radius:18px; overflow:hidden; background:#ead9c9; cursor:pointer; opacity:.78; }
.latest-thumb-v42.active { border-color:#a77c60; opacity:1; }
.latest-thumb-v42 img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.latest-cta-row-v42 { margin-top:auto; display:flex; flex-wrap:wrap; gap:12px; }

@media(max-width:1120px){
  .gallery-hero-v42,.latest-showcase-v42 { grid-template-columns:1fr; }
  .gallery-editorial-v42 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .latest-slider-v42 { min-height:650px; }
}
@media(max-width:680px){
  .gallery-hero-v42 { padding:112px 18px 36px; gap:28px; }
  .gallery-hero-copy-v42 h1,.latest-hero-v42 h1 { font-size:clamp(3rem,14vw,4.5rem); }
  .gallery-tabs-v42 { top:74px; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; }
  .gallery-tabs-v42 button { white-space:nowrap; }
  .gallery-editorial-v42 { grid-template-columns:1fr; padding:30px 16px 70px; }
  .gallery-card-featured-v42 { grid-column:auto; }
  .gallery-card-featured-v42 img { aspect-ratio:4/5; }
  .latest-hero-v42 { padding:112px 18px 34px; }
  .latest-showcase-v42 { padding:10px 14px 72px; gap:18px; }
  .latest-slider-v42 { min-height:560px; border-radius:24px; }
  .latest-slide-caption-v42 { left:14px; right:14px; bottom:14px; padding:16px 18px; border-radius:18px; }
  .latest-slide-caption-v42 h2 { font-size:1.8rem; }
  .latest-arrow-v42 { width:42px; height:42px; font-size:1.55rem; }
  .latest-prev-v42 { left:10px; }
  .latest-next-v42 { right:10px; }
  .latest-side-v42 { padding:22px; border-radius:24px; }
  .latest-thumbs-v42 { grid-template-columns:repeat(4,1fr); }
}


/* ===== V43 gallery wording/caption cleanup ===== */
.gallery-feature-v42 { overflow: visible !important; display:flex !important; flex-direction:column !important; }
.gallery-feature-v42 img { border-radius:34px 34px 0 0 !important; }
.gallery-feature-v42 div { position:static !important; margin:0 !important; border-radius:0 0 34px 34px !important; background:rgba(255,248,239,.72) !important; backdrop-filter:blur(16px) !important; box-shadow:none !important; }
.gallery-card-copy-v42 { background:rgba(255,248,239,.76) !important; backdrop-filter:blur(12px) !important; }
.gallery-card-v42 figure { border-radius:28px 28px 0 0 !important; }
.gallery-card-v42 img { object-position:center center !important; }
.gallery-hero-v42 { align-items:center !important; }

/* ===== V43 Latest Looks Instagram embed ===== */
.latest-instagram-v43 { padding: 28px clamp(18px,4vw,76px) 100px; background:#efe3d7; }
.latest-instagram-panel-v43 { display:grid; grid-template-columns: .9fr 1.1fr; gap:38px; align-items:center; max-width:1320px; margin:0 auto; border:1px solid rgba(116,84,65,.15); border-radius:34px; background:rgba(255,248,239,.68); backdrop-filter:blur(16px); padding:38px; box-shadow:0 26px 80px rgba(65,45,32,.10); }
.latest-instagram-copy-v43 h2 { font-family:'Cormorant Garamond','Bodoni Moda',serif; font-weight:400; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.98; color:#342821; margin:14px 0; }
.latest-instagram-copy-v43 p { color:rgba(52,40,33,.72); max-width:36rem; line-height:1.8; }
.latest-instagram-embed-v43 { min-height:520px; display:flex; align-items:center; justify-content:center; background:#fffaf4; border-radius:26px; overflow:hidden; border:1px solid rgba(116,84,65,.12); }
.latest-instagram-embed-v43 .instagram-media { min-width:326px !important; width:100% !important; max-width:540px !important; margin:0 auto !important; }
.latest-instagram-fallback-v43 { text-align:center; padding:44px; }
.latest-instagram-fallback-v43 img { width:120px; height:120px; object-fit:cover; border-radius:24px; margin-bottom:18px; }
@media(max-width:900px){ .latest-instagram-panel-v43{grid-template-columns:1fr; padding:22px;} .latest-instagram-embed-v43{min-height:420px;} }


/* ===== V44 final polish: logo, hero wording, gallery panels, map/footer, feedback ===== */
.nav-logo-chloe .nav-logo-mark-soft,
.nav-logo-chloe .nav-logo-mark,
.nav-logo img {
  display: block !important;
}
.nav-logo-chloe .nav-logo-mark-soft {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  margin-bottom: 5px !important;
  opacity: .94 !important;
}
.nav-logo-chloe .nav-logo-name {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(1.65rem, 2.5vw, 2.15rem) !important;
  letter-spacing: .20em !important;
  font-weight: 400 !important;
}
.nav-logo-chloe small {
  letter-spacing: .22em !important;
  color: rgba(114,89,75,.72) !important;
}

.hero-side-refined .hero-title,
.hero-side-refined.hero-editorial .hero-title,
.hero-video-only .hero-title {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(2.55rem, 4.1vw, 4.45rem) !important;
  line-height: 1.02 !important;
  letter-spacing: .01em !important;
  font-weight: 400 !important;
  max-width: 9.5ch !important;
}
.hero-side-refined .hero-intro,
.hero-video-only .hero-intro {
  max-width: 30rem !important;
  font-size: .98rem !important;
  line-height: 1.72 !important;
}
.hero-side-refined .hero-editorial-content,
.hero-video-only .hero-editorial-content {
  background: linear-gradient(90deg, rgba(34,24,18,.18), rgba(34,24,18,.04)) !important;
  padding: 22px 26px !important;
  border-radius: 28px !important;
  backdrop-filter: blur(2px) !important;
}

.gallery-card-copy-v42,
.gallery-feature-v42 > div {
  background: rgba(255,248,239,.74) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid rgba(198,166,143,.18) !important;
}
.gallery-card-v42 {
  box-shadow: 0 20px 45px rgba(96,72,55,.08) !important;
}
.gallery-card-v42 figure img {
  display:block;
}

.footer-v44 .footer-map-v44 {
  max-width: 1180px;
  margin: 28px auto 0;
  padding: 0 28px;
}
.footer-v44 .footer-map-v44 iframe {
  width: 100%;
  min-height: 260px;
  border: 0;
  border-radius: 28px;
  filter: grayscale(.12) sepia(.08) saturate(.9);
  box-shadow: 0 18px 45px rgba(66,48,36,.10);
}
.footer-v44 .footer-col a {
  display:block;
  margin: 8px 0;
}

.feedback-page-v44 {
  background: #f6eee6;
  padding-top: 136px;
  color: #49382f;
}
.feedback-hero-v44 {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
  padding: 70px 24px 34px;
}
.feedback-hero-v44 h1 {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif;
  font-size: clamp(3rem, 6vw, 5.6rem);
  line-height: .96;
  font-weight: 400;
  margin: 18px 0;
}
.feedback-hero-v44 p {
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.8;
  color: rgba(73,56,47,.72);
}
.feedback-layout-v44 {
  max-width: 1160px;
  margin: 0 auto;
  padding: 28px 24px 92px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
}
.feedback-card-v44,
.feedback-side-v44 {
  background: rgba(255,250,245,.76);
  border: 1px solid rgba(190,155,130,.18);
  border-radius: 32px;
  padding: 34px;
  box-shadow: 0 20px 50px rgba(95,70,50,.08);
}
.feedback-card-v44 h2,
.feedback-side-v44 h3 {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif;
  font-size: 2.2rem;
  font-weight: 400;
  margin: 0 0 10px;
}
.feedback-form-v44 {
  display:grid;
  gap: 16px;
  margin-top: 24px;
}
.feedback-form-v44 label {
  display:grid;
  gap: 8px;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .72rem;
  color: rgba(73,56,47,.75);
}
.feedback-form-v44 input,
.feedback-form-v44 textarea {
  border: 1px solid rgba(132,98,76,.22);
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255,255,255,.78);
  font-family: 'Jost',sans-serif;
  font-size: 1rem;
  color: #49382f;
}
.feedback-side-v44 img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: 24px;
  margin-bottom: 22px;
}
@media (max-width: 820px) {
  .feedback-layout-v44 { grid-template-columns: 1fr; }
  .footer-v44 .footer-map-v44 { padding: 0 18px; }
  .hero-side-refined .hero-editorial-content,
  .hero-video-only .hero-editorial-content { padding: 18px !important; }
}

/* ===== V45 corrective mobile hero + gallery/latest glass captions ===== */
.hero-side-refined .hero-editorial-content{background:rgba(28,20,16,.28)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(10px)!important;border-radius:28px!important;padding:34px 36px!important;box-shadow:0 24px 70px rgba(0,0,0,.16)!important}.hero-side-refined .hero-title,.hero-side-refined.hero-editorial .hero-title{font-size:clamp(3rem,4.6vw,4.9rem)!important;line-height:.98!important;max-width:9.8ch!important}.hero-side-refined .hero-actions a{min-height:auto!important;padding:16px 28px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.hero-side-refined .hero-contact-strip span{padding:13px 22px!important}
.gallery-v45,.latest-page-v45{background:#ebe2d8}.gallery-editorial-v45{gap:28px!important}.gallery-glass-card-v45{position:relative!important;overflow:hidden!important;border-radius:26px!important;background:#d9cbbd!important;box-shadow:0 18px 46px rgba(70,50,38,.12)!important}.gallery-glass-card-v45 figure{height:520px!important;margin:0!important;border-radius:0!important;overflow:hidden!important}.gallery-glass-card-v45 figure img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.gallery-card-featured-v45 figure{height:620px!important}.gallery-glass-caption-v45{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;background:rgba(255,248,240,.64)!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(16px)!important;border-radius:22px!important;padding:20px 22px!important;box-shadow:0 18px 36px rgba(61,43,32,.16)!important}.gallery-glass-caption-v45 h3{font-size:clamp(1.9rem,2.4vw,2.8rem)!important;margin:.25rem 0!important}.gallery-glass-caption-v45 p{font-size:1rem!important;color:rgba(71,57,48,.82)!important}.gallery-tabs-v45{position:relative!important;z-index:2!important;display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;padding:20px 5vw!important}.gallery-tabs-v45 button{background:rgba(255,249,242,.55)!important;backdrop-filter:blur(8px)!important}.gallery-feature-v45{border-radius:30px!important;overflow:hidden!important}.gallery-feature-v45 img{width:100%;height:100%;object-fit:cover;display:block}.latest-showcase-v45{gap:30px!important}.latest-slider-v45{border-radius:32px!important;overflow:hidden!important;min-height:72vh!important;background:#17110d!important}.latest-slide-v45 img{width:100%!important;height:100%!important;object-fit:cover!important}.latest-glass-caption-v45{background:rgba(255,248,240,.58)!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(16px)!important;border-radius:24px!important;color:#3e312a!important}.latest-glass-caption-v45 h2{color:#3b2d25!important}.latest-side-v45,.latest-instagram-panel-v45{background:rgba(255,248,240,.66)!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(255,255,255,.52)!important}.latest-instagram-embed-v45{border-radius:26px!important;overflow:hidden!important;background:rgba(255,255,255,.5)!important}.latest-instagram-embed-v45 img{width:100%;height:360px;object-fit:cover;display:block}.latest-instagram-embed-v45 p{padding:16px 20px;margin:0;color:#5e4c40}.latest-thumb-v42.active{outline:2px solid #9e7d65!important;outline-offset:3px!important}
@media(max-width:760px){.nav-editorial{height:78px!important}.hero.hero-editorial.hero-video-only.hero-side-refined{min-height:calc(100vh - 78px)!important;padding:96px 14px 28px!important;align-items:flex-end!important}.hero-side-refined .hero-editorial-content{width:100%!important;max-width:none!important;padding:20px 18px!important;border-radius:22px!important;background:rgba(32,24,20,.34)!important}.hero-side-refined .hero-kicker{font-size:.64rem!important;letter-spacing:.18em!important;margin-bottom:10px!important}.hero-side-refined .hero-title,.hero-side-refined.hero-editorial .hero-title{font-size:clamp(2.05rem,9.2vw,2.75rem)!important;line-height:1.02!important;max-width:10.5ch!important}.hero-side-refined .hero-intro{font-size:.92rem!important;line-height:1.55!important;margin-top:12px!important}.hero-side-refined .hero-contact-strip{margin-top:14px!important;gap:8px!important}.hero-side-refined .hero-contact-strip span{width:100%!important;padding:10px 14px!important;font-size:.65rem!important;letter-spacing:.08em!important}.hero-side-refined .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important}.hero-side-refined .hero-actions a{width:100%!important;min-height:52px!important;padding:14px 18px!important;font-size:.78rem!important}.sticky-book{min-height:54px!important;padding:16px 24px!important;border-radius:999px!important;left:16px!important;right:16px!important;bottom:16px!important;width:auto!important}.gallery-hero-v45{padding-top:110px!important}.gallery-glass-card-v45 figure{height:430px!important}.gallery-card-featured-v45 figure{height:500px!important}.gallery-glass-caption-v45{left:12px!important;right:12px!important;bottom:12px!important;padding:16px!important;border-radius:18px!important}.gallery-glass-caption-v45 h3{font-size:1.65rem!important}.gallery-glass-caption-v45 p{font-size:.9rem!important}.latest-hero-v45{padding-top:110px!important}.latest-showcase-v45{grid-template-columns:1fr!important}.latest-slider-v45{min-height:68vh!important;border-radius:24px!important}.latest-glass-caption-v45{left:14px!important;right:14px!important;bottom:14px!important;padding:18px!important}.latest-glass-caption-v45 h2{font-size:2rem!important}.latest-thumbs-v42{grid-template-columns:repeat(4,1fr)!important}.latest-instagram-panel-v45{grid-template-columns:1fr!important}.footer-map-v44 iframe{height:260px!important}}


/* ===== V46 final mobile hero alignment + transparent gallery captions ===== */
@media (max-width: 760px) {
  .hero.hero-editorial.hero-video-only.hero-side-refined {
    min-height: 82vh !important;
    padding: 92px 18px 28px !important;
    align-items: flex-end !important;
  }
  .hero-side-refined .hero-editorial-content {
    width: 100% !important;
    max-width: 100% !important;
    background: rgba(26, 18, 14, .34) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    padding: 22px 20px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.18) !important;
  }
  .hero-side-refined .hero-title,
  .hero-side-refined.hero-editorial .hero-title {
    font-size: clamp(2.15rem, 9.2vw, 3rem) !important;
    line-height: 1.02 !important;
    max-width: 10.5ch !important;
    margin: 0 !important;
  }
  .hero-side-refined .hero-kicker {
    font-size: .62rem !important;
    letter-spacing: .18em !important;
    margin-bottom: 10px !important;
  }
  .hero-side-refined .hero-intro {
    font-size: .88rem !important;
    line-height: 1.55 !important;
    margin-top: 12px !important;
    max-width: 100% !important;
  }
  .hero-side-refined .hero-contact-strip {
    gap: 8px !important;
    margin-top: 14px !important;
  }
  .hero-side-refined .hero-contact-strip span {
    width: 100% !important;
    font-size: .62rem !important;
    padding: 10px 12px !important;
    text-align: center !important;
    letter-spacing: .06em !important;
  }
  .hero-side-refined .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
    width: 100% !important;
  }
  .hero-side-refined .hero-actions a {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 18px !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
  }
}
.gallery-glass-caption-v46,
.gallery-glass-caption-v45,
.latest-glass-caption-v46,
.latest-glass-caption-v45 {
  background: rgba(255, 248, 240, .38) !important;
  border: 1px solid rgba(255, 255, 255, .36) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
  box-shadow: 0 18px 38px rgba(50, 34, 24, .12) !important;
}
.gallery-glass-caption-v46 h3,
.gallery-glass-caption-v45 h3,
.latest-glass-caption-v46 h2,
.latest-glass-caption-v45 h2 {
  color: rgba(45, 34, 28, .92) !important;
}
.gallery-glass-caption-v46 p,
.gallery-glass-caption-v45 p,
.latest-glass-caption-v46 p,
.latest-glass-caption-v45 p {
  color: rgba(58, 46, 39, .76) !important;
}
@media (max-width: 760px) {
  .gallery-glass-caption-v46,
  .gallery-glass-caption-v45,
  .latest-glass-caption-v46,
  .latest-glass-caption-v45 {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: rgba(255, 248, 240, .44) !important;
  }
  .gallery-glass-caption-v46 h3,
  .gallery-glass-caption-v45 h3 { font-size: 1.55rem !important; }
}


/* ===== V47 consistent Gallery + cleaner hero alignment ===== */
.gallery-grid-v42,
.gallery-grid-v45 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}
.gallery-card-v42,
.gallery-glass-card-v45,
.gallery-card-featured-v45 {
  grid-column: auto !important;
  min-height: auto !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}
.gallery-card-v42 figure,
.gallery-glass-card-v45 figure,
.gallery-card-featured-v45 figure {
  height: 520px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.gallery-card-v42 figure img,
.gallery-glass-card-v45 figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.gallery-glass-caption-v46,
.gallery-glass-caption-v45,
.latest-glass-caption-v46,
.latest-glass-caption-v45 {
  background: rgba(255,248,240,.28) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.22) !important;
  backdrop-filter: blur(20px) saturate(1.22) !important;
  box-shadow: 0 18px 40px rgba(45,30,21,.10) !important;
}
.gallery-glass-caption-v46 h3,
.gallery-glass-caption-v45 h3,
.latest-glass-caption-v46 h2,
.latest-glass-caption-v45 h2 {
  color: rgba(48,36,29,.9) !important;
}
.gallery-glass-caption-v46 p,
.gallery-glass-caption-v45 p,
.latest-glass-caption-v46 p,
.latest-glass-caption-v45 p {
  color: rgba(48,36,29,.72) !important;
}

/* homepage wording: less spread, better aligned */
.hero-side-refined .hero-editorial-content {
  align-items: flex-start !important;
  text-align: left !important;
}
.hero-side-refined .hero-title,
.hero-side-refined.hero-editorial .hero-title {
  letter-spacing: .002em !important;
  max-width: 9.4ch !important;
}
.hero-side-refined .hero-intro {
  max-width: 31rem !important;
}
@media (max-width: 980px) {
  .gallery-grid-v42,
  .gallery-grid-v45 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 18px !important;
  }
}
@media (max-width: 760px) {
  .gallery-grid-v42,
  .gallery-grid-v45 {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .gallery-card-v42 figure,
  .gallery-glass-card-v45 figure,
  .gallery-card-featured-v45 figure {
    height: 430px !important;
  }
  .gallery-glass-caption-v46,
  .gallery-glass-caption-v45,
  .latest-glass-caption-v46,
  .latest-glass-caption-v45 {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: rgba(255,248,240,.34) !important;
  }
  .hero.hero-editorial.hero-video-only.hero-side-refined {
    min-height: 78vh !important;
    padding: 92px 18px 24px !important;
    align-items: flex-end !important;
  }
  .hero-side-refined .hero-editorial-content {
    width: 100% !important;
    max-width: 100% !important;
    background: rgba(22,15,11,.38) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 22px !important;
    padding: 20px 18px !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
  }
  .hero-side-refined .hero-title,
  .hero-side-refined.hero-editorial .hero-title {
    font-size: clamp(2rem, 8.6vw, 2.75rem) !important;
    line-height: 1.04 !important;
    max-width: 10.2ch !important;
  }
  .hero-side-refined .hero-intro {
    font-size: .88rem !important;
    line-height: 1.55 !important;
    margin-top: 12px !important;
  }
  .hero-side-refined .hero-contact-strip span {
    width: 100% !important;
    font-size: .62rem !important;
    padding: 10px 12px !important;
    text-align: center !important;
  }
  .hero-side-refined .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }
  .hero-side-refined .hero-actions a {
    width: 100% !important;
    min-height: 46px !important;
    padding: 13px 18px !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
  }
}

/* ===== V47 Instagram-first Latest Looks ===== */
.latest-page-v47{background:#efe2d4;color:#3b2d25;padding-top:120px}
.latest-hero-v47{text-align:center;max-width:820px;margin:0 auto 34px;padding:0 20px}
.latest-hero-v47 h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,6rem);font-weight:400;margin:12px 0;color:#3b2d25}
.latest-hero-v47 p{font-family:'Jost',sans-serif;color:rgba(61,45,36,.72);line-height:1.7}
.latest-instagram-live-v47{max-width:1360px;margin:0 auto 54px;padding:34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;border-radius:34px;background:rgba(255,248,240,.48);border:1px solid rgba(128,94,70,.16);box-shadow:0 20px 60px rgba(68,48,36,.08)}
.latest-instagram-copy-v47 h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:400;margin:10px 0;color:#3b2d25}
.latest-instagram-copy-v47 p{font-family:'Jost',sans-serif;line-height:1.75;color:rgba(61,45,36,.7);max-width:520px}
.latest-instagram-embed-wrap-v47{display:flex;align-items:center;justify-content:center;min-height:360px;background:rgba(255,255,255,.38);border-radius:28px;overflow:hidden;padding:20px}
.latest-showcase-v47{position:relative;max-width:1460px;margin:0 auto 80px;padding:0 84px}
.latest-slider-v47{position:relative;min-height:72vh;border-radius:34px;overflow:hidden;background:#17110d;box-shadow:0 28px 80px rgba(68,48,36,.18)}
.latest-slide-v47{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}
.latest-slide-v47.active{opacity:1;pointer-events:auto}
.latest-slide-v47 img{width:100%;height:100%;object-fit:cover;display:block}
.latest-arrow-v47{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:58px;height:58px;border-radius:50%;border:1px solid rgba(126,90,66,.22);background:rgba(255,248,240,.72);backdrop-filter:blur(12px);font-size:2.2rem;line-height:1;color:#4a362d;cursor:pointer;display:grid;place-items:center;box-shadow:0 14px 32px rgba(50,34,24,.14)}
.latest-prev-v47{left:12px}.latest-next-v47{right:12px}
.latest-dots-v47{display:flex;justify-content:center;gap:10px;margin-top:18px}
.latest-dots-v47 button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(72,49,37,.25);cursor:pointer}.latest-dots-v47 button.active{background:#6b4c3e;width:30px}
@media(max-width:900px){.latest-instagram-live-v47{grid-template-columns:1fr;padding:22px;margin:0 18px 36px}.latest-showcase-v47{padding:0 18px}.latest-slider-v47{min-height:62vh;border-radius:24px}.latest-arrow-v47{top:auto;bottom:22px;width:48px;height:48px;font-size:1.8rem}.latest-prev-v47{left:34px}.latest-next-v47{right:34px}}

/* ═══════════════════════════════════════════════════════════
   V48 WHOLE-SITE CONSISTENCY + MOBILE/DESKTOP POLISH
   Final pass: navigation, footer, forms, tap targets, page rhythm.
   ═══════════════════════════════════════════════════════════ */
:root {
  --v48-ink: #33261f;
  --v48-soft-ink: rgba(51, 38, 31, .72);
  --v48-paper: #fffaf4;
  --v48-champagne: #f2e4d6;
  --v48-champagne-deep: #e6d1bf;
  --v48-line: rgba(126, 90, 66, .18);
  --v48-gold: #a77c60;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--v48-gold) !important;
  outline-offset: 4px !important;
  border-radius: 10px;
}

@media (min-width: 1430px) {
  .nav-editorial { background: rgba(255, 250, 244, .965) !important; }
  .nav-container {
    max-width: 1640px !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 22px !important;
    padding: 14px 46px !important;
    min-height: 82px !important;
  }
  .nav-left, .nav-right { display: flex !important; gap: clamp(14px, 1.25vw, 24px) !important; align-items: center !important; }
  .nav-left { justify-self: start !important; }
  .nav-right { justify-self: end !important; }
  .nav-left a, .nav-right a {
    font-size: clamp(.62rem, .58vw, .76rem) !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  .nav-book { padding: 12px 20px !important; }
  .nav-logo-chloe { min-width: 270px !important; max-width: 340px !important; }
}

@media (max-width: 1429px) {
  html.menu-is-open, body.menu-is-open { overflow: hidden !important; height: 100% !important; }
  body { padding-bottom: 86px !important; }
  .nav-editorial {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: rgba(241, 228, 216, .98) !important;
    border-bottom: 1px solid var(--v48-line) !important;
  }
  .nav-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 18px !important;
    min-height: 74px !important;
  }
  .nav-logo-chloe {
    grid-column: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: calc(100vw - 92px) !important;
    gap: 9px !important;
    margin-left: 0 !important;
    text-align: left !important;
  }
  .nav-logo-mark-soft { width: 30px !important; height: 30px !important; flex: 0 0 30px !important; }
  .nav-logo-name { font-size: 1.12rem !important; line-height: 1.05 !important; letter-spacing: .08em !important; }
  .nav-logo-chloe small { font-size: .40rem !important; letter-spacing: .15em !important; }
  .nav-toggle {
    display: inline-flex !important;
    grid-column: 2 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(82,58,44,.22) !important;
    background: rgba(255,250,244,.72) !important;
    box-shadow: 0 8px 24px rgba(50,35,25,.10) !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 0 !important;
    z-index: 100002 !important;
  }
  .nav-toggle span { display:block !important; width:20px !important; height:1px !important; background:#382b24 !important; margin:3px 0 !important; transition: transform .25s ease, opacity .25s ease !important; }
  .nav-left, .nav-right { display: none !important; }
  .nav.menu-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    background: radial-gradient(circle at 10% 0%, rgba(186,147,114,.18), transparent 34%), linear-gradient(180deg, #f1e4d8 0%, #e5d2c0 100%) !important;
  }
  .nav.menu-open .nav-container { min-height: 100dvh !important; grid-template-rows: auto auto auto !important; align-content: start !important; padding: 16px 22px 42px !important; }
  .nav.menu-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  .nav.menu-open .nav-toggle span:nth-child(2) { opacity: 0 !important; }
  .nav.menu-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }
  .nav.menu-open .nav-left, .nav.menu-open .nav-right {
    display: flex !important;
    position: static !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .nav.menu-open .nav-left { grid-row: 2 !important; margin-top: 42px !important; border-top: 1px solid rgba(89,62,45,.16) !important; }
  .nav.menu-open .nav-right { grid-row: 3 !important; border-bottom: 1px solid rgba(89,62,45,.16) !important; padding-bottom: 20px !important; }
  .nav.menu-open li { list-style: none !important; width: 100% !important; }
  .nav.menu-open .nav-left a, .nav.menu-open .nav-right a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 17px 0 !important;
    border-bottom: 1px solid rgba(89,62,45,.12) !important;
    color: #352821 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: .86rem !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
  }
  .nav.menu-open .nav-left a::after, .nav.menu-open .nav-right a::after { content:'›'; color: rgba(67,48,36,.56); font-size:1.35rem; line-height:1; letter-spacing:0; }
  .nav.menu-open .nav-book { justify-content: center !important; margin-top: 18px !important; border-radius: 999px !important; background: #3e3028 !important; color: #fffaf4 !important; border-color: #3e3028 !important; }
  .nav.menu-open .nav-book::after { display:none !important; }
  body.menu-is-open .sticky-book { display: none !important; }
}

.page-header, .clean-page-hero, .gallery-hero-v42, .gallery-hero-v45, .latest-page-v47, .cl47-page, .feedback-page-v44 {
  scroll-margin-top: 96px !important;
}
.page-subtitle, .clean-page-hero p, .venue-text, .signature-text, .lux-menu-heading p, .policy-card p, .drink-list p, .contact-item p, .feedback-card-v44 p, .feedback-side-v44 p {
  text-wrap: pretty;
}

.footer-v48 {
  background: linear-gradient(180deg, #f2e4d6 0%, #ead6c3 100%) !important;
  border-top: 1px solid rgba(126,90,66,.16) !important;
}
.footer-v48 .footer-grid {
  max-width: 1280px !important;
  grid-template-columns: 1.25fr 1fr 1.15fr 1fr !important;
  gap: clamp(28px, 4vw, 64px) !important;
}
.footer-v48 .footer-col p,
.footer-v48 .footer-col a { color: rgba(51,38,31,.72) !important; letter-spacing: .08em !important; }
.footer-v48 .footer-col a:hover { color: var(--v48-gold) !important; }
.footer-v48 .footer-col h4 { color: var(--v48-ink) !important; }
.footer-map-v48 iframe { filter: saturate(.85) contrast(.95); border-radius: 28px; }

.contact-form .form-note, .form-note {
  color: rgba(51,38,31,.66) !important;
  font-size: .92rem !important;
  line-height: 1.65 !important;
  margin: 0 0 22px !important;
}
.contact-item a { color: inherit; text-decoration: none; }
.contact-item a:hover { color: var(--v48-gold); }

.lux-service-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; }
.lux-service-card:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(80,58,43,.10) !important; border-color: rgba(126,90,66,.24) !important; }
.lux-service-card p:empty::before { content: 'Price shown before bespoke extras'; color: rgba(52,40,35,.44); font-family: 'Montserrat', sans-serif; font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; }
.lux-category-nav { scrollbar-width: none; }
.lux-category-nav::-webkit-scrollbar { display: none; }

.gallery-tabs-v42, .gallery-tabs-v45, .cl47-filters, .cl47-mode-row, .cl47-finish { scrollbar-width: none; }
.gallery-tabs-v42::-webkit-scrollbar, .gallery-tabs-v45::-webkit-scrollbar, .cl47-filters::-webkit-scrollbar, .cl47-mode-row::-webkit-scrollbar, .cl47-finish::-webkit-scrollbar { display: none; }

.latest-page-v48 { padding-top: 120px !important; }
.latest-hero-v48 p { max-width: 680px !important; margin-left: auto !important; margin-right: auto !important; }
.latest-showcase-v48 { margin-bottom: 46px !important; }
.latest-instagram-cta-v48 { margin-bottom: 92px !important; }
.latest-instagram-image-v48 { min-height: 420px !important; padding: 0 !important; background: #ead6c3 !important; }
.latest-instagram-image-v48 img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }

.cl47-page { background: radial-gradient(circle at 10% 0%, rgba(213,182,160,.12), transparent 30%), #100d0b !important; }
.cl47-preview-note span { text-wrap: pretty; }
.cl47-book { justify-content: center; }

.feedback-card-v44 p:first-of-type { max-width: 620px; }
.feedback-form-v44 input, .feedback-form-v44 textarea, .contact-form input, .contact-form textarea, .contact-form select { min-height: 48px; }

.btn-primary, .btn-outline, .btn-ghost, .nav-book, .sticky-book, .cl47-mode-row button, .cl47-filters button, .cl47-finish button, .lux-category-nav a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 900px) {
  .container { padding-left: 20px !important; padding-right: 20px !important; }
  .page-header { min-height: 50vh !important; padding-top: 84px !important; }
  .page-title { font-size: clamp(2.8rem, 12vw, 4.2rem) !important; }
  .lux-category-nav { position: sticky !important; top: 74px !important; z-index: 80 !important; justify-content: flex-start !important; flex-wrap: nowrap !important; overflow-x: auto !important; padding: 12px 18px !important; }
  .lux-services-grid { border-radius: 18px !important; }
  .lux-service-card { min-height: 154px !important; padding: 22px !important; }
  .gallery-tabs-v42, .gallery-tabs-v45 { justify-content: flex-start !important; flex-wrap: nowrap !important; overflow-x: auto !important; padding-left: 18px !important; padding-right: 18px !important; }
  .gallery-tabs-v42 button, .gallery-tabs-v45 button { flex: 0 0 auto !important; }
  .latest-page-v48 { padding-top: 96px !important; }
  .latest-instagram-cta-v48 { margin-left: 18px !important; margin-right: 18px !important; }
  .latest-instagram-image-v48, .latest-instagram-image-v48 img { min-height: 320px !important; }
  .cl47-preview-note { flex-direction: column !important; gap: 4px !important; }
  .cl47-filters, .cl47-mode-row, .cl47-finish { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: 4px; }
  .cl47-finish span { flex: 0 0 auto !important; width: auto !important; align-self: center !important; }
  .footer-v48 { padding-left: 22px !important; padding-right: 22px !important; padding-bottom: 108px !important; }
  .footer-v48 .footer-grid { grid-template-columns: 1fr !important; text-align: center !important; gap: 30px !important; }
  .footer-mark { margin-left: auto !important; margin-right: auto !important; }
  .footer-map-v48 iframe { height: 240px !important; border-radius: 22px !important; }
  .footer-bottom { flex-direction: column !important; gap: 12px !important; text-align: center !important; }
  .sticky-book { display: flex !important; left: 16px !important; right: 16px !important; bottom: 16px !important; transform: none !important; width: auto !important; min-height: 54px !important; border-radius: 999px !important; z-index: 9990 !important; }
}

@media (max-width: 560px) {
  .hero-side-refined .hero-title, .hero-side-refined.hero-editorial .hero-title { font-size: clamp(2rem, 9vw, 2.75rem) !important; max-width: 11ch !important; }
  .hero-side-refined .hero-intro { font-size: .9rem !important; }
  .home-photo-stack { gap: 12px !important; }
  .latest-slider-v47 { min-height: 58vh !important; }
  .latest-glass-caption-v46 h2 { font-size: 1.72rem !important; }
  .cl47-dot { width: 76px !important; height: 76px !important; }
  .cl47-swatch strong { font-size: 1.02rem !important; }
}


/* V48.1 logo alignment safeguard */
.nav-editorial { height: auto !important; min-height: 0 !important; }
.nav-container { height: auto !important; }
.nav-logo-chloe { flex-direction: row !important; }
.nav-logo-text-wrap { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; }
.nav-logo-mark-soft { margin: 0 !important; }
@media (max-width: 1429px) {
  .nav-logo-chloe { flex-direction: row !important; align-items: center !important; }
  .nav-container { min-height: 74px !important; }
}

/* ===== V49: real Instagram embeds ===== */
.latest-instagram-live-v49 {
  max-width: 1380px !important;
  margin: 0 auto 92px !important;
  padding: clamp(22px, 4vw, 46px) !important;
  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important;
  gap: clamp(24px, 4vw, 48px) !important;
  align-items: start !important;
  border-radius: 36px !important;
  background: rgba(255,248,240,.68) !important;
  border: 1px solid rgba(126,90,66,.16) !important;
  box-shadow: 0 24px 74px rgba(70,50,38,.10) !important;
}
.latest-instagram-live-v49 .latest-instagram-copy-v47 { position: sticky; top: 112px; }
.latest-instagram-live-v49 .latest-instagram-copy-v47 h2 {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-size: clamp(2.6rem,4.8vw,5rem) !important;
  line-height: .94 !important;
  margin: 12px 0 18px !important;
  color: #352821 !important;
}
.latest-instagram-live-v49 .latest-instagram-copy-v47 p {
  color: rgba(53,40,33,.72) !important;
  max-width: 36rem !important;
}
.latest-instagram-grid-v49 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}
.instagram-card-v49 {
  min-width: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #fffaf4 !important;
  border: 1px solid rgba(126,90,66,.12) !important;
  box-shadow: 0 18px 42px rgba(61,43,32,.12) !important;
  padding: 12px !important;
}
.instagram-card-v49 .instagram-media {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.instagram-card-v49 a { color:#6f4f3d; }
.instagram-fallback-v49 {
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  background: rgba(255,250,244,.72) !important;
  border: 1px solid rgba(126,90,66,.12) !important;
  color: rgba(53,40,33,.72) !important;
  font-family: 'Jost', sans-serif !important;
  line-height: 1.65 !important;
}
.instagram-fallback-v49 a { color: #8d674f !important; font-weight: 500; }
@media (max-width: 1080px) {
  .latest-instagram-live-v49 { grid-template-columns: 1fr !important; margin-left: 18px !important; margin-right: 18px !important; }
  .latest-instagram-live-v49 .latest-instagram-copy-v47 { position: static; text-align:center; }
  .latest-instagram-live-v49 .latest-instagram-copy-v47 p { margin-left:auto; margin-right:auto; }
}
@media (max-width: 820px) {
  .latest-instagram-grid-v49 { grid-template-columns: 1fr !important; gap: 16px !important; }
  .instagram-card-v49 { border-radius: 22px !important; padding: 8px !important; }
}


/* ===== V50 luxury cleanup: quieter gallery + tidy Instagram embed ===== */
.gallery-page-v50,
.latest-page-v48,
.latest-page-v47 {
  background: linear-gradient(180deg, #f4e8dc 0%, #ead8c7 48%, #f7eee6 100%) !important;
}
.gallery-hero-v50 {
  padding-top: clamp(120px, 12vw, 170px) !important;
  padding-bottom: 54px !important;
  grid-template-columns: minmax(0, .9fr) minmax(320px, .58fr) !important;
  gap: clamp(30px, 5vw, 74px) !important;
}
.gallery-hero-copy-v50 p { max-width: 570px !important; }
.gallery-feature-v50 {
  border-radius: 30px !important;
  box-shadow: 0 24px 70px rgba(67,47,34,.11) !important;
}
.gallery-feature-v50 img {
  height: min(54vh, 560px) !important;
  filter: saturate(.98) contrast(.98) brightness(1.02) !important;
}
.gallery-tabs-v50 {
  position: sticky !important;
  top: 86px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  background: rgba(244,232,220,.84) !important;
  backdrop-filter: blur(16px) !important;
}
.gallery-tabs-v50 button {
  padding: 10px 18px !important;
  letter-spacing: .18em !important;
  background: rgba(255,250,244,.72) !important;
}
.gallery-tabs-v50 button.active { background: #352821 !important; color: #fffaf4 !important; }
.gallery-editorial-v50 {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 48px clamp(18px, 3vw, 42px) 78px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  background: transparent !important;
}
.gallery-card-v50 {
  border-radius: 26px !important;
  background: rgba(255,250,244,.82) !important;
  box-shadow: 0 16px 44px rgba(70,50,38,.07) !important;
  border-color: rgba(126,90,66,.12) !important;
}
.gallery-card-v50:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 58px rgba(70,50,38,.10) !important;
}
.gallery-card-v50 img {
  aspect-ratio: 4 / 5.15 !important;
  filter: saturate(.97) contrast(.98) brightness(1.02) !important;
}
.gallery-card-copy-v50 {
  padding: 17px 18px 19px !important;
  min-height: auto !important;
}
.gallery-card-copy-v50 span {
  margin-bottom: 7px !important;
  font-size: .62rem !important;
  letter-spacing: .2em !important;
  color: rgba(133,94,68,.82) !important;
}
.gallery-card-copy-v50 h3 {
  font-size: clamp(1.28rem, 1.8vw, 1.58rem) !important;
  line-height: 1.06 !important;
  margin: 0 !important;
}
.gallery-card-copy-v50 p { display: none !important; }
.gallery-quiet-cta-v50 {
  max-width: 920px !important;
  margin: 0 auto 92px !important;
  border-radius: 34px !important;
  padding: clamp(44px, 6vw, 74px) clamp(20px, 5vw, 70px) !important;
  background: rgba(255,250,244,.68) !important;
  border: 1px solid rgba(126,90,66,.13) !important;
  box-shadow: 0 20px 64px rgba(70,50,38,.08) !important;
}
.gallery-quiet-cta-v50 h2 { font-size: clamp(2.35rem, 4.5vw, 4.2rem) !important; }
.gallery-quiet-actions-v50 { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.latest-hero-v48,
.latest-hero-v42 {
  padding-bottom: 32px !important;
}
.latest-showcase-v48 {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 3vw, 38px) !important;
  padding-right: clamp(16px, 3vw, 38px) !important;
}
.latest-slider-v47,
.latest-slider-v42 {
  box-shadow: 0 24px 76px rgba(65,45,32,.14) !important;
}
.latest-instagram-live-v49 { display: none !important; }
.latest-instagram-live-v50 {
  max-width: 1120px !important;
  margin: 0 auto 98px !important;
  padding: clamp(24px, 4vw, 44px) !important;
  display: grid !important;
  grid-template-columns: minmax(250px, .72fr) minmax(320px, .85fr) !important;
  gap: clamp(26px, 4vw, 54px) !important;
  align-items: center !important;
  border-radius: 36px !important;
  background: rgba(255,250,244,.76) !important;
  border: 1px solid rgba(126,90,66,.14) !important;
  box-shadow: 0 24px 74px rgba(70,50,38,.08) !important;
}
.latest-instagram-copy-v50 h2 {
  font-family: 'Cormorant Garamond','Bodoni Moda',serif !important;
  font-weight: 400 !important;
  font-size: clamp(2.5rem, 4.4vw, 4.65rem) !important;
  line-height: .96 !important;
  color: #352821 !important;
  margin: 12px 0 18px !important;
}
.latest-instagram-copy-v50 p {
  color: rgba(53,40,33,.70) !important;
  line-height: 1.75 !important;
  max-width: 34rem !important;
  margin-bottom: 24px !important;
}
.instagram-embed-shell-v50 {
  justify-self: center !important;
  width: min(100%, 500px) !important;
  min-height: 540px !important;
  padding: 12px !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background: #fffaf4 !important;
  border: 1px solid rgba(126,90,66,.12) !important;
  box-shadow: 0 18px 48px rgba(61,43,32,.10) !important;
}
.instagram-embed-shell-v50 .instagram-media {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
}
@media (max-width: 1100px) {
  .gallery-editorial-v50 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .latest-instagram-live-v50 { margin-left: 20px !important; margin-right: 20px !important; grid-template-columns: 1fr !important; text-align: center !important; }
  .latest-instagram-copy-v50 p { margin-left: auto !important; margin-right: auto !important; }
}
@media (max-width: 760px) {
  .gallery-hero-v50 { grid-template-columns: 1fr !important; padding-top: 104px !important; padding-bottom: 28px !important; }
  .gallery-feature-v50 img { height: auto !important; aspect-ratio: 4 / 4.6 !important; }
  .gallery-tabs-v50 { top: 74px !important; justify-content: flex-start !important; flex-wrap: nowrap !important; overflow-x: auto !important; padding-left: 18px !important; }
  .gallery-tabs-v50 button { flex: 0 0 auto !important; }
  .gallery-editorial-v50 { grid-template-columns: 1fr 1fr !important; padding: 26px 14px 58px !important; gap: 14px !important; }
  .gallery-card-v50 { border-radius: 20px !important; }
  .gallery-card-copy-v50 { padding: 13px 13px 15px !important; }
  .gallery-card-copy-v50 h3 { font-size: 1.15rem !important; }
  .gallery-card-copy-v50 span { font-size: .56rem !important; letter-spacing: .16em !important; }
  .gallery-quiet-cta-v50 { margin-left: 14px !important; margin-right: 14px !important; margin-bottom: 74px !important; border-radius: 26px !important; }
  .latest-instagram-live-v50 { padding: 22px 14px !important; margin: 0 14px 82px !important; border-radius: 26px !important; }
  .instagram-embed-shell-v50 { width: 100% !important; min-height: 500px !important; padding: 8px !important; border-radius: 22px !important; }
}
@media (max-width: 440px) {
  .gallery-editorial-v50 { grid-template-columns: 1fr !important; }
}

/* ===== V51 final clean luxury correction: Latest Looks captions + own Instagram embed ===== */
.latest-slide-v47::after,
.latest-slide-v42::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:36%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(20,14,10,0) 0%,rgba(20,14,10,.22) 100%);
}
.latest-slide-caption-v42.latest-glass-caption-v46,
.latest-glass-caption-v46,
.latest-glass-caption-v45{
  z-index:4!important;
  left:clamp(16px,2.6vw,34px)!important;
  right:auto!important;
  bottom:clamp(16px,2.6vw,34px)!important;
  max-width:min(430px,calc(100% - 42px))!important;
  padding:15px 18px!important;
  border-radius:20px!important;
  background:rgba(26,20,16,.22)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  box-shadow:0 14px 34px rgba(23,15,10,.11)!important;
}
.latest-glass-caption-v46 span,
.latest-slide-caption-v42 span{
  color:rgba(255,250,244,.84)!important;
  font-size:.62rem!important;
  letter-spacing:.22em!important;
}
.latest-glass-caption-v46 h2,
.latest-glass-caption-v45 h2,
.latest-slide-caption-v42 h2{
  color:rgba(255,250,244,.96)!important;
  font-size:clamp(1.45rem,2.1vw,2.05rem)!important;
  line-height:1!important;
  margin:4px 0 7px!important;
}
.latest-glass-caption-v46 p,
.latest-glass-caption-v45 p,
.latest-slide-caption-v42 p{
  color:rgba(255,250,244,.78)!important;
  font-size:.92rem!important;
  line-height:1.45!important;
}
.latest-instagram-live-v51,
.latest-instagram-live-v50{
  max-width:1060px!important;
  margin:0 auto 96px!important;
  grid-template-columns:minmax(250px,.72fr) minmax(300px,.72fr)!important;
  background:rgba(255,250,244,.68)!important;
  border-radius:34px!important;
  box-shadow:0 20px 64px rgba(68,48,36,.075)!important;
}
.latest-instagram-live-v51 .latest-instagram-copy-v50 h2{
  font-size:clamp(2.35rem,4vw,4.25rem)!important;
}
.instagram-embed-shell-v51,
.instagram-embed-shell-v50{
  min-height:0!important;
  width:min(100%,430px)!important;
  padding:10px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.52)!important;
  box-shadow:0 14px 38px rgba(61,43,32,.08)!important;
}
.instagram-embed-shell-v51 .instagram-media,
.instagram-embed-shell-v50 .instagram-media{
  margin:0 auto!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
}
.instagram-profile-fallback-v51{
  margin:12px auto 2px!important;
  max-width:360px!important;
  text-align:center!important;
  color:rgba(53,40,33,.56)!important;
  font-size:.82rem!important;
  line-height:1.45!important;
  font-family:'Jost',sans-serif!important;
}
.instagram-profile-fallback-v51 a{color:#7a5844!important;text-decoration:underline!important;text-underline-offset:3px!important;}
@media(max-width:760px){
  .latest-slider-v47,.latest-slider-v42{min-height:56vh!important;border-radius:24px!important;}
  .latest-slide-caption-v42.latest-glass-caption-v46,
  .latest-glass-caption-v46,
  .latest-glass-caption-v45{
    left:12px!important;
    right:12px!important;
    bottom:14px!important;
    max-width:none!important;
    padding:12px 14px!important;
    border-radius:18px!important;
    background:rgba(26,20,16,.18)!important;
  }
  .latest-glass-caption-v46 h2,
  .latest-glass-caption-v45 h2,
  .latest-slide-caption-v42 h2{font-size:1.35rem!important;}
  .latest-glass-caption-v46 p,
  .latest-glass-caption-v45 p,
  .latest-slide-caption-v42 p{display:none!important;}
  .latest-instagram-live-v51,
  .latest-instagram-live-v50{grid-template-columns:1fr!important;margin:0 14px 86px!important;padding:22px 14px!important;text-align:center!important;}
  .instagram-embed-shell-v51,
  .instagram-embed-shell-v50{width:100%!important;padding:8px!important;border-radius:22px!important;}
}

/* v52 luxury polish: Latest Looks overlay should not cover the work */
.latest-slide-caption-v42,
.latest-glass-caption-v46{
  left:clamp(16px,3vw,32px)!important;
  bottom:clamp(16px,3vw,32px)!important;
  max-width:min(360px,calc(100% - 40px))!important;
  padding:clamp(14px,2vw,20px)!important;
  border-radius:22px!important;
  background:rgba(255,250,246,.58)!important;
  color:#31231d!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 18px 54px rgba(38,25,18,.14)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.latest-slide-caption-v42 span,
.latest-glass-caption-v46 span{font-size:.62rem!important;letter-spacing:.18em!important;color:#8f6e58!important;}
.latest-slide-caption-v42 h2,
.latest-glass-caption-v46 h2{font-size:clamp(1.65rem,3vw,2.75rem)!important;line-height:.96!important;margin:.25rem 0 .35rem!important;}
.latest-slide-caption-v42 p,
.latest-glass-caption-v46 p{font-size:.95rem!important;line-height:1.48!important;margin:0!important;color:rgba(49,35,29,.72)!important;}
.latest-instagram-live-v50,
.latest-instagram-live-v51{
  max-width:1120px!important;
  margin:clamp(42px,7vw,78px) auto 0!important;
  padding:clamp(24px,4vw,38px)!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1fr)!important;
  gap:clamp(22px,4vw,42px)!important;
  align-items:center!important;
  border-radius:34px!important;
  background:rgba(255,250,246,.72)!important;
  border:1px solid rgba(127,96,72,.14)!important;
  box-shadow:0 24px 70px rgba(73,50,35,.09)!important;
}
.instagram-embed-shell-v50,
.instagram-embed-shell-v51{
  min-height:0!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(242,226,211,.72))!important;
  border:1px solid rgba(127,96,72,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
  padding:22px!important;
  overflow:hidden!important;
}
.instagram-profile-card-v52{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  text-decoration:none!important;
  color:#30231d!important;
}
.instagram-profile-mark-v52{
  width:72px!important;height:72px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  font-family:'Cormorant Garamond',serif!important;font-size:2rem!important;
  background:#fffaf4!important;border:1px solid rgba(127,96,72,.16)!important;
  box-shadow:0 12px 30px rgba(73,50,35,.10)!important;
}
.instagram-profile-card-v52 strong{display:block!important;font-family:'Cormorant Garamond',serif!important;font-size:2rem!important;font-weight:400!important;line-height:1!important;}
.instagram-profile-card-v52 span{display:block!important;font-family:'Jost',sans-serif!important;color:#765f53!important;margin-top:5px!important;}
@media(max-width:760px){
  .latest-slide-v42,.latest-slide-v47{display:flex!important;flex-direction:column!important;background:#fffaf4!important;border-radius:26px!important;overflow:hidden!important;}
  .latest-slide-v42 img,.latest-slide-v47 img{position:relative!important;border-radius:0!important;min-height:0!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;}
  .latest-slide-caption-v42,.latest-glass-caption-v46{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:100%!important;width:100%!important;border-radius:0!important;background:rgba(255,250,246,.92)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;padding:18px 20px 20px!important;}
  .latest-instagram-live-v50,.latest-instagram-live-v51{grid-template-columns:1fr!important;border-radius:28px!important;padding:22px!important;}
  .instagram-profile-card-v52{align-items:flex-start!important;}
  .instagram-profile-mark-v52{width:60px!important;height:60px!important;font-size:1.6rem!important;}
  .instagram-profile-card-v52 strong{font-size:1.55rem!important;}
}

/* ===== V55 mobile menu correction: Book Now contrast and alignment ===== */
@media (max-width: 900px) {
  .nav.menu-open .nav-right li:last-child {
    border-bottom: 0 !important;
    padding-top: 22px !important;
  }

  .nav.menu-open .nav-left a.nav-book,
  .nav.menu-open .nav-right a.nav-book,
  .nav.menu-open .nav-left li a.nav-book,
  .nav.menu-open .nav-right li a.nav-book {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 0 26px !important;
    margin: 0 !important;
    border: 1px solid #3d2f27 !important;
    border-radius: 999px !important;
    background: #3d2f27 !important;
    color: #fffaf3 !important;
    opacity: 1 !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: .76rem !important;
    font-weight: 500 !important;
    letter-spacing: .24em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: 0 18px 42px rgba(61,47,39,.18) !important;
  }

  .nav.menu-open .nav-left a.nav-book::after,
  .nav.menu-open .nav-right a.nav-book::after,
  .nav.menu-open .nav-left li a.nav-book::after,
  .nav.menu-open .nav-right li a.nav-book::after {
    content: none !important;
    display: none !important;
  }

  .nav.menu-open .nav-right li:last-child a {
    border-bottom: 0 !important;
  }
}

/* ===== V60 homepage refinement: smaller soft glass frame ===== */
.hero-side-refined .hero-editorial-content {
  max-width: 520px !important;
  padding: 24px 28px !important;
  border-radius: 24px !important;
  background: rgba(28, 20, 16, .24) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.12) !important;
  -webkit-backdrop-filter: blur(9px) saturate(1.08) !important;
  backdrop-filter: blur(9px) saturate(1.08) !important;
}
.hero-side-refined .hero-kicker {
  margin-bottom: 12px !important;
}
.hero-side-refined .hero-title,
.hero-side-refined.hero-editorial .hero-title {
  font-size: clamp(2.75rem, 4.1vw, 4.45rem) !important;
  max-width: 9ch !important;
}
.hero-side-refined .hero-intro {
  max-width: 27rem !important;
  font-size: .98rem !important;
  line-height: 1.62 !important;
  margin-top: 14px !important;
}
.hero-side-refined .hero-contact-strip {
  margin-top: 16px !important;
  gap: 8px !important;
}
.hero-side-refined .hero-contact-strip span {
  padding: 10px 16px !important;
  font-size: .66rem !important;
}
.hero-side-refined .hero-actions {
  margin-top: 16px !important;
  gap: 10px !important;
}
.hero-side-refined .hero-actions a {
  padding: 13px 22px !important;
  font-size: .72rem !important;
}
@media (max-width: 760px) {
  .hero.hero-editorial.hero-video-only.hero-side-refined {
    min-height: 76vh !important;
    padding: 92px 16px 24px !important;
  }
  .hero-side-refined .hero-editorial-content {
    width: auto !important;
    max-width: calc(100% - 10px) !important;
    margin: 0 auto !important;
    padding: 16px 16px 17px !important;
    border-radius: 20px !important;
    background: rgba(22,15,11,.30) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    backdrop-filter: blur(9px) !important;
  }
  .hero-side-refined .hero-kicker {
    font-size: .58rem !important;
    letter-spacing: .18em !important;
    margin-bottom: 8px !important;
  }
  .hero-side-refined .hero-title,
  .hero-side-refined.hero-editorial .hero-title {
    font-size: clamp(1.8rem, 7.8vw, 2.42rem) !important;
    line-height: 1.02 !important;
    max-width: 9.4ch !important;
  }
  .hero-side-refined .hero-intro {
    font-size: .82rem !important;
    line-height: 1.48 !important;
    margin-top: 9px !important;
    max-width: 20rem !important;
  }
  .hero-side-refined .hero-contact-strip {
    margin-top: 11px !important;
  }
  .hero-side-refined .hero-contact-strip span {
    padding: 8px 10px !important;
    font-size: .56rem !important;
    letter-spacing: .08em !important;
  }
  .hero-side-refined .hero-actions {
    margin-top: 11px !important;
    gap: 8px !important;
  }
  .hero-side-refined .hero-actions a {
    min-height: 42px !important;
    padding: 11px 14px !important;
    font-size: .66rem !important;
  }
}

/* ===== v64 homepage video brightness polish =====
   Slightly brightens the stock hero video while keeping text readable. */
.hero-video-only .hero-video,
.hero-editorial .hero-video,
video.hero-video {
  filter: brightness(1.08) saturate(1.06) contrast(1.01) !important;
}
.hero-video-only .hero-media::before,
.hero-editorial .hero-media::before {
  background: linear-gradient(90deg, rgba(34, 24, 18, .32), rgba(34, 24, 18, .16) 48%, rgba(34, 24, 18, .06) 100%) !important;
}
.hero-video-only .hero-shade,
.hero-editorial .hero-shade {
  background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.12)) !important;
}
.hero-side-refined .hero-editorial-content {
  background: rgba(28, 20, 16, .20) !important;
  border-color: rgba(255,255,255,.18) !important;
}
@media (max-width: 760px) {
  .hero-video-only .hero-video,
  .hero-editorial .hero-video,
  video.hero-video {
    filter: brightness(1.06) saturate(1.05) contrast(1.01) !important;
  }
  .hero-video-only .hero-media::before,
  .hero-editorial .hero-media::before {
    background: linear-gradient(180deg, rgba(34,24,18,.18), rgba(34,24,18,.22)) !important;
  }
  .hero-side-refined .hero-editorial-content {
    background: rgba(22,15,11,.26) !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   V70 — READABILITY + CLEAN LIGHT NAV POLISH
   Makes the website feel easier to read and less cinematic/heavy.
   ═══════════════════════════════════════════════════════════ */
body {
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.nav.nav-editorial {
  background: rgba(255, 250, 244, .97) !important;
  border-bottom: 1px solid rgba(90, 63, 45, .13) !important;
  backdrop-filter: blur(12px) !important;
}

.nav-container {
  min-height: 78px !important;
}

.nav-left a,
.nav-right a {
  color: #2e241f !important;
  opacity: .82 !important;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: .72rem !important;
  font-weight: 500 !important;
  letter-spacing: .10em !important;
  line-height: 1.35 !important;
}

.nav-left a:hover,
.nav-right a:hover,
.nav-left a:focus-visible,
.nav-right a:focus-visible {
  color: #8b624a !important;
  opacity: 1 !important;
}

.nav-logo,
.nav-logo-chloe,
.nav-logo-name {
  color: #2e241f !important;
}

.nav-logo-chloe small {
  color: rgba(79,56,40,.58) !important;
  letter-spacing: .14em !important;
}

.nav-book {
  background: #f0cfc6 !important;
  color: #2e241f !important;
  border: 1px solid rgba(85,60,43,.14) !important;
  border-radius: 0 !important;
  min-height: 44px !important;
  padding: 12px 20px !important;
  font-size: .72rem !important;
  letter-spacing: .12em !important;
}

.nav-book:hover,
.nav-book:focus-visible {
  background: #e8beb2 !important;
  color: #2e241f !important;
}

.footer-v48 .footer-col p,
.footer-v48 .footer-col a {
  letter-spacing: .03em !important;
  line-height: 1.75 !important;
}

@media (min-width: 1430px) {
  .nav-left a, .nav-right a {
    font-size: clamp(.70rem, .58vw, .78rem) !important;
    letter-spacing: .10em !important;
  }
}

@media (max-width: 1429px) {
  .nav-editorial { background: rgba(255,250,244,.98) !important; }
  .nav.menu-open {
    background: linear-gradient(180deg, #fffaf4 0%, #f1e1d4 100%) !important;
  }
  .nav.menu-open .nav-left a,
  .nav.menu-open .nav-right a {
    min-height: 58px !important;
    font-size: .88rem !important;
    letter-spacing: .11em !important;
    font-weight: 500 !important;
  }
  .nav.menu-open .nav-book {
    color: #2e241f !important;
    background: #e8beb2 !important;
  }
}

@media (max-width: 900px) {
  .nav-container { min-height: 76px !important; }
  .nav-logo-name { font-size: 1.18rem !important; letter-spacing: .07em !important; }
  .nav-logo-chloe small { font-size: .42rem !important; letter-spacing: .12em !important; }
}


/* =======================================================
   v73 typography review polish across desktop and mobile
   ======================================================= */
body{font-family:'Jost',sans-serif;font-weight:400;line-height:1.68;letter-spacing:0;}
p, li, input, textarea, select, label{font-family:'Jost',sans-serif;letter-spacing:0;}
h1,h2,h3,h4,.page-title,.service-heading,.contact-heading,.lux-menu-heading h2,.gallery-hero-content h1,.clean-page-hero h1,.gallery-title,.policy-card h3,.drinks-card h3{font-family:'Cormorant Garamond','Bodoni Moda',serif !important;font-weight:400 !important;letter-spacing:.01em !important;line-height:1.08 !important;}
.nav-left a,.nav-right a,.nav-book,.section-label,.btn-primary,.btn-ghost,.btn-outline,.sticky-book,.footer-col h4,.footer-explore-col a{font-family:'Montserrat',sans-serif !important;font-weight:400 !important;}
.nav-left a,.nav-right a{font-size:11px !important;letter-spacing:.14em !important;}
.nav-logo-name,.nav-logo,.footer-logo{font-family:'Cormorant Garamond','Bodoni Moda',serif !important;letter-spacing:.08em !important;font-weight:500 !important;}
.nav-logo small{font-family:'Montserrat',sans-serif !important;letter-spacing:.18em !important;font-size:9px !important;}
.btn-primary,.btn-ghost,.btn-outline,.sticky-book{letter-spacing:.16em !important;}
.footer-col p,.footer-col a,.contact-form input,.contact-form textarea,.contact-form select,.form-note,.service-note p,.policy-card p,.drinks-card p,.gallery-luxe-card em,.lux-service-card p,.lux-service-card small{font-size:1rem;line-height:1.72;}
.lux-service-card h3{font-size:1.55rem !important;line-height:1.14 !important;}
.page-title,.contact-heading,.service-heading{font-size:clamp(2.35rem,4vw,4rem) !important;}
.gallery-title{font-size:1.55rem !important;}
@media (max-width: 900px){.nav-left a,.nav-right a{font-size:10px !important;letter-spacing:.12em !important;}.nav-logo-name,.nav-logo{letter-spacing:.06em !important;}.page-title,.contact-heading,.service-heading{font-size:clamp(2rem,8vw,2.7rem) !important;}.lux-service-card h3{font-size:1.4rem !important;}.footer-col p,.footer-col a,.contact-form input,.contact-form textarea,.contact-form select,.form-note,.service-note p,.policy-card p,.drinks-card p,.gallery-luxe-card em,.lux-service-card p,.lux-service-card small{font-size:.98rem;line-height:1.68;}}


/* =======================================================
   v74 site-wide readability polish
   Less hard-to-read spacing; calmer headings and body copy on all pages.
   ======================================================= */
body{font-family:'Jost',sans-serif!important;font-weight:400!important;line-height:1.68!important;letter-spacing:0!important;}
p,li,input,textarea,select,label,small{font-family:'Jost',sans-serif!important;letter-spacing:0!important;}
h1,h2,h3,h4,.page-title,.service-heading,.contact-heading,.lux-menu-heading h2,.gallery-hero-content h1,.clean-page-hero h1,.gallery-title,.policy-card h3,.drinks-card h3{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-weight:400!important;letter-spacing:.01em!important;line-height:1.08!important;}
.section-label,.btn-primary,.btn-ghost,.btn-outline,.sticky-book,.nav-left a,.nav-right a,.nav-book,.footer-col h4,.footer-explore-col a,.lux-category-nav a,.service-badge{font-family:'Montserrat',sans-serif!important;font-weight:400!important;letter-spacing:.14em!important;}
.nav-left a,.nav-right a{font-size:11px!important;letter-spacing:.12em!important;}
.nav-logo-name,.nav-logo,.footer-logo{font-family:'Cormorant Garamond','Bodoni Moda',serif!important;font-weight:500!important;letter-spacing:.07em!important;}
.nav-logo small{font-family:'Montserrat',sans-serif!important;letter-spacing:.16em!important;font-size:9px!important;}
.btn-primary,.btn-ghost,.btn-outline,.sticky-book{letter-spacing:.15em!important;}
.lux-service-card h3{font-size:1.5rem!important;line-height:1.15!important;}
.lux-service-card p,.lux-service-card small,.footer-col p,.footer-col a,.contact-form input,.contact-form textarea,.contact-form select,.form-note,.service-note p,.policy-card p,.drinks-card p,.gallery-luxe-card em{font-size:1rem!important;line-height:1.7!important;}
.page-title,.contact-heading,.service-heading{font-size:clamp(2.25rem,4vw,3.9rem)!important;}
@media(max-width:900px){.nav-left a,.nav-right a{font-size:10px!important;letter-spacing:.1em!important}.nav-logo-name,.nav-logo{letter-spacing:.05em!important}.page-title,.contact-heading,.service-heading{font-size:clamp(1.95rem,8vw,2.65rem)!important}.lux-menu-heading h2{font-size:clamp(2rem,8vw,2.7rem)!important}.lux-service-card h3{font-size:1.36rem!important}.lux-service-card p,.lux-service-card small,.footer-col p,.footer-col a,.contact-form input,.contact-form textarea,.contact-form select,.form-note,.service-note p,.policy-card p,.drinks-card p,.gallery-luxe-card em{font-size:.98rem!important;line-height:1.66!important}}