/* Recovered brand art. Keep accents beside content, clear of reading and input. */
.brand-stamp, .brand-horn { pointer-events: none; user-select: none; flex: none; }
.brand-stamp { width: 148px; height: 148px; object-fit: contain; transform: rotate(-7deg); }
.brand-heading { display: flex; align-items: center; justify-content: space-between; gap: clamp(16px, 3vw, 36px); }
.brand-heading > :first-child { min-width: 0; }
.brand-heading--about { max-width: 960px; }
.brand-heading--about .brand-stamp { width: 184px; height: 184px; transform: rotate(7deg); }
.brand-heading--talk { align-items: flex-start; gap: 12px; }
.brand-heading--talk .brand-stamp { width: 126px; height: 126px; margin-top: -16px; }
.brand-heading--exercise { align-items: flex-start; gap: 12px; }
.brand-heading--exercise .brand-stamp { width: 132px; height: 132px; margin: -22px -12px -8px 0; }
.brand-heading--exercise + p { margin-top: 12px; }
.brand-hero-horn { position: absolute; top: -18px; right: 0; width: clamp(74px, 9vw, 112px); height: auto; transform: rotate(9deg); filter: drop-shadow(0 5px 7px rgba(0,0,0,.1)); }
.brand-welcome-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.brand-welcome-line > .eyebrow { margin-bottom: 0; }
.brand-welcome-horns { display: inline-flex; align-items: center; gap: 5px; flex: none; }
.brand-welcome-horns .brand-horn { width: 48px; height: auto; }
.brand-welcome-horns .brand-horn:first-child { transform: rotate(-8deg); }
.brand-welcome-horns .brand-horn:last-child { transform: rotate(8deg); }
@media (max-width: 700px) {
  .brand-heading--about .brand-stamp { width: 106px; height: 106px; }
  .brand-heading--talk .brand-stamp { width: 100px; height: 100px; margin-top: -8px; }
  .brand-heading--exercise .brand-stamp { width: 94px; height: 94px; margin: -12px -8px 0 0; }
  .brand-hero-horn { width: 76px; top: -10px; }
  .brand-welcome-horns .brand-horn { width: 36px; }
  .brand-welcome-line { margin-bottom: 12px; }
}
@media (max-width: 380px) {
  .brand-heading--about .brand-stamp { width: 86px; height: 86px; }
  .brand-heading--talk .brand-stamp, .brand-heading--exercise .brand-stamp { display: none; }
}
@media print { .brand-stamp, .brand-hero-horn, .brand-welcome-horns { display: none; } }