/* One logo baseline for the corporate pages and subscription landing page. */
:root {
  --tsc-header-height: 92px;
  --tsc-header-logo-width: 124px;
  --tsc-header-gutter: max(24px, calc((100% - 1280px) / 2));
  --tsc-header-logo-height: calc(var(--tsc-header-logo-width) * 83 / 156);
  --tsc-header-logo-top: calc((var(--tsc-header-height) - 1px - var(--tsc-header-logo-height)) / 2);
}
.header, .subscription-header { height: var(--tsc-header-height); }
.header, .subscription-header-inner { padding-inline: var(--tsc-header-gutter); }
.header { grid-template-rows: minmax(0, 1fr); }
.subscription-header-inner { width: 100%; max-width: none; height: calc(var(--tsc-header-height) - 1px); }
.header > .brand, .subscription-brand {
  align-self: start;
  margin-block: var(--tsc-header-logo-top) 0;
  padding-block: 0;
}
.header > .brand img, .subscription-brand img {
  display: block;
  width: var(--tsc-header-logo-width);
  height: var(--tsc-header-logo-height);
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  object-fit: contain;
}
@media (max-width: 1150px) { :root { --tsc-header-gutter: 25px; } }
@media (max-width: 800px) {
  :root { --tsc-header-height: 73px; --tsc-header-logo-width: 108px; --tsc-header-gutter: 23px; }
}
@media (max-width: 500px) {
  :root { --tsc-header-logo-width: 102px; --tsc-header-gutter: 20px; }
}
@media (max-width: 360px) { :root { --tsc-header-logo-width: 88px; } }