/* Exsoune global typography — official Google Fonts Raleway variable family. */
@font-face {
  font-family: "Exsoune Raleway";
  src: url("../../Fonts/Raleway/raleway-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Exsoune Raleway";
  src: url("../../Fonts/Raleway/raleway-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ex-font: "Exsoune Raleway", "Segoe UI", Arial, sans-serif;
  --ex-display: "Exsoune Raleway", "Segoe UI", Arial, sans-serif;
}

html,
body.ex-page {
  font-family: var(--ex-font) !important;
}

body.ex-page button,
body.ex-page input,
body.ex-page textarea,
body.ex-page select,
body.ex-page option {
  font-family: var(--ex-font) !important;
}

body.ex-page h1,
body.ex-page h2,
body.ex-page h3,
body.ex-page h4,
body.ex-page h5,
body.ex-page h6,
body.ex-page .ex-brand,
body.ex-page .ex-button,
body.ex-page .ex-nav a,
body.ex-page .ex-eyebrow {
  font-family: var(--ex-display) !important;
}

/* Croda-like restrained typography: let the variable font render real weights. */
body.ex-page { font-weight: 400; }
body.ex-page .ex-nav a,
body.ex-page .ex-button { font-weight: 500; }
body.ex-page h1,
body.ex-page h2,
body.ex-page h3 { font-weight: 500; }
body.ex-page strong,
body.ex-page b { font-weight: 600; }

/* Public media deterrence: prevents casual drag/save interactions without touching CMS icon fonts. */
.ex-page img,
.ex-page video,
.ex-page picture {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

body.ex-page h1{
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 2rem;
}