@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/brand/fonts/raleway-latin-wght-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/brand/fonts/raleway-latin-wght-italic.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-900-normal.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-300-italic.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-700-italic.woff2') format('woff2');
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/brand/fonts/lato-latin-900-italic.woff2') format('woff2');
}

:root,
[data-public-editorial],
.admin-body {
  --font-display: "Raleway", Arial, sans-serif;
  --font-body: "Lato", Arial, sans-serif;
  --editorial-serif: var(--font-display);
  --editorial-sans: var(--font-body);
  --bs-body-font-family: var(--font-body);
}

[data-public-editorial], .admin-body { font-family: var(--font-body); }
[data-public-editorial] :is(h1, h2, h3), .admin-body :is(h1, h2, h3) {
  font-family: var(--font-display);
  letter-spacing: -.035em;
  line-height: 1.1;
}
[data-public-editorial] .site-brand-name { letter-spacing: -.035em; }
[data-public-editorial] .site-brand-block { margin-right: 2rem; padding-block: 10px; }
[data-public-editorial] .site-brand-block .site-brand { min-height: 44px; margin-right: 0; }
[data-public-editorial] .site-brand-location {
  margin: -4px 0 0 56px;
  color: var(--editorial-ink);
  font-size: calc(.625rem + 1px);
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: uppercase;
}
[data-public-editorial] .site-brand-hours {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin: 0 0 0 56px;
  min-height: 44px;
  font-size: calc(.65rem + 1px);
  line-height: 1.5;
  text-align: left;
}
[data-public-editorial] .home-hero h1 { font-size: clamp(5rem, 10vw, 11rem); line-height: 1; letter-spacing: -.045em; }
[data-public-editorial] #site_footer h3 { font-family: var(--font-body); letter-spacing: .13em; }
.admin-body .admin-brand { font-family: var(--font-display); }

@media (max-width: 767.98px) {
  [data-public-editorial] .site-brand-name { font-size: clamp(1rem, 4.8vw, 1.3rem); }
  [data-public-editorial] .site-navbar .site-brand { gap: 8px; }
  [data-public-editorial] .site-brand-block { margin-right: 0; max-width: calc(100% - 90px); }
  [data-public-editorial] .site-brand-location { margin-left: 40px; font-size: calc(.6rem + 1px); letter-spacing: 0; }
  #main .site-brand-hours { margin-left: 40px; gap: 0 6px; font-size: calc(.6875rem + 1px); line-height: 1.5; }
  [data-public-editorial] .home-hero h1 { font-size: clamp(3.9rem, 19vw, 8.5rem); }
  [data-public-editorial] .home-hours-card h2 { font-size: clamp(2.5rem, 10vw, 4.2rem); }
}