:root {

  --white: #ffffff;

  --black: #000000;

  --beige: #eeeeee;



  --container-width: max(1680px, 90vw);

  --grid-gap: max(1rem, 0.9375vw);

  --grid-margin: max(

    0px,

    calc((100vw - var(--container-width) - (2 * var(--grid-gap))) / 2)

  );

  --grid-col-width: calc(

    (100vw - 2 * var(--grid-margin) - 11 * var(--grid-gap)) / 12

  );

  --topbar-height: calc(2 * 0.9375rem + max(1.97375rem, 2.7416666666vw));

  --def-trans: 0.3s all ease;

  --s-sm: max(1.5rem, 1.953125vw);

  --s-md: max(2.75rem, 3.90625vw);

  --s-lg: max(4rem, 5.859375vw);

  --s-xl: max(6rem, 9.765625vw);

  scroll-behavior: smooth;

}



.full-width-grid {

  display: grid;

  width: 100%;

  grid-template-columns: var(--grid-margin) repeat(12, 1fr) var(--grid-margin);

  column-gap: var(--grid-gap);

}



.container {

  margin-inline: calc(var(--grid-margin) + var(--grid-gap));

}



* {

  scroll-margin-top: var(--s-lg);

}



body {

  font-family: "Montserrat";

  font-weight: 400;

  font-size: max(1rem, 0.8333333333vw);

  color: var(--black);

  line-height: 1.625;

  -webkit-font-smoothing: antialiased;

  background-color: var(--beige);

}



.page-wrapper {

  min-height: 100vh;

  flex-direction: column;

  justify-content: space-between;

}



body.menu-open {

  overflow-y: hidden;

  position: relative;

}



body.menu-open.safari {

  position: fixed;

}



a {

  color: var(--black);

  text-decoration: none;

}



.content-wrapper p,

.content-wrapper ul {

  margin-block: 1em;

}



.content-wrapper p:first-child,

.content-wrapper ul:first-child {

  margin-top: 0;

}



.content-wrapper p:last-child,

.content-wrapper ul:last-child {

  margin-bottom: 0;

}



.content-wrapper ul {

  list-style-type: none;

  padding: 0;

}



.content-wrapper ul li {

  display: flex;

  gap: 0.5em;

}



.content-wrapper ul li:not(:last-child) {

  margin-bottom: 0.5em;

}



.content-wrapper ul li::before {

  content: "::before";

  mask-image: url('../img/list-dot.svg');

  mask-repeat: no-repeat;

  mask-size: contain;

  background: currentColor;

  width: 1.25em;

  height: 1.25em;

  margin-top: calc((1em * 1.625 - 1.25em) / 2);

  flex-shrink: 0;

}



.content-wrapper .listdots-checkmark ul li::before {

  mask-image: url('../img/list-checkmark.svg');

}



h1,

.h1 {

  font-size: max(2rem, 2.5vw);

  font-weight: 700;

  line-height: 1;

}



h2,

.h2 {

  font-size: 3em;

  font-weight: 700;

  line-height: 1;

}



h3,

.h3 {

  font-size: max(1.25rem, 1.25vw);

  font-weight: 700;

  overflow-wrap: anywhere;

}



h3:first-child {

  margin-top: 0;

}



h3:last-child {

  margin-bottom: 0;

}



button:hover {

  cursor: pointer;

}



.media-wrapper {

  display: flex;

}



.media-wrapper > img,

.media-wrapper > video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.content-textonly a,

.content-textonly h1 {

  overflow-wrap: anywhere;

}



.content-textonly h1,

.content-textonly h2,

.content-textonly h3 {

  margin-top: 1em;

  margin-bottom: 1em;

}



.content-textonly-inner {

  grid-column: 4 / span 8;

}



.btn {

  font-weight: 600;

  line-height: 1;

  text-transform: uppercase;

  color: var(--white);

  background-color: var(--black);

  border: 1px solid var(--black);

  padding-block: 0.75em;

  padding-inline: 1.5625em;

  transition: transform .3s, background-color .3s, border-color .3s;

  width: fit-content;

  display: flex;

  justify-content: center;

  align-items: center;

}



.btn:hover {

  transform: scale(1.1);

}



.btn.transparent {

  background-color: transparent;

  border-color: var(--white);

}



.btn.transparent:hover {

  background-color: var(--black);

  border-color: var(--black);

}





.subheadline {

    text-transform: uppercase;

    text-align: center;

    line-height: 1;

    font-weight: 500;

    letter-spacing: 0.25em;

}



.m-top-xl {

  margin-top: var(--s-xl);

}



.m-top-lg {

  margin-top: var(--s-lg);

}



.m-top-md {

  margin-top: var(--s-md);

}



.m-top-sm {

  margin-top: var(--s-sm);

}



.m-top-0 {

  margin-top: 0;

}



.m-bot-xl {

  margin-bottom: var(--s-xl);

}



.m-bot-lg {

  margin-bottom: var(--s-lg);

}



.m-bot-md {

  margin-bottom: var(--s-md);

}



.m-bot-sm {

  margin-bottom: var(--s-sm);

}



.m-bot-0 {

  margin-bottom: 0;

}



.contact-form-wrapper > div {

  grid-column: 4 / span 8;

}



.mfp-content {

  text-align: center !important;

}



.mfp-content video {

  max-width: 90vw;

  max-height: 90vh;

}



main.content-wrapper.bg-black {

  background-color: var(--black);

  color: var(--white);

  padding-bottom: var(--s-lg);

}



main.content-wrapper.bg-black .btn,

main.content-wrapper.bg-black .job-application-btn-wrapper button {

  border-radius: 100vmin !important;

  background-color: transparent !important;

  border: 1px solid currentColor !important;

}



main.content-wrapper.bg-black .btn:hover,

main.content-wrapper.bg-black .job-application-btn-wrapper button:hover {

  color: var(--black) !important;

  background-color: var(--white) !important;

  transform: none;

  transition: color 0.3s, background-color 0.3s !important;

}



main.content-wrapper.bg-black h1,

main.content-wrapper.bg-black .h1 {

  text-transform: uppercase;

  font-weight: 500;

}



main.content-wrapper.bg-black h2,

main.content-wrapper.bg-black .h2 {

  font-weight: 500;

}



main.content-wrapper.bg-black h3,

main.content-wrapper.bg-black .h3 {

  font-weight: 600;

}



main.content-wrapper.bg-black a {

  color: var(--white);

}