/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/base/base.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
html, body, h1, h2, h3, h4, h5, h6, p, hr, abbr, address, b, blockquote, cite,
em, i, pre, q, small, strong, sub, sup, template, time, u, form, input, textarea,
button, select, optgroup, option, label, fieldset, legend, datalist, output,
iframe, img, map, area, canvas, figcaption, figure, picture, svg, audio, source,
track, video, a, nav, ul, ol, li, dl, dt, dd, table, caption, th, tr, td, thead,
tbody, tfoot, col, colgroup, div, span, header, footer, main, section, article,
aside, details, dialog, summary, data, object, embed {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
*::before,
*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --safe-area-left: 20px;
  --safe-area-right: 20px;
}
@media (min-width: 72em) {
  :root {
    --safe-area-left: 140px;
    --safe-area-right: 140px;
  }
}

body {
  padding-right: var(--safe-area-right);
  padding-left: var(--safe-area-left);
  max-width: 1440px;
  margin: 0 auto;
}

body {
  font-family: "Mallory";
  font-weight: 300;
  color: var(--text-color, #222);
  line-height: 1;
  overflow-x: hidden;
}

details summary {
  line-height: var(--summary-line-height, 1);
  align-items: center;
  background-color: var(--summary-background-color, transparent);
  color: var(--summary-color, inherit);
  cursor: var(--summary-cursor, pointer);
  display: var(--summary-display, inline-flex);
  font-family: var(--summary-font-family, Mallory);
  font-weight: var(--summary-font-weight, 400);
  font-size: var(--summary-font-size, inherit);
  position: relative;
  text-transform: var(--summary-text-transform, inherit);
  margin: var(--summary-margin, 0);
  transition: var(--summary-transition, all 200ms ease-in-out);
  padding: var(--summary-padding, 0);
  outline: var(--summary-outline);
  outline-offset: var(--summary-outline-offset, 4px);
}
[data-whatintent=keyboard] details summary:focus {
  --summary-outline: 4px dashed currentColor;
}
details summary::-webkit-details-marker, details summary::marker {
  display: none;
  content: "";
}
details summary::before {
  content: var(--summary-before-content, "");
  background-color: currentColor;
  -webkit-mask-image: var(--summary-before-mask-image, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjM1LjMgMTMyLjdjLTYuMjUtNi4yNS0xNi4zOC02LjI1LTIyLjYyIDBzLTYuMjUgMTYuMzggMCAyMi42MkwzMTMuNCAyNTZsLTEwMC43IDEwMC43Yy02LjI1IDYuMjUtNi4yNSAxNi4zOCAwIDIyLjYyczE2LjM4IDYuMjUgMjIuNjIgMGwxMTItMTEyQzM1MC40IDI2NC4yIDM1MiAyNjAuMSAzNTIgMjU2cy0xLjU2Mi04LjE4OC00LjY4OC0xMS4zMUwyMzUuMyAxMzIuN3pNMjU2IDBDMTE0LjYgMCAwIDExNC42IDAgMjU2czExNC42IDI1NiAyNTYgMjU2czI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDB6TTI1NiA0ODBjLTEyMy41IDAtMjI0LTEwMC41LTIyNC0yMjRzMTAwLjUtMjI0IDIyNC0yMjRzMjI0IDEwMC41IDIyNCAyMjRTMzc5LjUgNDgwIDI1NiA0ODB6Ii8+PC9zdmc+"));
          mask-image: var(--summary-before-mask-image, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjM1LjMgMTMyLjdjLTYuMjUtNi4yNS0xNi4zOC02LjI1LTIyLjYyIDBzLTYuMjUgMTYuMzggMCAyMi42MkwzMTMuNCAyNTZsLTEwMC43IDEwMC43Yy02LjI1IDYuMjUtNi4yNSAxNi4zOCAwIDIyLjYyczE2LjM4IDYuMjUgMjIuNjIgMGwxMTItMTEyQzM1MC40IDI2NC4yIDM1MiAyNjAuMSAzNTIgMjU2cy0xLjU2Mi04LjE4OC00LjY4OC0xMS4zMUwyMzUuMyAxMzIuN3pNMjU2IDBDMTE0LjYgMCAwIDExNC42IDAgMjU2czExNC42IDI1NiAyNTYgMjU2czI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDB6TTI1NiA0ODBjLTEyMy41IDAtMjI0LTEwMC41LTIyNC0yMjRzMTAwLjUtMjI0IDIyNC0yMjRzMjI0IDEwMC41IDIyNCAyMjRTMzc5LjUgNDgwIDI1NiA0ODB6Ii8+PC9zdmc+"));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  display: inline-flex;
  flex: 0 0 auto;
  height: 0.75em;
  width: 0.75em;
  margin-right: 0.5em;
  transition: transform 200ms ease-in-out;
}
details[open] > summary {
  --summary-margin: var(--summary-open-margin, 0 0 0.5em 0);
}
details[open] > summary::before {
  transform: rotate(90deg);
}

figure {
  height: var(--figure-height, auto);
  width: var(--figure-width, auto);
  display: var(--figure-display, inherit);
}
figure figcaption {
  margin: var(--figcaption-margin, 0.5em 0 0 0);
  display: var(--figcaption-display, table-caption);
  caption-side: var(--figcaption-caption-side, bottom);
  line-height: var(--figcaption-line-height, 1.3);
}

@font-face {
  font-family: "Mallory";
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/Mallory-Light.woff) format("woff"), url(../fonts/Mallory-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Mallory";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/Mallory-Book.woff) format("woff"), url(../fonts/Mallory-Book.woff2) format("woff2");
}
@font-face {
  font-family: "Mallory";
  font-weight: 400;
  font-style: italic;
  src: url(../fonts/Mallory-BookItalic.woff) format("woff"), url(../fonts/Mallory-BookItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Mallory";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/Mallory-Bold.woff) format("woff"), url(../fonts/Mallory-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "Mallory";
  font-weight: 700;
  font-style: italic;
  src: url(../fonts/Mallory-BoldItalic.woff) format("woff"), url(../fonts/Mallory-BoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "YaleNew";
  font-display: swap;
  font-style: normal;
  src: url(../fonts/YaleNew-Roman.woff2) format("woff2");
}
@font-face {
  font-family: "YaleNew";
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/YaleNew-Italic.woff2) format("woff2");
}
@font-face {
  font-family: "YaleNew";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/YaleNew-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "YaleNew";
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/YaleNew-BoldItalic.woff2) format("woff2");
}
html {
  font-size: calc(1.125 * 100%);
  scroll-behavior: smooth;
}

svg {
  width: var(--svg-width);
  height: var(--svg-height);
  display: var(--svg-display);
  margin: var(--svg-margin);
}
svg path {
  fill: var(--svg-path-fill, currentColor);
  transition: var(--svg-path-transition, all 200ms ease-in-out);
}

strong {
  font-weight: 700;
}

hr {
  border: var(--hr-border-width, 1px) var(--hr-border-style, solid) var(--hr-border-color, threedface);
  margin: var(--hr-margin, 0.5em 0);
  transform: scaleY(0.5);
}

button,
[role=button],
input[type=submit] {
  background-color: var(--button-background-color, transparent);
  border: var(--button-border-width, 0) var(--button-border-style, solid) var(--button-border-color, transparent);
  border-radius: var(--button-border-radius, 0);
  box-shadow: var(--button-box-shadow, none);
  color: var(--button-color, var(--text-color, inherit));
  cursor: var(--button-cursor, pointer);
  display: var(--button-display, inline-block);
  font-size: var(--button-font-size, inherit);
  font-weight: var(--button-font-weight, 400);
  font-family: var(--button-font-family, inherit);
  line-height: var(--button-line-height, 1);
  margin: var(--button-margin, 0);
  padding: var(--button-padding, 0);
  opacity: var(--button-opacity, 1);
  text-align: var(--button-text-align, inherit);
  text-transform: var(--button-text-transform, inherit);
  transition: var(--button-transition, all 200ms ease-in-out);
  width: var(--button-width, inherit);
  outline: var(--button-outline);
  outline-offset: var(--button-outline-offset, 4px);
}
[data-whatintent=keyboard] button:focus,
[data-whatintent=keyboard] [role=button]:focus,
[data-whatintent=keyboard] input[type=submit]:focus {
  --button-outline: 4px dashed currentColor;
}

h6, form select, form label, h5, h4, h3, h2, h1 {
  color: var(--heading-color, var(--text-color, #00356b));
  line-height: 1;
  font-family: var(--heading-font-family, Mallory);
  font-weight: var(--heading-font-weight, 400);
  text-transform: var(--heading-text-transform, none);
}

h1 {
  font-size: var(--h1-font-size, var(--heading-font-size, clamp( 2.0515181971rem, calc(1.6829127567rem + 1.8430272021vw), 3.1573345183rem )));
}

h2 {
  font-size: var(--h2-font-size, var(--heading-font-size, clamp( 1.776889rem, calc(1.579654321rem + 0.986173395vw), 2.368593037rem )));
}

h3 {
  font-size: var(--h3-font-size, var(--heading-font-size, clamp( 1.5390234037rem, calc(1.4597348715rem + 0.3964426606vw), 1.776889rem )));
}

h4 {
  font-size: var(--h4-font-size, var(--heading-font-size, clamp( 1.333rem, calc(1.333rem + 0vw), 1.333rem )));
}

h5 {
  font-size: var(--h5-font-size, var(--heading-font-size, clamp( 1rem, calc(1rem + 0vw), 1rem )));
}

h6, form select, form label {
  --heading-color: #222;
  --heading-font-weight: 800;
  --heading-font-family: Mallory;
  --heading-text-transform: uppercase;
  font-size: var(--h6-font-size, var(--heading-font-size, clamp( 0.7501875469rem, calc(0.7501875469rem + 0vw), 0.7501875469rem )));
  letter-spacing: 0.1em;
}

p {
  color: var(--p-color, var(--text-color, inherit));
  display: var(--p-display, block);
  font-family: var(--p-font-family, inherit);
  font-size: var(--p-font-size, inherit);
  font-style: var(--p-font-style, inherit);
  font-weight: var(--p-font-weight, inherit);
  line-height: var(--p-line-height, 1.6);
  margin: var(--p-margin, 0 0 1em 0);
  padding: var(--p-padding, 0);
}
p:last-of-type {
  margin-bottom: 0;
}

form input[type=submit]:first-child {
  --cta-padding: 1.2em 1.7em;
  --cta-border-radius: 4px;
  --cta-font-family: Mallory;
  --cta-font-weight: 700;
  --cta-text-transform: uppercase;
  --cta-text-decoration: none;
  --cta-width: auto;
  --cta-display: inline-block;
  --cta-text-align: center;
  --cta-font-size: 0.7501875469rem;
}

form input[type=submit]:first-child {
  --cta-color: #fff;
  --cta-background-color: #286dc0;
}

form input[type=submit]:first-child {
  --button-border-radius: var(--cta-border-radius);
  --button-text-transform: var(--cta-text-transform);
  --button-font-size: var(--cta-font-size);
  --button-font-family: var(--cta-font-family);
  --button-font-weight: var(--cta-font-weight);
  --button-padding: var(--cta-padding);
  --button-width: var(--cta-width);
}
form input[type=submit]:hover:first-child {
  --button-opacity: 0.8;
}

form input[type=submit]:first-child {
  --button-color: var(--cta-color);
  --button-background-color: var(--cta-background-color);
}

form {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

form {
  --grid-columns: 1;
  margin: var(--form-margin, inherit);
  padding: var(--form-padding, inherit);
  width: var(--form-width, inherit);
}
form input[type=email],
form input[type=password],
form input[type=text],
form input[type=file],
form input[type=tel],
form input[type=search],
form input[type=url],
form select,
form textarea {
  background-color: var(--form-input-background-color, inherit);
  border: var(--form-input-border-width, 1px) var(--form-input-border-style, solid) var(--form-input-border-color, #707070);
  border-radius: var(--form-input-border-radius, 4px);
  color: var(--form-input-color, var(--text-color, inherit));
  display: var(--form-input-display, block);
  font-family: var(--form-input-font-family, Mallory);
  font-size: var(--form-input-font-size, inherit);
  margin: var(--form-input-margin, 0);
  overflow: var(--form-input-overflow, visible);
  padding: var(--form-input-padding, 1em 1.5em);
  width: var(--form-input-width, 100%);
  outline: none;
}
form input[type=email]:invalid,
form input[type=password]:invalid,
form input[type=text]:invalid,
form input[type=file]:invalid,
form input[type=tel]:invalid,
form input[type=search]:invalid,
form input[type=url]:invalid,
form select:invalid,
form textarea:invalid {
  box-shadow: none;
}
form textarea {
  --form-input-overflow: auto;
  resize: none;
}
form select {
  --form-input-color: #00356b;
  --form-input-font-family: var(--heading-font-family);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
form label {
  --heading-color: var(--form-label, var(--text-color, inherit));
  display: inline-block;
  margin-bottom: 0.5em;
}

img {
  display: var(--img-display, block);
  max-width: var(--img-max-width, 100%);
  height: var(--img-height, auto);
  width: var(--img-width, auto);
  -o-object-fit: var(--img-object-fit, initial);
     object-fit: var(--img-object-fit, initial);
  position: var(--img-position);
}

a {
  background-color: var(--a-background-color, transparent);
  border: var(--a-border-width, 0) var(--a-border-style, solid) var(--a-border-color, transparent);
  border-radius: var(--a-border-radius, 0);
  color: var(--a-color, var(--text-color, #286dc0));
  cursor: var(--a-cursor, pointer);
  display: var(--a-display, inline);
  font-family: var(--a-font-family, inherit);
  font-size: var(--a-font-size, inherit);
  font-weight: var(--a-font-weight, inherit);
  letter-spacing: var(--a-letter-spacing, inherit);
  line-height: var(--a-line-height, 1);
  margin: var(--a-margin, 0);
  padding: var(--a-padding, 0);
  opacity: var(--a-opacity, 1);
  -webkit-text-decoration: var(--a-text-decoration, underline);
          text-decoration: var(--a-text-decoration, underline);
  text-align: var(--a-text-align, left);
  text-transform: var(--a-text-transform, inherit);
  transition: var(--a-transition, all 200ms ease-in-out);
  width: var(--a-width, inherit);
  outline: var(--a-outline);
  outline-offset: var(--a-outline-offset, 4px);
}
[data-whatintent=keyboard] a:focus {
  --a-outline: 4px dashed currentColor;
}

table {
  border: var(--table-border-width, 1px) var(--table-border-style, solid) var(--table-border-color, inherit);
  padding: var(--table-padding, 0);
  margin: var(--table-margin, 0);
  border-collapse: collapse;
  table-layout: auto;
  width: var(--table-width, inherit);
}
table tr {
  background-color: var(--table-tr-background-color);
}
table th {
  font-size: var(--table-th-font-size);
  font-family: var(--table-th-font-family);
  font-weight: var(--table-th-font-weight, 700);
  padding: var(--table-th-padding, 1rem);
  text-transform: var(--table-th-text-transform);
}
table td {
  padding: var(--table-td-padding, 1rem);
}
table:last-child {
  margin-bottom: 0;
}

blockquote {
  --p-font-family: var(--blockquote-font-family, Mallory);
  --p-font-style: var(--blockquote-font-style);
  --p-line-height: var(--blockquote-line-height, 1.1);
  --p-font-size: var(--blockquote-font-size, 1.776889rem);
  border-left: var(--blockquote-border-width, 5px) var(--blockquote-border-style, solid) var(--blockquote-border-color, #ddd);
  margin: var(--blockquote-margin, 0);
  padding: var(--blockquote-padding, 0 0 0 40px);
}

dl {
  display: var(--dl-display, block);
  margin: var(--dl-margin, 0);
  padding: var(--dl-padding, 2em);
}
dl dt {
  font-size: var(--dt-font-size, inherit);
  font-family: var(--dt-font-family, inherit);
  font-weight: var(--dt-font-weight, inherit);
  line-height: var(--dt-line-height, 1.5);
  margin: var(--dt-margin, 0);
  padding: var(--dt-padding, 0);
}
dl dd {
  font-size: var(--dd-font-size, inherit);
  font-family: var(--dd-font-family, inherit);
  font-weight: var(--dd-font-weight, inherit);
  line-height: var(--dd-line-height, 1.5);
  margin: var(--dd-margin, 0);
  padding: var(--dd-padding, 2em);
}

ul,
ol {
  margin: var(--list-margin, 1em 0);
  padding: var(--list-padding, 0 0 0 2em);
  display: var(--list-display, block);
  line-height: var(--list-line-height, 1.6);
}
ul li,
ol li {
  padding: var(--li-padding, 0);
  margin: var(--li-margin, 0);
}
ul li::marker,
ol li::marker {
  color: var(--li-marker-color);
  font-family: var(--li-marker-font-family);
  font-size: var(--li-marker-font-size);
  font-weight: var(--li-marker-font-weight);
}

ul li {
  list-style-type: var(--li-style-type);
}
