/* STARSHINE CLEAN — official brand-mark repair (28 Oct 2026)
   Uses original, complete four-point emblem extracted from existing brand artwork.
   Transparent asset + fluid, uncut STARSHINE CLEAN lockup; no rebrand. */
.signature-site .signature-brand,
.signature-site .footer-mark {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start;
  gap: clamp(8px, 1.1vw, 14px) !important;
  max-width: 100%;
  min-width: 0;
  overflow: visible !important;
  box-sizing: border-box;
}
.signature-site .signature-brand img,
.signature-site .footer-mark img {
  display: block;
  object-fit: contain;
  object-position: center;
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  aspect-ratio: 1;
  background: transparent !important;
  border: 0;
  border-radius: 0;
  padding: 0;
  mix-blend-mode: normal;
}
.signature-site .signature-brand .brand-type {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  max-width: calc(100vw - 110px);
  line-height: 1;
  white-space: nowrap;
}
.signature-site .signature-brand .brand-type strong {
  display: block;
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.1;
  letter-spacing: .045em;
  font-weight: 500;
  white-space: nowrap;
}
.signature-site .signature-brand .brand-type small {
  display: block;
  padding-top: 5px;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: .33em;
  white-space: nowrap;
}
.signature-site .footer-mark { width: max-content; }
.signature-site .footer-mark > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  flex: 0 1 auto;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(19px, 2vw, 25px);
  letter-spacing: .04em;
  line-height: 1.08;
  white-space: nowrap;
}
.signature-site .footer-mark > span small {
  display: block;
  margin-top: 6px;
  font: 700 10px/1.15 Arial, sans-serif;
  letter-spacing: .38em;
  color: #a4d8d9;
  white-space: nowrap;
}
/* A 320px phone still shows the complete mark and full business name. */
@media (max-width: 600px) {
  .signature-site .signature-brand img { width: 39px; height: 39px; }
  .signature-site .signature-brand .brand-type strong { font-size: 18px; }
  .signature-site .signature-brand .brand-type small { font-size: 8px; }
  .signature-site .footer-mark img { width: 45px; height: 45px; }
  .signature-site .footer-mark > span { font-size: 20px; }
}
@media (max-width: 350px) {
  .signature-site .footer-mark img { width: 39px; height: 39px; }
  .signature-site .footer-mark > span { font-size: 18px; }
  .signature-site .footer-mark > span small { font-size: 9px; letter-spacing: .29em; }
  .signature-site .signature-brand .brand-type strong { font-size: 16px; }
}