/* Shared SR Francis header treatment — loaded last on every page. */
.srf-trading-descriptor {
  display: block;
  margin-top: 2px;
  color: #fff !important;
  font-size: clamp(10px, 1vw, 15px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

header .brand,
header .brand a,
header a.brand {
  color: #ff7a00;
  text-decoration: none;
}

header .brand strong,
header .brand .name,
header .brand .brand-name,
header .brand-copy strong {
  color: #ff7a00 !important;
  font-weight: 700 !important;
}

header .brand small,
header .brand .tag,
header .brand .slogan,
header .brand-copy small {
  display: block;
  color: #ff7a00 !important;
  font-style: italic;
  text-transform: none !important;
}

.srf-global-mark {
  width: 54px;
  height: 64px;
  margin-right: 12px;
  flex: 0 0 54px;
  object-fit: contain;
}

.srf-simple-brand {
  display: inline-flex !important;
  align-items: center;
}

.srf-simple-brand-copy {
  display: flex;
  flex-direction: column;
}

/* One exact wordmark treatment across every legacy page template. */
.srf-simple-brand-copy strong {
  color: #ff7a00 !important;
  font: 700 42px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

.srf-simple-brand-copy small {
  margin-top: 4px !important;
  padding-top: 4px !important;
  border-top: 2px solid #ff7a00 !important;
  color: #ff7a00 !important;
  font: italic 14px/1.1 Arial, Helvetica, sans-serif !important;
  white-space: nowrap;
}

/* The obsolete area-page MENU blocks are removed from HTML; this is a safety net. */
header .menu { display: none !important; }

@media (max-width: 700px) {
  .srf-global-mark { width: 42px; height: 50px; flex-basis: 42px; margin-right: 8px; }
  .srf-trading-descriptor { font-size: 9px !important; letter-spacing: .10em !important; }
  .srf-simple-brand-copy strong { font-size: 30px !important; }
  .srf-simple-brand-copy small { font-size: 10px !important; margin-top: 3px !important; padding-top: 3px !important; }
}