@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/font/ProximaNova-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/font/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/font/ProximaNova-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PF Regal Display Pro";
  src: url("/assets/font/PFRegalDisplayPro-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "GTA ART DECO";
  src: url("/assets/font/GTA ART DECO REGULAR.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GTA ART DECO CONDENSED";
  src: url("/assets/font/GTA ART DECO CONDENSED.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GTA ART DECO MEDIUM";
  src: url("/assets/font/GTA ART DECO MEDIUM.TTF") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GTA ART DECO BOLD";
  src: url("/assets/font/GTA ART DECO BOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.mdz-display-font {
  font-family: "PF Regal Display Pro", Georgia, serif !important;
  font-style: italic;
  font-weight: 700;
}

:root {
  --mdz-bg: #ffffff;
  --mdz-fg: #000000;
  --mdz-primary: #abb3ba;
  --mdz-primary-dark: #969ea6;
  --mdz-secondary: #d6d6d6;
  --mdz-border: #e5e7eb;
  --mdz-muted: #f2f2f2;
  --mdz-warm: #000000;
  --mdz-shell: #000000;
  --mdz-shell-soft: #141414;
  --mdz-radius-sm: 8px;
  --mdz-radius-md: 16px;
  --mdz-radius-lg: 28px;
  --mdz-shadow: -4px 4px 13px 0 rgba(0, 0, 0, 0.12);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--mdz-shell);
  color: var(--mdz-fg);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
}

.mdz-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mdz-warm);
}

.mdz-inline-link {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #666666;
  transition: color 0.2s ease;
}

.mdz-inline-link:hover {
  color: var(--mdz-fg);
}

.mdz-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}