/* ═══════════════════════════════════════════════
   LOGO LOCKUP — one line:
   "Shynique Beauty" (serif) + "by" (serif) + signature "Marina" (big M, small rest, script)
   ═══════════════════════════════════════════════ */
.logo-lockup {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  line-height: 1;
  white-space: nowrap;
}

/* "by" — plain elegant serif, matches the wordmark, small */
.logo-by {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 0.95rem;
  color: var(--gold-light);
  letter-spacing: 0.5px;
  text-transform: lowercase;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.logo-by .sig-script { font-size: 1.6rem; }

/* Signature "Marina" — big M, small rest, in script */
.sig-mono {
  font-family: 'Pinyon Script', 'Italianno', cursive;
  font-weight: 400;
  font-synthesis: none;
  color: var(--gold);
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  margin-left: 4px;
}

.sig-cap {
  font-size: 2.9rem;
  line-height: 0.7;
  display: inline-block;
}

.sig-rest {
  font-size: 1.7rem;
  line-height: 0.9;
  margin-left: -2px;
}

@media (max-width: 600px) {
  .logo-lockup { gap: 6px; }
  .logo-by { font-size: 0.85rem; }
  .sig-cap { font-size: 2.2rem; }
  .sig-rest { font-size: 1.3rem; }
  .logo-text { font-size: 1.02rem; }
}

/* Script signature reusables (hero, story) */
.script-name {
  font-family: 'Pinyon Script', 'Italianno', cursive;
  font-weight: 400;
  font-synthesis: none;
  color: var(--gold-light);
}

/* Clean script "Marina" — used in header + story signature */
.sig-script {
  font-family: 'Pinyon Script', 'Italianno', cursive;
  font-weight: 400;
  font-synthesis: none;
  color: var(--gold);
  line-height: 0.9;
}