/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

@font-face {
  font-family: 'Test Untitled Serif';
  src: url("/fonts/test-untitled-serif-regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Test Untitled Serif';
  src: url("/fonts/test-untitled-serif-regular-italic.woff2") format('woff2');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Test Untitled Serif';
  src: url("/fonts/test-untitled-serif-medium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Test Untitled Serif';
  src: url("/fonts/test-untitled-serif-medium-italic.woff2") format('woff2');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Test Untitled Serif';
  src: url("/fonts/test-untitled-serif-bold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Test Untitled Serif';
  src: url("/fonts/test-untitled-serif-bold-italic.woff2") format('woff2');
  font-weight: 700;
  font-style: italic;
}

@import "briefs.css";

.noise-overlay {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200vw;
  height: 200vh;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.08;
  pointer-events: none;
  mix-blend-mode: multiply;
  z-index: 0;
}