/* Raleway self-hosted — obrigatória em todas as aplicações (Manual pág. 65).
   Servida localmente para a demo funcionar sem internet.

   FORMATO — WOFF2 apenas
   ------------------------------------------------------------------
   As seis faces foram recomprimidas em WOFF2 com subset latin +
   latin-ext (o site é só PT-BR): 982 KB de .ttf viraram 145 KB.
   Todo navegador que roda o site entende WOFF2, então o src TTF
   saiu do CSS (e o .ttf saiu da imagem Docker). Os .ttf continuam
   no disco do repositório — ferramentas locais (Pillow) os usam.

   Por que isso importa aqui: o preloader do cinema.js espera
   document.fonts.ready antes de levantar a cortina. Cada quilobyte
   de fonte é tempo de abertura da demo.

   As duas faces do primeiro viewport — Light (300, e o 200 mapeado
   nele) e SemiBold (600, eyebrow e rótulo da cortina) — têm
   <link rel="preload"> no <head> de cada página.
   ------------------------------------------------------------------ */
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-Thin.woff2') format('woff2');
  font-weight: 100; font-style: normal; font-display: swap;
}
/* Raleway não traz ExtraLight no pacote licenciado do manual.
   Mapeamos 200 → arquivo Light para que os pesos pedidos pela direção
   (200) tenham desenho real e legível em vez de o navegador cair no
   Thin 100 (frágil demais a 22px). Onde a direção pedir hairline de
   verdade, use .display-xl--hairline (peso 100).

   CONSEQUÊNCIA A RESPEITAR: 200 e 300 desenham o MESMO arquivo. Duas
   linhas de display empilhadas em 200 e 300 não têm contraste nenhum
   — só de corpo. Por isso a segunda linha de apoio dos heros
   (.display-apoio, .display-sub, .display-contra) usa peso 400: é o
   primeiro peso que devolve o degrau. Se um dia o ExtraLight for
   licenciado, aponte o 200 para ele e as linhas de apoio podem
   voltar para 300. */
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-Light.woff2') format('woff2');
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../assets/fonts/raleway/Raleway-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}