/**
 * In-page brand mark — mr-brandon-hat.png (hero, header, thank-you).
 * Favicon only: assets/icon.png via <link rel="icon"> in each HTML head.
 */

.site-mark {
  display: block;
  object-fit: contain;
}

.logo-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  line-height: 0;
}

.site-mark--hero {
  height: clamp(72px, 18vw, 96px);
  width: auto;
  margin: 0 auto;
  filter: drop-shadow(0 12px 32px rgba(240, 98, 42, 0.28));
}

.site-mark--bar {
  height: 40px;
  width: auto;
  flex-shrink: 0;
  filter: drop-shadow(0 4px 14px rgba(240, 98, 42, 0.22));
}

.back-link--with-mark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.thankyou-brand {
  text-align: center;
  line-height: 0;
  margin-bottom: 20px;
}

.site-mark--thankyou {
  height: 56px;
  width: auto;
  margin: 0 auto;
  filter: drop-shadow(0 8px 24px rgba(240, 98, 42, 0.25));
}