@font-face {
  font-family: Starbucks Sans;
  src: url('../fonts/StarbucksSans-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Starbucks Serif;
  src: url('../fonts/StarbucksSerif-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Starbucks Serif;
  src: url('../fonts/StarbucksSerif-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Starbucks Serif;
  src: url('../fonts/StarbucksSerif-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sodo Sans;
  src: url('../fonts/SoDoSans-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sodo Sans;
  src: url('../fonts/SoDoSans-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sodo Sans;
  src: url('../fonts/sodosans-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sodo Sans;
  src: url('../fonts/SoDoSans-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --black: black;
  --warm-neutral: #f2f0eb;
  --green: #006241;
  --house-green: #1e3932;
  --white: white;
  --headings-sans: "Starbucks Sans", Arial, sans-serif;
  --headings-serif: "Starbucks Serif", Georgia, sans-serif;
  --heading: var(--headings-sans);
}

body {
  color: var(--black);
  font-family: Sodo Sans, Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 100%;
}

.wrapper {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.utility-page-wrap {
  background-color: var(--warm-neutral);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 370px;
  display: flex;
}

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

.pw__submit {
  background-color: var(--green);
  border-radius: 100rem;
  font-weight: 700;
}

.pw__field:focus {
  border: 1px solid var(--green);
}

.body {
  background-color: var(--warm-neutral);
}

.logo {
  width: 3rem;
}

.container {
  z-index: 4;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 45%;
  max-width: 38rem;
  min-height: 100vh;
  padding: 3.5rem 3.5rem 10rem;
  display: flex;
  position: relative;
}

.heading {
  color: #006241;
  font-family: Starbucks Sans, Arial, sans-serif;
}

.background--overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, #f2f0eb, #f2f0eb00);
  position: absolute;
  inset: 0%;
}

.foreground {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.background {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.empty {
  width: 100%;
}

.content--wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.imagery--mobile {
  display: none;
}

.disclaimer {
  z-index: 10;
  color: #fff;
  text-align: center;
  background-color: #1e3932;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem 2rem 1rem;
  display: flex;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.disclaimer-txt {
  max-width: 850px;
  font-size: .75rem;
  line-height: 110%;
}

@media screen and (max-width: 991px) {
  .wrapper {
    flex-flow: column;
    display: flex;
  }

  .imagery--desktop {
    display: none;
  }

  .container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    min-height: 0;
    padding-bottom: 0;
  }

  .background--overlay {
    background-image: linear-gradient(#f2f0eb, #f2f0eb00 30%);
  }

  .foreground {
    position: absolute;
  }

  .background {
    position: relative;
  }

  .content--wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    max-width: 42rem;
  }

  .imagery--mobile {
    margin-top: -4rem;
    display: block;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .container {
    padding: 1.5rem;
  }

  .heading {
    font-size: 2rem;
  }

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

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

  .content--wrapper {
    max-width: 28rem;
  }

  .img {
    flex: 1;
  }

  .imagery--mobile {
    flex-flow: column;
    flex: 1;
    margin-bottom: 5rem;
    display: flex;
  }

  .disclaimer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .img {
    width: 125%;
  }

  .disclaimer {
    padding-top: 1rem;
    padding-bottom: .5rem;
  }
}


@font-face {
  font-family: 'Starbucks Sans';
  src: url('../fonts/StarbucksSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Starbucks Serif';
  src: url('../fonts/StarbucksSerif-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Starbucks Serif';
  src: url('../fonts/StarbucksSerif-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Starbucks Serif';
  src: url('../fonts/StarbucksSerif-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sodo Sans';
  src: url('../fonts/SoDoSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sodo Sans';
  src: url('../fonts/SoDoSans-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sodo Sans';
  src: url('../fonts/sodosans-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sodo Sans';
  src: url('../fonts/SoDoSans-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}