/* Signature 03 validée par Rémy : site Hostinger uniquement.
   Feuille séparée pour permettre une livraison ciblée sur le site existant. */
:root { --header-height: 116px; }
.logo.logo--signature {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 2px;
  flex: 0 0 auto;
  width: 148px;
  color: var(--accent-600);
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.logo--signature .brand-rp-mark {
  display: block;
  width: 56px;
  height: 56px;
  background-color: currentColor;
  -webkit-mask: url('/img/monogramme-rp-03.png') center / contain no-repeat;
  mask: url('/img/monogramme-rp-03.png') center / contain no-repeat;
}
.logo--signature .brand-rp-name {
  font-family: var(--font-serif, 'Cormorant Garamond', Georgia, serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.05;
  white-space: nowrap;
}
.logo--signature .brand-rp-role {
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .04em;
  color: var(--text-secondary);
  white-space: nowrap;
}
.logo.logo--signature:hover { color: var(--accent-500); }
@media (max-width: 480px) {
  :root { --header-height: 104px; }
  .logo.logo--signature { width: 116px; }
  .logo--signature .brand-rp-mark { width: 46px; height: 46px; }
  .logo--signature .brand-rp-name { font-size: 22px; }
  .logo--signature .brand-rp-role { font-size: 9px; letter-spacing: 0; }
}
@media (max-width: 360px) {
  .logo.logo--signature { width: 105px; }
  .logo--signature .brand-rp-name { font-size: 20px; }
  .logo--signature .brand-rp-role { font-size: 8.5px; }
}
@media (forced-colors: active) {
  .logo--signature .brand-rp-mark { forced-color-adjust: none; background-color: LinkText; }
}