:root {
  --dark-purple: #27232d;
  --light-green: #c5dfd6;
  --white: white;
  --gold: #6561F1;
  --dark-green: #2e4a45;
  --bright-green: #71ebc6;
  --off-white: #e3edec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  background-color: var(--dark-purple);
  color: var(--light-green);
  letter-spacing: 0;
  font-family: Visby, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  transition: color .6s, background-color .6s;
}

h1 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.56em;
  font-weight: 500;
  line-height: 1.07619;
}

h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  font-size: 1em;
  text-decoration: none;
}

label {
  margin-bottom: .3em;
  font-size: 1.25em;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.container {
  width: 100%;
  max-width: 84.75em;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 1.88em;
}

.container.is-nav {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.container.is-home-hero {
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 7.08em;
  display: flex;
}

.container.is-home-quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-bottom: 10em;
  display: grid;
}

.container.is-home-quote.gallery {
  padding-bottom: 5em;
  padding-left: 0;
  padding-right: 0;
}

.container.is-home-quote.gallery.ig {
  display: block;
}

.container.is-home-quote.cal {
  justify-content: center;
  align-items: stretch;
  padding-bottom: 5em;
  padding-left: 1.88em;
  padding-right: 1.88em;
  display: flex;
  position: relative;
}

.container.is-work-hero {
  padding-top: 11.1em;
}

.global_embed {
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.global_symbol {
  color: var(--white);
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.page-wrapper {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.text-size-h2 {
  letter-spacing: -.04em;
  font-size: 5.5em;
  line-height: 1.05682;
}

.text-size-h2.is-home-brands {
  width: 100%;
  max-width: 10em;
}

.text-size-h5 {
  font-size: 2.69em;
  font-weight: 400;
  line-height: 1.30233;
}

.text-size-h5.intro {
  position: absolute;
}

.text-size-h5.intro._1 {
  top: 100%;
}

.text-size-h5.intro._2 {
  top: 200%;
}

.text-size-h5.intro._3 {
  top: 300%;
}

.text-size-h5.intro._4 {
  top: 400%;
}

.text-size-h5.intro._5 {
  top: 500%;
}

.text-size-h6 {
  letter-spacing: -.02em;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3125;
}

.home-hero_section {
  position: relative;
}

.nav_component {
  z-index: 1000;
  width: 100%;
  background-color: #000;
  transition: background-color .6s;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav_logo-embed {
  width: 7em;
  height: 1.5em;
}

.nav_link {
  justify-content: center;
  align-items: center;
  padding-left: 1.41em;
  padding-right: 1.41em;
  transition: none;
  display: flex;
}

.nav_button {
  background-color: var(--white);
  color: #000;
  padding: 1.38em 2.69em;
  transition: color .6s, background-color .6s;
}

.nav_button:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .09), rgba(255, 255, 255, .09));
}

.nav_link-text {
  font-size: 1.06em;
  font-weight: 600;
  line-height: 1;
}

.nav_menu {
  transition: background-color .6s;
}

.nav_menu-content {
  justify-content: flex-end;
  align-items: stretch;
  transition: none;
  display: flex;
}

.home-hero_heading {
  width: 100%;
  max-width: 7.7em;
  text-shadow: 0 0 20px rgba(0, 0, 0, .5);
  font-size: 5em;
}

.home-about_layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.home-about_photo-height {
  padding-top: 138.17%;
  position: relative;
}

.home-about_photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-about_content-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.home-about_content {
  width: 39.69em;
  max-width: 100%;
  grid-column-gap: 20em;
  grid-row-gap: 20em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.c_subtitle_wrap {
  grid-column-gap: 1.69em;
  grid-row-gap: 1.69em;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 3.44em;
  display: flex;
}

.c_subtitle_line {
  width: 5.19em;
  height: 1px;
  min-width: 2em;
  background-color: var(--light-green);
  flex: 0 auto;
}

.c_subtitle_text {
  width: 100%;
  font-size: 1.19em;
  font-weight: 600;
  line-height: 1;
}

.c_button_wrapper {
  padding-top: 2.25em;
  font-size: 1.06em;
  font-weight: 600;
  line-height: 1;
}

.c_button_link {
  background-color: var(--white);
  color: #000;
  padding: 1.25em 2.69em;
  transition: color .6s, background-color .6s;
}

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

.c_button_link.gallery {
  width: 100%;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

.c_button_text {
  font-size: 1.06em;
  font-weight: 600;
  line-height: 1;
}

.home-brands_sub-wrap {
  padding-top: 1.69em;
}

.home-quote_layout {
  width: 36.75em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2em;
}

.home-quote_icon {
  width: 3.63em;
  height: 3.63em;
  opacity: .1;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  margin-bottom: 1.44em;
}

.home-quote_person {
  grid-column-gap: 1.75em;
  grid-row-gap: 1.75em;
  border-top: 1px #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2em;
  padding-top: 0;
  display: flex;
}

.home-quote_photo-wrap {
  width: 5.38em;
}

.home-quote_photo-height {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.home-quote_photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-quote_name {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-quote_text {
  font-size: 1.19em;
  line-height: 1.3;
}

.home-quote_text.is-bold {
  font-weight: 600;
}

.body {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  font-family: Visby, sans-serif;
}

.loading-screen {
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.loading-gif {
  width: 120px;
}

.brands-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.html-embed {
  width: 100%;
  height: 100%;
  position: relative;
}

.video {
  flex: 0 auto;
}

.vid-wrap {
  flex-direction: row-reverse;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.lightbox-link {
  width: 100%;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.image {
  clear: none;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img-grid {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.img-grid.sm {
  grid-template-columns: 1fr 1fr;
}

.lightbox-link-2 {
  width: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: -8px;
  padding-bottom: 66%;
  transition: all .2s;
}

.lightbox-link-2:hover {
  filter: brightness(60%);
}

.collection-list-wrapper {
  width: 100%;
  flex: 0 auto;
}

.html-embed-2 {
  width: 100%;
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
  position: relative;
}

.icon, .icon-2 {
  top: auto;
}

.footer {
  justify-content: space-between;
  align-items: center;
  padding-left: 1.88em;
  padding-right: 1.88em;
  display: flex;
}

.socials.mob-nav-s {
  display: none;
}

.copyright {
  text-transform: uppercase;
  font-size: .8em;
  font-weight: 600;
  line-height: 1.3;
}

.copyright.is-bold {
  font-weight: 600;
}

.social-icon {
  width: 50px;
  height: 50px;
  padding: 16px;
}

.loading-text {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0);
}

.background-video {
  height: 100%;
}

.text-span {
  color: var(--gold);
}

.background-video-2 {
  height: auto;
  flex: 1;
  padding-bottom: 63%;
}

@media screen and (max-width: 991px) {
  .container.is-home-quote {
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    padding-bottom: 5em;
  }

  .container.is-home-quote.cal {
    padding-left: 1.88em;
    padding-right: 1.88em;
  }

  .text-size-h2.is-home-brands {
    font-size: 4em;
  }

  .nav_logo {
    z-index: 2;
    position: relative;
  }

  .nav_link {
    width: 100%;
    border-bottom: 1px solid var(--white);
    justify-content: flex-start;
    padding: 1.5em 0;
  }

  .nav_button {
    margin-top: 2.3em;
  }

  .nav_link-text {
    font-size: 1.7em;
  }

  .nav_link-text.btn {
    color: #fff;
  }

  .nav_menu {
    z-index: 1;
    width: 100%;
    height: 150vh;
    background-color: #000;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav_menu-content {
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 5.4em 1.88em 5.7em;
    overflow: scroll;
  }

  .nav_hamburger {
    z-index: 3;
    color: var(--dark-purple);
    background-color: #fff;
    margin-right: 0;
    padding: 1em;
    position: relative;
  }

  .nav_hamburger.w--open {
    color: var(--dark-purple);
    background-color: #6561F1;
  }

  .nav_hamburger-icon {
    font-size: 1.5em;
  }

  .home-hero_heading {
    font-size: 5em;
  }

  .home-about_layout {
    grid-column-gap: 3.75em;
    grid-row-gap: 3.75em;
    grid-template-columns: 100%;
  }

  .home-about_photo {
    width: 39.69em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .home-about_content-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .home-about_content {
    grid-column-gap: 4.25em;
    grid-row-gap: 4.25em;
  }

  .home-quote_layout {
    padding-top: 4em;
    padding-right: 0;
  }

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

  .vid-wrap {
    width: 100%;
  }

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

  .icon, .icon-2 {
    top: auto;
  }

  .socials.nav-s {
    flex: 0 auto;
    display: none;
  }

  .socials.mob-nav-s {
    margin-top: 2em;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .container.is-home-quote.gallery {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-size-h2.is-home-brands {
    font-size: 3em;
  }

  .home-hero_heading {
    font-size: 4em;
  }

  .home-quote_layout {
    width: 100%;
  }

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

  .collection-list-wrapper {
    flex: 0 auto;
  }

  .icon, .icon-2 {
    top: auto;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: .88em;
    padding-right: .88em;
  }

  .text-size-h2.is-home-brands {
    font-size: 2.3em;
  }

  .text-size-h5 {
    font-size: 1.9em;
  }

  .text-size-h6 {
    font-size: 1.7em;
  }

  .nav_menu-content {
    padding-left: .88em;
    padding-right: .88em;
  }

  .home-hero_heading {
    font-size: 3em;
  }

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

  .icon, .icon-2 {
    top: auto;
  }

  .footer {
    padding-left: .5em;
    padding-right: 0;
  }

  .socials.foot {
    flex: none;
  }

  .copyright {
    font-size: .7em;
  }
}

#w-node-_982fe4e6-0b0c-82d5-22dc-18b6a89fe8bd-df77a4ea, #w-node-_49f6cd05-6a37-263a-b196-e7ceef27aa5c-df77a4ea, #w-node-e7535c26-6a02-6394-0096-8e91fb1c069f-df77a4ea, #w-node-_5e6a7af3-e99b-7bd3-5b3e-1acee68352e7-df77a4ea, #w-node-_7b0cf833-50e7-7d9b-c748-3fa027d0a0b5-df77a4ea, #w-node-_102722e9-c977-b32b-4108-c14c5b1682c7-df77a4ea, #w-node-_0e3c5fd1-03e2-dc5f-3909-db18b46166bc-df77a4ea, #w-node-d72615ca-2a47-3d4c-f772-6dbe4c0fd150-df77a4ea, #w-node-eaae1db4-ea6c-6a85-bcdd-9b19d149aeb0-df77a4ea, #w-node-_4e6e4135-4015-4098-d902-7681dd058eb1-df77a4ea, #w-node-ec0cde87-0bec-0f5d-ed2a-ae213efa638b-df77a4ea, #w-node-_77f39e19-67e3-46ec-6449-738b8b8bf687-df77a4ea, #w-node-_927ddb3c-0dd6-8cfe-8b4a-2416acdf1baa-df77a4ea, #w-node-_8652c838-19e8-8250-5a2b-52953ab836b5-df77a4ea, #w-node-_21fe78a3-5ef7-5e69-d410-9aaf158e38ca-df77a4ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-dd4dd1a5-3986-db96-e4f2-13d408e52dd4-df77a4ea, #w-node-_5c328397-27ae-d832-955b-49d42a358c41-df77a4ea, #w-node-_6ea076b8-94d9-f1af-1f43-9f09389151df-df77a4ea, #w-node-_1f83eb57-d3d5-5049-4833-52ffd5f4bb64-df77a4ea {
    order: -9999;
  }
}


@font-face {
  font-family: 'Visby';
  src: url('../fonts/VisbySemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Visby';
  src: url('../fonts/VisbyMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Visby';
  src: url('../fonts/VisbyRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Roobert';
  src: url('../fonts/RoobertPRO-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/RoobertPRO-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/RoobertPRO-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}