/* PROTOTYPE ONLY. Do not ship.
   Bellwoods' headline faces are Hoefler & Co. Knockout 33 / 34 / 47, served from
   cloud.typography.com and locked to the bellwoodsbrewery.com domain. Away from that
   domain they fail to load, so the theme's stacks would fall back to Inter.
   These aliases fill the "B" slot of each stack with Google Fonts stand-ins
   (Archivo Expanded for Knockout 33/34, League Gothic for Knockout 47), so the
   prototype keeps the wide / condensed character of the real type. On the live
   domain the "A" faces load first and these are never used. */

@font-face {
  font-family: 'Knockout 33 B';          /* wide, used for .title-ui and h2/h3 */
  src: url(fonts/archivo-latin.woff2) format('woff2');
  font-weight: 500;
  font-stretch: 125%;
  font-display: swap;
}

@font-face {
  font-family: 'Knockout 34 B';          /* wide, used for header navigation */
  src: url(fonts/archivo-latin.woff2) format('woff2');
  font-weight: 500;
  font-stretch: 125%;
  font-display: swap;
}

@font-face {
  font-family: 'Knockout 47 B';          /* condensed, used for the newsletter bar */
  src: url(fonts/league-gothic-latin.woff2) format('woff2');
  font-display: swap;
}

/* Knockout text rendered to PNG from the live site, so the prototype matches it
   exactly. Each image is captured at 2x and shown at the text's CSS size. */
.type-img,
.type-img img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 832px) {
  .type-img--title img {
    width: 161px;
  }

  .type-img--newsletter img {
    width: 310px;
  }
}