@font-face{font-family:"Allura";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/allura-regular.ttf") format("truetype")}
/* Two requested additions; the current design remains the base. */
.brand { gap: 15px; }
.brand .brand-history { display: flex; flex-direction: column; gap: 3px; padding: 5px 0 5px 15px; border-left: 1px solid var(--gold-soft); white-space: nowrap; }
.brand .brand-history-label { display: block; font: 500 10px/1.5 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: #8e743f; }
.brand .brand-history-name { display: block; font: 600 21px/1.15 var(--serif); letter-spacing: 0; color: var(--navy); }
.hero .practice-since { font: 500 13px/1.65 var(--sans); letter-spacing: .075em; color: #836b3e; text-transform: uppercase; margin: 0 0 1.1rem; }
@media(max-width:640px){
 .nav-shell { padding-inline: 1rem; gap: .5rem; }
 .brand { gap: 10px; }
 .brand img { height: 70px; }
 .brand .brand-history { padding-left: 10px; }
 .brand .brand-history-label { font-size: 9px; }
 .brand .brand-history-name { font-size: 18px; }
 .hero .practice-since { font-size: 12px; letter-spacing: .04em; }
}

/* Original Plume Dental logo supplied by the former practice website. */
.brand .brand-history { align-items: center; gap: 3px; }
.brand img.plume-logo { display: block; width: 106px; height: auto; max-width: none; object-fit: contain; }
@media(max-width:640px){.brand img.plume-logo{width:88px}}
@media(max-width:360px){.brand img.plume-logo{width:80px}}

/* A handwritten transition to the former practice name. */
.brand .brand-history { padding-top: 0; padding-bottom: 0; gap: 0; }
.brand .brand-history-label { font: 400 24px/1 "Allura", cursive; letter-spacing: .01em; text-transform: none; color: #98763c; }
@media(max-width:640px){.brand .brand-history-label{font-size:22px}}

/* Matching cursive treatment for the practice-history line. */
.hero .practice-since {
  display: flex;
  align-items: center;
  gap: 13px;
  font: 400 28px/1.25 "Allura", cursive;
  letter-spacing: 0;
  text-transform: none;
  color: #8b6b36;
  max-width: none;
  margin: 0 0 1.1rem;
}
.hero .practice-since::before {
  flex: 0 0 24px;
  margin: 0;
}
@media(max-width:640px) {
  .hero .practice-since { font-size: 24px; gap: 10px; }
  .hero .practice-since::before { flex-basis: 18px; width: 18px; }
}