@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-Regular.woff2?v=1.001") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-Medium.woff2?v=1.001") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-SemiBold.woff2?v=1.001") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-Bold.woff2?v=1.001") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-ExtraBold.woff2?v=1.001") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-Black.woff2?v=1.001") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-Oblique.woff2?v=1.001") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-MediumOblique.woff2?v=1.001") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-SemiBoldOblique.woff2?v=1.001") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-BoldOblique.woff2?v=1.001") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-ExtraBoldOblique.woff2?v=1.001") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rillby";
  src: url("/assets/fonts/rillby/Rillby-BlackOblique.woff2?v=1.001") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Rillby Display";
  src: url("/assets/fonts/rillby/RillbyDisplay-Bold.woff2?v=1.006") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rillby Display";
  src: url("/assets/fonts/rillby/RillbyDisplay-Black.woff2?v=1.006") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* One April family across the site. The existing image wordmark stays artwork. */
body,
body p,
body li,
body dd,
body blockquote,
body .model-site,
body .legal-content,
button,
input,
textarea,
select {
  font-family: "Rillby", system-ui, sans-serif !important;
}

h1,
h2 {
  font-family: "Rillby Display", "Rillby", system-ui, sans-serif !important;
  font-weight: 900;
  letter-spacing: normal !important;
}

h3,
h4,
h5,
h6 {
  font-family: "Rillby", system-ui, sans-serif !important;
  font-weight: 700;
  letter-spacing: normal !important;
}

/* Rillby is already optically fitted and kerned. Legacy negative tracking
   belonged to the former geometric/condensed faces, not these outlines. */
:is(h1, h2, h3, h4, h5, h6) :is(span, em, strong, a) {
  letter-spacing: inherit !important;
}

.m-header-actions a,
.m-header-cta {
  font-size: 11px !important;
}

@media (max-width: 360px) {
  .m-header-actions { gap: 10px; }
  .m-header-actions a,
  .m-header-cta { font-size: 10px !important; }
  .m-header-cta { padding-inline: 12px; }
}