/* Editorial Film — direction A from the Kings Cut design canvas.
   Overlay on barber.css: Playfair serif voice, index-of-services, gold band. */
:root {
  --ed-serif: 'Playfair Display', Georgia, serif;
  --ed-sans: 'Source Sans 3', 'Segoe UI', sans-serif;
}
body { font-family: var(--ed-sans); }

.logo, .brand { font-family: var(--ed-serif) !important; font-weight: 700; letter-spacing: 0.06em; }

.site-header nav a { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; }

.ed-hero .eyebrow { letter-spacing: 0.34em; }
.ed-headline {
  font-family: var(--ed-serif); font-style: italic; font-weight: 500;
  font-size: clamp(2.6rem, 6.4vw, 4.6rem); line-height: 1.04; letter-spacing: -0.01em;
  max-width: 17ch; text-wrap: balance;
}
.ed-craft { display: flex; gap: 2.2rem; margin: 2rem 0 1.6rem 0; max-width: 620px; }
.ed-craft-label { flex: 0 0 130px; font-size: 0.7rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); padding-top: 0.35rem; }
.ed-craft-body { font-size: 1.05rem; line-height: 1.75; color: #cfc5b4; margin: 0; }

h2, .display-sm, .display { font-family: var(--ed-serif) !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }

.ed-index-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1.3rem; }
.ed-count { font-size: 0.7rem; letter-spacing: 0.24em; text-transform: uppercase; color: #b9ad9c; }
.ed-row {
  display: flex; align-items: baseline; gap: 1.2rem; padding: 0.95rem 0;
  border-top: 1px solid rgba(212, 166, 67, 0.18);
}
.ed-no { flex: 0 0 2.4rem; font-size: 0.75rem; color: var(--gold); }
.ed-name { flex: 1; font-size: 1.15rem; letter-spacing: 0.02em; }
.ed-note { flex: 0 0 34%; font-size: 0.82rem; color: #8f8574; }
.ed-price { flex: 0 0 4rem; text-align: right; font-family: var(--ed-serif); font-size: 1.1rem; color: var(--gold); }
@media (max-width: 700px) { .ed-note { display: none; } .ed-craft { flex-direction: column; gap: 0.6rem; } }

.btn { border-radius: 0 !important; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.78rem; font-weight: 600; }

.final, .cta-band, #book {
  background: var(--gold) !important; color: #171106 !important;
}
.final h2, .cta-band h2, #book h2 { color: #171106 !important; font-family: var(--ed-serif) !important; }
.final .btn, #book .btn { background: transparent !important; border: 2px solid #171106 !important; color: #171106 !important; }

.marquee, .marquee-track { font-family: var(--ed-sans); letter-spacing: 0.22em; }
