@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-SemiBold.woff2') format("woff2"), url('../fonts/Montserrat-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-LightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Italic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --color--white: #e3e0dd;
  --color--body-text: #574f47;
  --font-size--body-text: clamp(.9 * 1rem, ((.9 - ((1 - .9) / (90 - 20) * 20)) * 1rem + ((1 - .9) / (90 - 20)) * 100vw), 1 * 1rem);
  --heading--h1: clamp(1.67 * 1rem, ((1.67 - ((3 - 1.67) / (90 - 20) * 20)) * 1rem + ((3 - 1.67) / (90 - 20)) * 100vw), 3 * 1rem);
  --heading--h2: clamp(1.33 * 1rem, ((1.33 - ((1.85 - 1.33) / (90 - 20) * 20)) * 1rem + ((1.85 - 1.33) / (90 - 20)) * 100vw), 1.85 * 1rem);
  --heading--h3: clamp(1 * 1rem, ((1 - ((1.15 - 1) / (90 - 20) * 20)) * 1rem + ((1.15 - 1) / (90 - 20)) * 100vw), 1.15 * 1rem);
  --heading--h4: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (90 - 20) * 20)) * 1rem + ((.875 - .875) / (90 - 20)) * 100vw), .875 * 1rem);
  --margin--8: clamp(.5 * 1rem, ((.5 - ((.5 - .5) / (90 - 20) * 20)) * 1rem + ((.5 - .5) / (90 - 20)) * 100vw), .5 * 1rem);
  --margin--32: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (90 - 20) * 20)) * 1rem + ((2 - 1.5) / (90 - 20)) * 100vw), 2 * 1rem);
  --margin--16: clamp(1 * 1rem, ((1 - ((1 - 1) / (90 - 20) * 20)) * 1rem + ((1 - 1) / (90 - 20)) * 100vw), 1 * 1rem);
  --margin--12: clamp(.75 * 1rem, ((.75 - ((.75 - .75) / (90 - 20) * 20)) * 1rem + ((.75 - .75) / (90 - 20)) * 100vw), .75 * 1rem);
  --margin--24: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (90 - 20) * 20)) * 1rem + ((1.5 - 1.125) / (90 - 20)) * 100vw), 1.5 * 1rem);
  --color--brand-primary: #aa5232;
  --margin--40: clamp(1.875 * 1rem, ((1.875 - ((2.5 - 1.875) / (90 - 20) * 20)) * 1rem + ((2.5 - 1.875) / (90 - 20)) * 100vw), 2.5 * 1rem);
  --margin--20: clamp(1.075 * 1rem, ((1.075 - ((1.25 - 1.075) / (90 - 20) * 20)) * 1rem + ((1.25 - 1.075) / (90 - 20)) * 100vw), 1.25 * 1rem);
  --color--element-dark: #544d45;
  --color--text-light: #d1ccc7;
  --margin--56: clamp(2.625 * 1rem, ((2.625 - ((3.5 - 2.625) / (90 - 20) * 20)) * 1rem + ((3.5 - 2.625) / (90 - 20)) * 100vw), 3.5 * 1rem);
  --color--element: #dad6d2;
  --margin--48: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (90 - 20) * 20)) * 1rem + ((3 - 2.25) / (90 - 20)) * 100vw), 3 * 1rem);
  --color--black: #212121;
  --color--transparent: transparent;
  --font-size--richtext\<deleted\|variable-d1c03609-2b8a-d6ca-6c93-10aea1772a68\>: 1.125rem;
  --margin--64: clamp(3 * 1rem, ((3 - ((4 - 3) / (90 - 20) * 20)) * 1rem + ((4 - 3) / (90 - 20)) * 100vw), 4 * 1rem);
  --margin--72: clamp(3.375 * 1rem, ((3.375 - ((4.5 - 3.375) / (90 - 20) * 20)) * 1rem + ((4.5 - 3.375) / (90 - 20)) * 100vw), 4.5 * 1rem);
  --margin--80: clamp(3.75 * 1rem, ((3.75 - ((5 - 3.75) / (90 - 20) * 20)) * 1rem + ((5 - 3.75) / (90 - 20)) * 100vw), 5 * 1rem);
  --margin--88: clamp(4.125 * 1rem, ((4.125 - ((5.5 - 4.125) / (90 - 20) * 20)) * 1rem + ((5.5 - 4.125) / (90 - 20)) * 100vw), 5.5 * 1rem);
  --margin--96: clamp(4.5 * 1rem, ((4.5 - ((6 - 4.5) / (90 - 20) * 20)) * 1rem + ((6 - 4.5) / (90 - 20)) * 100vw), 6 * 1rem);
  --margin--160: clamp(7.5 * 1rem, ((7.5 - ((10 - 7.5) / (90 - 20) * 20)) * 1rem + ((10 - 7.5) / (90 - 20)) * 100vw), 10 * 1rem);
  --font-size--small: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (90 - 20) * 20)) * 1rem + ((.875 - .875) / (90 - 20)) * 100vw), .875 * 1rem);
  --margin--4: clamp(.25 * 1rem, ((.25 - ((.25 - .25) / (90 - 20) * 20)) * 1rem + ((.25 - .25) / (90 - 20)) * 100vw), .25 * 1rem);
  --font-size--xlarge\<deleted\|variable-b1e595b4-b29a-6f5c-e8f9-996ae660a1da\>: 1.87rem;
  --font-size--medium: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (90 - 20) * 20)) * 1rem + ((1.25 - 1) / (90 - 20)) * 100vw), 1.25 * 1rem);
  --margin--128: clamp(6 * 1rem, ((6 - ((8 - 6) / (90 - 20) * 20)) * 1rem + ((8 - 6) / (90 - 20)) * 100vw), 8 * 1rem);
  --margin--144: clamp(6.75 * 1rem, ((6.75 - ((9 - 6.75) / (90 - 20) * 20)) * 1rem + ((9 - 6.75) / (90 - 20)) * 100vw), 9 * 1rem);
  --margin--192: clamp(9 * 1rem, ((9 - ((12 - 9) / (90 - 20) * 20)) * 1rem + ((12 - 9) / (90 - 20)) * 100vw), 12 * 1rem);
  --font-size--xsmall: clamp(.75 * 1rem, ((.75 - ((.75 - .75) / (90 - 20) * 20)) * 1rem + ((.75 - .75) / (90 - 20)) * 100vw), .75 * 1rem);
  --color--text-dark: #464039;
  --color--brand-accent\<deleted\|variable-42b71af4-5d11-1df7-3563-22a001cfa31c\>: #7ae19c;
  --color--element-black: #333;
  --color--black\<deleted\|variable-70a03172-020b-94d2-0ec7-e49beb2e0fda\>: black;
  --color--text-grey: #a3998f;
  --color--brand-secondary: #5d3627;
  --color--brand-element: #b97d66;
  --color--brand-light: #c50;
  --margin--0: 0rem;
  --heading--eyebrow: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (90 - 20) * 20)) * 1rem + ((.875 - .875) / (90 - 20)) * 100vw), .875 * 1rem);
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--color--white);
  color: var(--color--body-text);
  font-family: Montserrat Custom, Arial, sans-serif;
  font-size: var(--font-size--body-text);
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.4;
}

h1 {
  font-size: var(--heading--h1);
  letter-spacing: -.03em;
  text-wrap: balance;
  max-width: 20ch;
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 700;
  line-height: 1;
}

h2 {
  font-size: var(--heading--h2);
  letter-spacing: -.033em;
  text-wrap: balance;
  max-width: 32ch;
  margin-top: 0;
  margin-bottom: .67em;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  font-size: var(--heading--h3);
  letter-spacing: -.01em;
  text-transform: capitalize;
  text-wrap: balance;
  max-width: 42ch;
  margin-top: 0;
  margin-bottom: 1em;
  font-weight: 500;
  line-height: 1.35;
}

h4 {
  font-size: var(--heading--h4);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  text-wrap: pretty;
  max-width: 40ch;
  margin-bottom: 1em;
}

a {
  text-decoration: underline;
}

ul {
  padding-left: var(--margin--8);
  text-wrap: pretty;
  color: inherit;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1em;
}

ol {
  padding-left: var(--margin--32);
  flex-flow: column;
  max-width: 48ch;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

li {
  margin-bottom: .5em;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
}

form {
  width: 100%;
  position: relative;
}

label {
  margin-bottom: 0;
  font-weight: 300;
  display: block;
}

strong {
  font-weight: 500;
}

em {
  font-style: italic;
}

blockquote {
  margin-bottom: var(--margin--16);
  padding-top: var(--margin--12);
  padding-right: var(--margin--24);
  padding-bottom: var(--margin--12);
  padding-left: var(--margin--24);
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--color--brand-primary);
  font-size: var(--font-size--body-text);
  text-wrap: pretty;
  max-width: 40ch;
  line-height: 1.5;
}

.grid {
  grid-column-gap: var(--margin--40);
  grid-row-gap: var(--margin--40);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid.calculator-choices {
  padding-top: var(--margin--20);
  padding-bottom: var(--margin--16);
  grid-column-gap: var(--margin--32);
  grid-row-gap: var(--margin--32);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.grid.c12 {
  grid-template-columns: 1fr 2fr;
}

.grid.calculator-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: var(--margin--20);
  grid-template-columns: minmax(320px, 1fr) 1.5fr;
}

.grid.tab-grid {
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  place-items: end start;
}

.grid.c3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.flex-space-between {
  grid-column-gap: 1rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.margin-top-40 {
  margin-top: var(--margin--40);
}

.relative-wrapper {
  position: relative;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 70rem;
  display: flex;
  position: relative;
}

.container.center-align {
  align-items: center;
}

.container.calculator-bar {
  z-index: 4;
  margin-top: var(--margin--12);
  margin-bottom: var(--margin--12);
  padding: var(--margin--8);
  grid-column-gap: var(--margin--20);
  grid-row-gap: var(--margin--20);
  background-color: var(--color--element-dark);
  color: var(--color--text-light);
  border-radius: .75em;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 2px 2px 4px #0003;
}

.text-center {
  text-align: center;
}

.margin-bottom-16 {
  margin-bottom: var(--margin--16);
}

.margin-top-16 {
  margin-top: var(--margin--16);
}

.margin-top-32 {
  margin-top: var(--margin--32);
}

.margin-bottom-32 {
  margin-bottom: var(--margin--32);
}

.margin-bottom-32:last-child {
  margin-bottom: 0;
}

.margin-top-24 {
  margin-top: var(--margin--24);
}

.margin-bottom-24 {
  margin-bottom: var(--margin--24);
}

.margin-bottom-24:last-child {
  margin-bottom: 0;
}

.margin-bottom-56 {
  margin-bottom: var(--margin--56);
}

.margin-top-56 {
  margin-top: var(--margin--56);
}

.margin-bottom-40 {
  margin-bottom: var(--margin--40);
}

.horizontal-line {
  margin-top: var(--margin--40);
  margin-bottom: var(--margin--40);
  background-color: var(--color--element);
  border: none;
  width: 100%;
  height: 1px;
}

.margin-top-48 {
  margin-top: var(--margin--48);
}

.margin-bottom-48 {
  margin-bottom: var(--margin--48);
}

.margin-top-8 {
  margin-top: var(--margin--8);
}

.margin-bottom-8 {
  margin-bottom: var(--margin--8);
}

.nav-wrapper {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--color--element-dark);
  background-color: var(--color--black);
  border-radius: 0 0 .5em .5em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 72rem;
  display: flex;
  position: relative;
}

.nav-menu {
  grid-column-gap: var(--margin--48);
  grid-row-gap: var(--margin--48);
  height: 100%;
  display: flex;
}

.nav-menu.mobile {
  background-color: var(--color--transparent);
}

.nav-logo-wrapper {
  z-index: 2;
  margin-left: var(--margin--24);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hamburger-menu {
  padding-right: var(--margin--8);
  padding-left: var(--margin--8);
  background-color: var(--color--transparent);
  grid-row-gap: var(--gap);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: flex;
}

.menu-bar {
  background-color: var(--color--text-light);
  height: var(--thickness);
  width: var(--width);
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
}

.calculator-item {
  z-index: 3;
  padding: var(--margin--16) var(--margin--16) var(--margin--12);
  border: 1px solid var(--color--element);
  border-radius: .5em;
  flex-flow: column;
  width: 100%;
  transition: all .5s;
  overflow: hidden;
}

.calculator-item:hover {
  background-color: var(--color--element);
}

.calculator-toggle {
  padding-top: var(--margin--8);
  padding-right: 0;
  padding-bottom: var(--margin--8);
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  color: inherit;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.faq-question {
  font-size: var(--font-size--richtext\<deleted\|variable-d1c03609-2b8a-d6ca-6c93-10aea1772a68\>);
  font-weight: 500;
}

.text-link {
  color: var(--color--brand-primary);
  text-decoration: underline;
  overflow: hidden;
}

.link-line {
  background-color: var(--color--brand-primary);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(-101%);
}

.form-block {
  border-radius: var(--margin--16);
  background-color: var(--color--white);
  margin-bottom: 0;
}

.modal {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding-left: 6vw;
  padding-right: 6vw;
  transition: all .5s;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-overlay {
  background-color: var(--color--black);
  opacity: .92;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.modal-content {
  z-index: 1;
  width: 100%;
  max-width: 520px;
  position: relative;
  overflow: hidden;
}

.modal-header {
  border: 1px solid var(--color--white);
  background-color: var(--color--black);
  color: var(--color--text-light);
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.modal-body {
  background-color: var(--color--white);
  border-bottom-right-radius: .5em;
  border-bottom-left-radius: .5em;
  max-height: 70vh;
  padding: 1.5rem 1.5rem 2rem;
  overflow: auto;
}

.margin-bottom-64 {
  margin-bottom: var(--margin--64);
}

.margin-bottom-72 {
  margin-bottom: var(--margin--72);
}

.margin-bottom-80 {
  margin-bottom: var(--margin--80);
}

.margin-bottom-88 {
  margin-bottom: var(--margin--88);
}

.margin-bottom-96 {
  margin-bottom: var(--margin--96);
}

.margin-bottom-160 {
  margin-bottom: var(--margin--160);
}

.margin-top-64 {
  margin-top: var(--margin--64);
}

.margin-top-72 {
  margin-top: var(--margin--72);
}

.margin-top-80 {
  margin-top: var(--margin--80);
}

.margin-top-88 {
  margin-top: var(--margin--88);
}

.margin-top-96 {
  margin-top: var(--margin--96);
}

.margin-top-160 {
  margin-top: var(--margin--160);
}

.flex-vertical-start {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.button {
  padding-top: var(--margin--12);
  padding-right: var(--margin--32);
  padding-bottom: var(--margin--12);
  padding-left: var(--margin--32);
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--brand-primary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--brand-primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--brand-primary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--brand-primary);
  background-color: var(--color--brand-primary);
  color: var(--color--element);
  font-size: var(--font-size--small);
  text-transform: capitalize;
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button.outline {
  background-color: var(--color--transparent);
  color: var(--color--brand-primary);
}

.button.outline.white {
  border-color: var(--color--text-light);
  color: var(--color--text-light);
}

.button.modal-trigger {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.right {
  justify-content: center;
  align-items: center;
  padding-right: 1.75rem;
  display: flex;
}

.button.small {
  padding: var(--margin--8) var(--margin--20);
}

.button.small.mobile {
  margin-top: var(--margin--12);
  margin-right: var(--margin--16);
}

.icon-16 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.link-block {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.bottom-line {
  background-color: var(--color--element);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.list-item {
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-wrapper {
  height: 100%;
}

.dropdown-toggle {
  background-color: #0000;
  width: 100%;
  height: 100%;
  transition: color .3s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.dropdown-toggle.mobile {
  display: none;
}

.caret {
  width: var(--font-size--body-text);
  height: var(--font-size--body-text);
  justify-content: center;
  align-items: center;
  transition: transform .3s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.bg-image-wrapper {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-overlay {
  background-color: #00000040;
  position: absolute;
  inset: 0%;
}

.bg-overlay.gradient {
  background-color: var(--color--transparent);
  background-image: linear-gradient(180deg, var(--color--black), var(--color--transparent));
}

.breadcrumb {
  margin-bottom: var(--margin--32);
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  max-width: none;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.breadcrumb-link {
  color: #6b6b6b;
  font-weight: 400;
  text-decoration: none;
}

.xlarge-text {
  font-size: var(--font-size--xlarge\<deleted\|variable-b1e595b4-b29a-6f5c-e8f9-996ae660a1da\>);
  max-width: 26ch;
  line-height: 1.2;
}

.large-text {
  font-size: var(--font-size--medium);
}

.media-wrapper {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .5em;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.media-wrapper.magazine {
  aspect-ratio: 6 / 4;
}

.media-wrapper.anamorphic {
  aspect-ratio: 2.39;
  display: block;
}

.media-wrapper.video {
  aspect-ratio: 16 / 9;
  height: 20vw;
  padding-top: 0%;
}

.media-wrapper.portrait {
  aspect-ratio: 5 / 4;
  height: 33vw;
}

.media-wrapper.square {
  aspect-ratio: 1;
}

.media-wrapper.client-image {
  filter: saturate(66.6667%);
  aspect-ratio: 1;
  border-radius: 50%;
  width: 1.75rem;
}

.media-wrapper.client-image.negative-margin {
  z-index: 1;
  margin-left: -1.125rem;
}

.quantity-label {
  margin-bottom: var(--margin--4);
  text-transform: uppercase;
  max-width: 50ch;
  font-size: .675rem;
}

.margin-bottom-4 {
  margin-bottom: var(--margin--4);
}

.margin-bottom-12 {
  margin-bottom: var(--margin--12);
}

.margin-bottom-20 {
  margin-bottom: var(--margin--20);
}

.margin-bottom-128 {
  margin-bottom: var(--margin--128);
}

.margin-bottom-144 {
  margin-bottom: var(--margin--144);
}

.margin-bottom-192 {
  margin-bottom: var(--margin--192);
}

.medium-text {
  font-size: var(--font-size--medium);
}

.small-text {
  font-size: var(--font-size--small);
}

.small-text.no-margin-bottom {
  text-transform: none;
}

.xsmall-text {
  font-size: var(--font-size--xsmall);
}

.button-wrapper {
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.links-list {
  margin-top: var(--margin--8);
  margin-bottom: var(--margin--32);
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  text-transform: capitalize;
  flex-flow: column;
  width: 100%;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.navigation-bar {
  background-color: inherit;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 4rem;
  display: flex;
  position: relative;
}

.navigation-bar.mobile {
  display: none;
}

.global-header {
  z-index: 99;
  color: var(--color--text-light);
  font-size: var(--font-size--small);
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.icon-24 {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.nav-menu-item {
  padding-top: var(--margin--16);
  padding-right: var(--margin--16);
  padding-bottom: var(--margin--16);
  padding-left: var(--margin--16);
  text-transform: capitalize;
  color: inherit;
}

.nav-menu-item.mobile {
  padding-top: var(--margin--16);
  padding-bottom: var(--margin--16);
  padding-left: var(--margin--16);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-menu-list.mobile {
  margin-left: var(--margin--32);
  padding-top: var(--margin--8);
  padding-bottom: var(--margin--24);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: right;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
}

.menu-button {
  z-index: 2;
  margin-right: var(--margin--8);
  background-color: inherit;
  border-radius: .25em;
  width: 3rem;
  height: 3rem;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.menu-button.w--open {
  background-color: var(--color--element-dark);
}

.nav-menu-list-wrapper {
  padding-right: var(--margin--16);
  grid-column-gap: var(--margin--24);
  grid-row-gap: var(--margin--24);
  background-color: var(--color--transparent);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-list-wrapper.mobile {
  padding-right: var(--margin--8);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.tag {
  margin-bottom: var(--margin--12);
  padding-top: var(--margin--8);
  padding-right: var(--margin--8);
  padding-bottom: var(--margin--8);
  padding-left: var(--margin--8);
  border-top-left-radius: var(--margin--4);
  border-top-right-radius: var(--margin--4);
  border-bottom-left-radius: var(--margin--4);
  border-bottom-right-radius: var(--margin--4);
  background-color: var(--color--element);
  color: var(--color--text-dark);
  font-size: var(--font-size--xsmall);
  text-transform: capitalize;
  display: inline-block;
}

.tag.component {
  border: 1px solid var(--color--brand-accent\<deleted\|variable-42b71af4-5d11-1df7-3563-22a001cfa31c\>);
  background-color: var(--color--transparent);
}

.tag.universal {
  background-color: var(--color--brand-primary);
}

.tag.bg-light {
  position: relative;
}

.nav-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.nav-container.mobile {
  margin-top: var(--margin--8);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--element-dark);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--element-dark);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--element-dark);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--element-dark);
  background-color: var(--color--black);
  border-radius: .5em;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
}

.dropdown-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.dropdown-height {
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: grid;
  position: absolute;
  inset: 0% 0% auto auto;
}

.dropdown-height.mobile {
  margin-bottom: var(--margin--32);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--element-dark);
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.dropdown-list {
  border-radius: var(--margin--4);
  background-color: var(--color--black);
  -webkit-text-stroke-color: #fff;
  flex-flow: column;
  width: 100%;
  min-width: 16.8rem;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.dropdown-list.mobile {
  padding-right: var(--margin--16);
}

.dropdown-item {
  margin-bottom: var(--margin--8);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.code-embed {
  position: absolute;
  inset: 0%;
}

.note {
  font-size: var(--font-size--xsmall);
  letter-spacing: -.02em;
  font-style: italic;
}

.button-text.absolute {
  position: absolute;
}

.button-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-20 {
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: 1.25rem;
  display: flex;
}

.eyebrow-wrapper {
  margin-bottom: var(--margin--16);
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.margin-top-4 {
  margin-top: var(--margin--4);
}

.margin-top-12 {
  margin-top: var(--margin--12);
}

.margin-top-20 {
  margin-top: var(--margin--20);
}

.margin-top-128 {
  margin-top: var(--margin--128);
}

.margin-top-144 {
  margin-top: var(--margin--144);
}

.margin-top-192 {
  margin-top: var(--margin--192);
}

.bg-dark {
  background-color: var(--color--black);
  color: var(--color--text-light);
}

.card {
  padding: var(--margin--16);
  border: 1px solid var(--color--element-dark);
  border-radius: .5em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.card.bg-light {
  padding-top: var(--margin--20);
  padding-bottom: var(--margin--4);
  padding-left: var(--margin--20);
}

.card.article-summary {
  margin-top: var(--margin--16);
  padding-top: var(--margin--20);
  padding-bottom: var(--margin--4);
  background-color: var(--color--element);
  color: var(--color--body-text);
  border-style: none;
}

.card.results-summary {
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  background-color: var(--color--element);
  color: var(--color--element-black);
  font-size: var(--font-size--body-text);
  border-style: none;
  flex-flow: column;
}

.color-brand {
  color: var(--color--brand-primary);
}

.text-align-right {
  text-align: right;
}

.all-caps {
  text-transform: uppercase;
}

.title-case {
  text-transform: capitalize;
}

.input-wrapper {
  margin-bottom: var(--margin--16);
  padding-bottom: var(--margin--40);
  min-height: 4rem;
  position: relative;
}

.input-wrapper.message {
  min-height: 10rem;
}

.input-field {
  z-index: 2;
  padding: var(--margin--24) var(--margin--16) var(--margin--8);
  border: 1px solid var(--color--element-dark);
  background-color: var(--color--transparent);
  border-radius: .5em;
  height: 100%;
  min-height: 3rem;
  margin-bottom: 0;
  position: absolute;
  inset: 0%;
}

.input-field.selector {
  color: var(--color--black);
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/arrow-down.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 24px;
  background-attachment: scroll;
  font-weight: 300;
}

.input-field.selector:hover {
  color: var(--color--black\<deleted\|variable-70a03172-020b-94d2-0ec7-e49beb2e0fda\>);
}

.input-field.message {
  padding-top: var(--margin--40);
  font-weight: 400;
}

.input-label {
  z-index: 3;
  margin-bottom: 0;
  margin-left: var(--margin--16);
  padding-top: var(--margin--12);
  padding-bottom: var(--margin--4);
  color: var(--color--black);
  transition: all .3s;
  position: relative;
}

.form-wrapper {
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.no-padding {
  padding: 0;
}

.no-side-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-1rem {
  padding: var(--margin--16);
}

.padding-0-5rem {
  padding: var(--margin--8);
}

.padding-1-5rem {
  padding: var(--margin--24);
}

.padding-2rem {
  padding: var(--margin--32);
}

.padding-top-1rem {
  padding-top: var(--margin--16);
}

.padding-bottom-1rem {
  padding-bottom: var(--margin--16);
}

.padding-left-1rem {
  padding-left: var(--margin--12);
}

.padding-right-1rem {
  padding-right: var(--margin--16);
}

.margin-top-auto {
  margin-top: auto;
}

.overflow-none {
  overflow: hidden;
}

.calculator-checkbox {
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.calculator-choices {
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.calculator-content {
  background-color: var(--color--transparent);
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  transition: all .4s;
  position: static;
  overflow: hidden;
}

.bullet {
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  display: flex;
}

.nav-menu-list-item {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.bg-neutral {
  background-color: var(--color--element-dark);
  color: var(--color--text-light);
}

.height-100 {
  height: 100%;
}

.bg-light {
  background-color: var(--color--white);
}

.color-dark {
  color: var(--color--text-dark);
}

.color-light {
  color: var(--color--white);
}

.bg-body-text {
  background-color: var(--color--body-text);
}

.bg-brand {
  background-color: var(--color--brand-primary);
  color: var(--color--text-light);
}

.font-weight-900 {
  font-weight: 900;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.rich-text-block ul {
  margin-bottom: var(--margin--20);
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  flex-flow: column;
  max-width: none;
  list-style-type: none;
  display: flex;
}

.rich-text-block p {
  margin-bottom: var(--margin--16);
  max-width: none;
}

.rich-text-block ol {
  margin-bottom: var(--margin--20);
  padding-left: var(--margin--40);
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  flex-flow: column;
  max-width: none;
  display: flex;
}

.rich-text-block li {
  padding-left: var(--margin--8);
}

.rich-text-block h2 {
  max-width: 38ch;
}

.rich-text-block h3 {
  margin-top: var(--margin--40);
  max-width: 50ch;
  font-weight: 600;
}

.rich-text-block strong {
  color: var(--color--text-dark);
}

.rich-text-block blockquote {
  margin-top: var(--margin--20);
  margin-bottom: var(--margin--24);
  margin-left: var(--margin--12);
  padding-top: var(--margin--16);
  padding-bottom: var(--margin--16);
  background-color: var(--color--text-light);
  border-left-style: none;
  border-radius: .5em;
  max-width: 50ch;
  font-style: italic;
  line-height: 1.5;
  box-shadow: 4px 4px #0003;
}

.rich-text-block h4 {
  margin-top: var(--margin--32);
  margin-bottom: var(--margin--12);
  font-size: var(--font-size--body-text);
}

.rich-text-block a {
  color: var(--color--brand-primary);
  text-decoration: underline;
}

.rich-text-block figure {
  margin-top: var(--margin--40);
  margin-bottom: var(--margin--40);
  overflow: hidden;
}

.article-meta-wrapper {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  font-size: var(--font-size--xsmall);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.article-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 66ch;
  display: flex;
}

.section-break-image {
  height: 100%;
  min-height: 380px;
  max-height: 420px;
}

.ordered-list-item {
  padding-left: var(--margin--12);
}

.quantity-wrapper {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.quantity {
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.decrement {
  border: 1px solid var(--color--text-grey);
  color: var(--color--text-grey);
  cursor: pointer;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .25s;
  display: flex;
}

.decrement:hover {
  border-color: var(--color--brand-primary);
  color: var(--color--brand-primary);
}

.decrement:active {
  background-color: var(--color--brand-primary);
  color: var(--color--white);
}

.input {
  height: var(--margin--32);
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.input:hover {
  background-color: var(--color--white);
}

.increment {
  border: 1px solid var(--color--text-grey);
  color: var(--color--text-grey);
  cursor: pointer;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 2.5rem;
  transition: all .25s;
  display: flex;
}

.increment:hover {
  border-color: var(--color--brand-primary);
  color: var(--color--brand-primary);
}

.increment:active {
  background-color: var(--color--brand-primary);
  color: var(--color--white);
}

.room-selection-list-item {
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.specific-selection {
  font-size: var(--font-size--xsmall);
}

.selections-wrapper {
  margin-bottom: var(--margin--12);
  padding-right: var(--margin--16);
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 33vh;
  display: flex;
  overflow-y: auto;
}

.rooms-selection {
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.reset-button {
  padding: var(--margin--8);
  font-size: var(--font-size--xsmall);
}

.total-summary {
  margin-bottom: var(--margin--8);
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.summary-text {
  font-size: var(--font-size--xsmall);
  font-weight: 600;
}

.calculator-summary {
  z-index: 4;
  padding: var(--margin--16);
  border: 1px solid var(--color--element);
  background-color: var(--color--white);
  border-radius: .75em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.font-weight-500 {
  font-weight: 500;
}

.no-max-width {
  max-width: none;
}

.eyebrow-icon {
  background-color: var(--color--body-text);
  width: .5rem;
  height: .5rem;
}

.align-self-center {
  align-self: center;
}

.article-hero {
  padding-top: var(--margin--128);
  padding-bottom: var(--margin--64);
}

.italics {
  font-style: italic;
}

.flex {
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex.gap-4 {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
}

.nav-logo {
  z-index: 8;
  margin-left: var(--margin--24);
  color: var(--color--white);
  font-weight: 900;
  transition: all .4s;
  position: relative;
}

.nav-logo:hover {
  color: var(--color--brand-primary);
}

.nav-menu-link {
  text-transform: capitalize;
  width: 100%;
  height: 100%;
  padding: 1rem;
  transition: all .3s;
}

.nav-menu-link:hover {
  color: var(--color--brand-primary);
}

.sticky-wrapper {
  top: var(--margin--80);
  position: sticky;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.align-self-right {
  align-self: flex-end;
}

.padding-left-05rem {
  padding-left: var(--margin--8);
}

.faq-item {
  z-index: 3;
  margin-bottom: var(--margin--12);
  padding: var(--margin--16) var(--margin--12) var(--margin--12) var(--margin--16);
  border-radius: .5em;
  flex-flow: column;
  width: 100%;
  transition: all .5s;
  overflow: hidden;
}

.faq-item:hover {
  background-color: var(--color--element);
}

.faq-toggle {
  padding-top: var(--margin--8);
  padding-right: 0;
  padding-bottom: var(--margin--8);
  grid-column-gap: var(--margin--12);
  grid-row-gap: var(--margin--12);
  color: inherit;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.faq-checkbox {
  z-index: 2;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.faq-content {
  background-color: var(--color--transparent);
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  position: static;
  overflow: hidden;
}

.faq-answer {
  padding-top: var(--margin--8);
  padding-bottom: var(--margin--16);
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.color-grey {
  color: var(--color--text-grey);
}

.tab-content {
  margin-bottom: var(--margin--64);
  padding: var(--margin--16) var(--margin--16) var(--margin--32);
  grid-column-gap: var(--margin--48);
  grid-row-gap: var(--margin--48);
  background-color: var(--color--element);
  color: var(--color--text-dark);
  border-radius: .5em;
  flex-flow: column;
  display: flex;
}

.tab-input-field {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--transparent);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--transparent);
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--text-grey);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--transparent);
  background-color: var(--color--transparent);
  color: var(--color--body-text);
  margin-bottom: 0;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.tab-input-field:hover {
  background-color: var(--color--white);
}

.tab-input-field::placeholder {
  font-size: var(--font-size--xsmall);
}

.tab-list {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  text-wrap: nowrap;
  flex-flow: column;
  max-width: 80ch;
  display: flex;
}

.tab-list-item {
  display: flex;
}

.font-weight-400 {
  font-weight: 400;
}

.max-padding {
  padding-left: 4vw;
  padding-right: 4vw;
}

.print-banner {
  padding: var(--margin--12) var(--margin--24) var(--margin--16);
  background-color: var(--color--element-dark);
  color: var(--color--text-light);
  text-align: center;
  border-radius: .5em;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 42rem;
  display: flex;
  position: sticky;
  bottom: -60px;
}

.print-banner:hover {
  bottom: 16px;
}

.font-weight-600 {
  font-weight: 600;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-column-gap: var(--margin--16);
  grid-row-gap: var(--margin--16);
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.bulleted-list {
  padding-left: var(--margin--20);
}

.no-bottom-padding {
  padding-bottom: 0;
}

.hide {
  display: none;
}

.recommendation-card {
  margin-bottom: var(--margin--24);
  padding-top: var(--margin--24);
  padding-bottom: var(--margin--24);
  border-bottom: 1px solid var(--color--brand-primary);
  flex-flow: column;
  display: none;
}

.h3-wrapper {
  grid-column-gap: var(--margin--8);
  grid-row-gap: var(--margin--8);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.span-wrapper {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.max-width-50ch {
  max-width: 50ch;
}

.flex-center {
  grid-column-gap: var(--margin--4);
  grid-row-gap: var(--margin--4);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.padding-top-64 {
  padding-top: var(--margin--64);
}

.padding-top-4 {
  padding-top: var(--margin--4);
}

.no-margin-top {
  margin-top: 0;
}

.flex-vertical {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .grid.calculator-choices {
    padding-bottom: var(--margin--8);
  }

  .grid.tablet-stack {
    grid-row-gap: var(--margin--20);
    grid-template-columns: 1fr;
  }

  .container.calculator-bar {
    justify-content: flex-end;
    align-items: center;
  }

  .hamburger-menu {
    display: flex;
    position: relative;
  }

  .calculator-toggle {
    grid-column-gap: 20px;
  }

  .faq-question {
    white-space: normal;
  }

  .navigation-bar.mobile {
    display: none;
  }

  .input-label {
    z-index: 1;
  }

  .input {
    height: var(--margin--48);
  }

  .calculator-summary {
    max-width: none;
    position: static;
  }

  .faq-toggle {
    grid-column-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .grid.calculator-choices {
    grid-column-gap: var(--margin--40);
    grid-row-gap: var(--margin--40);
  }

  .grid.landscape-stack, .grid.tab-grid {
    grid-template-columns: 1fr;
  }

  .nav-logo-wrapper {
    padding-left: 0;
  }

  .modal {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .navigation-bar.mobile {
    min-height: 3.5rem;
  }

  .global-header {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .rich-text-block ul, .rich-text-block p, .rich-text-block ol {
    font-size: var(--font-size--body-text);
  }

  .tab-list {
    text-wrap: wrap;
  }

  .flex-center {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .container.calculator-bar {
    justify-content: space-between;
  }

  .calculator-item {
    flex-direction: column;
  }

  .faq-question {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .modal {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .modal-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal-body {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .button-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card.article-summary {
    padding-right: var(--margin--12);
    padding-left: var(--margin--12);
  }

  .article-meta-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .calculator-summary {
    top: var(--margin--88);
  }

  .faq-item {
    padding-right: var(--margin--8);
    padding-left: var(--margin--12);
    flex-direction: column;
  }

  .tab-list {
    padding-left: 0;
  }
}

#w-node-_1860266b-ca6a-4f6b-efe8-18dff3f1634e-a0b16cbf {
  place-self: center;
}

#w-node-_70bc40c0-2f13-9942-648a-5017872b52b5-b18cd0f3, #w-node-_657d819d-c1d7-f95f-2a1d-85f890d436ee-b18cd0f3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2c2c29b4-0d58-c765-fd30-16a3554e816c-b18cd0f3 {
  align-self: end;
}

#w-node-_291c9f9c-7b47-5fb5-3cef-8a31e2a9adce-e94b01fb {
  align-self: start;
}

#w-node-_83041793-2de6-c6c5-52ff-985fa5e8cb3a-a5e8cb34 {
  align-self: stretch;
}

#w-node-be942c05-6269-24f0-f2cd-a758e0c81e36-b9a64ae8, #w-node-aeb0fd74-1039-c9ea-1c9b-559701d12786-b9a64ae8, #recommendations-container.w-node-_3bf8624c-416b-44f8-18e1-276df5d7b7ec-b9a64ae8, #send_email_results.w-node-_3bf8624c-416b-44f8-18e1-276df5d7b822-b9a64ae8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (max-width: 991px) {
  #w-node-_4c7bb689-c7c3-dd98-1b55-078ea2be3178-58761a96, #w-node-_5def92fd-1444-f9e6-11c8-5451524a5839-58761a96, #w-node-_4bdc05fc-95ee-2425-525c-cf802a66d197-58761a96, #w-node-_4bdc05fc-95ee-2425-525c-cf802a66d19a-58761a96, #w-node-_5f77ddb2-219f-a31a-ba94-b49bb5c2edae-58761a96, #w-node-_5f77ddb2-219f-a31a-ba94-b49bb5c2edb1-58761a96 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4f4bd49f-b919-7e34-c72f-8e22145e3c8b-145e3c70 {
    justify-self: start;
  }

  #w-node-_1860266b-ca6a-4f6b-efe8-18dff3f1634e-a0b16cbf {
    place-self: auto;
  }

  #w-node-_70bc40c0-2f13-9942-648a-5017872b52b5-b18cd0f3, #w-node-_657d819d-c1d7-f95f-2a1d-85f890d436ee-b18cd0f3 {
    grid-column: span 1 / span 1;
  }

  #w-node-d61db8f9-e4d7-4150-7ba7-59a3fe91c042-d1004fca, #w-node-_0952c090-f0bf-ca32-0c23-3c543483acb5-d1004fca, #w-node-_1e04fe57-8e9d-5302-5497-392e49d91767-d1004fca, #w-node-_9ae832b5-21df-d0ea-d2a8-4807d42f1769-d1004fca, #w-node-_25aade72-2009-52cd-970d-6628e5147bb5-d1004fca, #w-node-fe276d0d-5e6f-e02b-a5b1-4190707de160-e94b01fb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_83041793-2de6-c6c5-52ff-985fa5e8cb3a-a5e8cb34 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_83041793-2de6-c6c5-52ff-985fa5e8cb3c-a5e8cb34 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_520c587e-6a8f-a6a0-a4b6-9e899394552d-b9a64ae8, #w-node-_520c587e-6a8f-a6a0-a4b6-9e8993945532-b9a64ae8, #w-node-_520c587e-6a8f-a6a0-a4b6-9e8993945539-b9a64ae8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1860266b-ca6a-4f6b-efe8-18dff3f1635c-a0b16cbf {
    justify-self: auto;
  }

  #send_email_results.w-node-_3bf8624c-416b-44f8-18e1-276df5d7b822-b9a64ae8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}


@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}