/* -----------------
   Minimal CSS Reset (blended with theme where sensible)
--------------------*/

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.03em;
  line-height: var(--lh-160);
}

body,
p,
span,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
figcaption,
button,
input,
textarea {
  letter-spacing: -0.03em;
}

main {
  display: block;
}

ul,
ol {
  margin: 0;
  padding: 0 0 0 30px;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}

img,
video {
  height: auto;
}

a {
  background-color: transparent;
  font-weight: 600;
}

button,
input,
select,
textarea,
optgroup {
  font: inherit;
  line-height: inherit;
  margin: 0;
}

button {
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  padding: 0;
}

[hidden] {
  display: none !important;
}

/* ===============
   Base Typography
==================*/

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: 700;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body hr {
  margin: 30px 0;
}

body p {
  margin: 15px 0;
}

body li:not(.menu-item):not(:first-of-type) {
    margin-top: 15px;
}

/* Default element sizes */
body p,
body li,
body a,
body button,
body div,
body input,
body select,
body textarea {
  font-size: var(--body-font);
  line-height: var(--lh-140);
}

/* Headings mapped to scale (sizes) */
body h1 {
  font-size: var(--fs-h1);
}
body h2 {
  font-size: var(--fs-h2);
}
body h3 {
  font-size: var(--fs-h3);
}
body h4 {
  font-size: var(--fs-h4);
}
body h5 {
  font-size: var(--fs-h5);
}

/* Headings line-heights (grouped) */
body h1 {
  line-height: var(--lh-110);
}
body h2,
body h3,
body h4 {
  line-height: var(--lh-110);
}
body h5 {
  line-height: var(--lh-140);
}

/* Eyebrow / pre-heading */
.preHeading,
.eyebrow {
  font-size: var(--pre-heading-font);
  line-height: var(--lh-140);
}


.section:last-of-type {
  margin-bottom: -70px;
  padding-bottom: calc(var(--spacing-y-axis) + 70px);
}