:root {
  --background: black;
  --paragraphs: #e6e6e699;
  --light: #e6e6e6;
  --border: #e6e6e633;
  --dark: #191819;
}

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

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--background);
  color: var(--paragraphs);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8em;
  display: flex;
}

h1 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.82em;
  font-weight: 700;
  line-height: 1.14em;
}

h2 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.17em;
  font-weight: 700;
  line-height: 1.18em;
}

h3 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.47em;
  font-weight: 700;
  line-height: 1.21em;
}

h4 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.76em;
  font-weight: 700;
  line-height: 1.23em;
}

h5 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.29em;
  font-weight: 700;
  line-height: 1.27em;
}

h6 {
  color: var(--light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .94em;
  font-weight: 700;
  line-height: 1.37em;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  color: #fff;
  text-decoration: none;
}

ul, ol {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 2.2em;
}

li {
  padding: .3em .5em;
}

strong {
  color: var(--light);
  font-weight: 700;
}

em {
  font-family: DT Nightingale, sans-serif;
  font-style: italic;
}

blockquote {
  border-left: 1px solid var(--border);
  color: var(--light);
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: .9em;
  padding: .2em 0 .2em 1.2em;
  font-family: DT Nightingale, sans-serif;
  font-size: 1.29em;
  line-height: 1.59em;
}

figure {
  border-radius: .94em;
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  overflow: hidden;
}

figcaption {
  background-color: var(--dark);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.2em 2.2em;
  font-size: .88em;
  line-height: 1.4em;
}

.link {
  box-shadow: inset 0 -1px 0 0 var(--light);
  color: var(--light);
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94), box-shadow .3s cubic-bezier(.25, .46, .45, .94);
}

.link:hover {
  box-shadow: inset 0 -22px 0 0 var(--light);
  color: var(--background);
}

.rich-text-block {
  line-height: 1.5em;
}

.rich-text-block p {
  margin-bottom: 1.4em;
}

.rich-text-block h1 {
  margin-bottom: .5em;
}

.rich-text-block h2, .rich-text-block h3, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  margin-top: .9em;
  margin-bottom: .5em;
}

.rich-text-block a {
  box-shadow: inset 0 -1px 0 0 var(--light);
  color: var(--light);
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94), box-shadow .3s cubic-bezier(.25, .46, .45, .94);
}

.rich-text-block a:hover {
  box-shadow: inset 0 -22px 0 0 var(--light);
  color: var(--background);
}

.navbar {
  z-index: 500;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 1.52em 1.52em auto auto;
}

.navbar.toggle {
  position: static;
}

.block-navbar {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-logo {
  height: 3em;
}

.brand {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1em .7em;
  display: flex;
}

.nav-menu {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #2d2c2d80;
  border-radius: .76em;
  padding: .35em;
}

.nav-menu.toggle {
  margin-bottom: 40px;
}

.nav-link {
  color: var(--light);
  background-color: #0000;
  border-radius: .59em;
  padding: .95em 1.3em;
  font-size: .82em;
  font-weight: 600;
  line-height: 1.1em;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-link:hover {
  background-color: #0006;
}

.nav-link.w--current {
  color: var(--light);
  background-color: #0003;
}

.nav-link.w--current:hover {
  background-color: #0006;
}

.section-hero {
  min-height: 100vh;
}

.grid-hero-a {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  width: 100%;
  min-height: 100vh;
  padding: .7em;
}

.project-hero-a {
  background-color: var(--dark);
  perspective: 1200px;
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-a {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: sticky;
  bottom: .7em;
}

.text-info {
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.link-motion {
  flex-direction: column;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block {
  grid-row-gap: .2em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.link-motion-text {
  color: var(--light);
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
}

.link-motion-text.absolute {
  position: absolute;
  top: 100%;
}

.paragraph-hero {
  max-width: 20em;
  font-size: 1.06em;
  line-height: 1.72em;
}

.heading-hero {
  font-size: 3.35vw;
}

.block-hero {
  grid-row-gap: 1.7em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 6.4em;
  display: flex;
}

.text-span {
  font-family: DT Nightingale, sans-serif;
  font-weight: 400;
  line-height: .8em;
}

.grid-project-a {
  z-index: 50;
  grid-column-gap: 2.35em;
  grid-row-gap: 2.35em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: center;
  width: 100%;
  position: absolute;
}

.lightbox-link {
  perspective: 1200px;
  border-radius: .94em;
  width: 44vw;
  height: 25vw;
  position: relative;
  overflow: hidden;
}

.lightbox-link.type-b, .lightbox-link.type-c {
  background-color: #e6e6e608;
  width: 52vw;
  height: 30vw;
  position: relative;
}

.lightbox-link.type-full, .lightbox-link.type-full-50 {
  background-color: var(--dark);
  width: 100%;
  height: 100%;
  position: relative;
}

.background-video {
  z-index: 0;
  border-radius: .94em;
  width: 100%;
  height: 100%;
}

.background-video.no-image {
  width: 52vw;
  height: auto;
}

.block-project-text {
  z-index: 30;
  grid-row-gap: .12em;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #2d2c2d80;
  border-radius: .76em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: .9em 2.5em .9em 1.1em;
  display: flex;
  position: absolute;
  inset: auto auto .95em .95em;
}

.subheading-project {
  color: #e6e6e680;
  font-size: .82em;
  line-height: 1.4em;
}

.img-hover {
  z-index: 24;
  opacity: 1;
  cursor: pointer;
  object-fit: cover;
  border-radius: .94em;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
  transform: scale(1.02);
}

.img-hover:hover {
  z-index: 22;
  opacity: 0;
}

.logo {
  z-index: 700;
  mix-blend-mode: difference;
  position: fixed;
  inset: 1.52em auto auto 1.52em;
}

.grid-hero-b {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  place-items: end stretch;
  width: 100%;
  min-height: 100vh;
  padding: .7em;
}

.hero-b {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: sticky;
  bottom: .7em;
}

.grid-project-b {
  grid-column-gap: 2.35em;
  grid-row-gap: 7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 10em;
  margin-bottom: 9em;
  position: relative;
}

.project-hero-b {
  background-color: var(--dark);
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding: 1.6em 1.8em;
  display: flex;
}

.block-footer {
  grid-column-gap: .8em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-footer {
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  flex: none;
  padding: 1em;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-footer:hover {
  color: var(--light);
}

.block-lightbox {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.block-project-c {
  z-index: 3;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  perspective: 1200px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.block-project-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-project-c {
  grid-column-gap: 2.35em;
  grid-row-gap: 8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 15em;
  margin-bottom: 11em;
  position: relative;
}

.project-hero-c {
  background-color: var(--dark);
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-c {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: sticky;
  bottom: .7em;
}

.grid-hero-c {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template: ". Area"
  / 1fr 2.2fr;
  place-items: end stretch;
  width: 100%;
  min-height: 100vh;
  padding: .7em;
}

.section-hero-horizontal {
  height: 650vh;
  position: relative;
}

.hero-sticky {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.frame-100 {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: .7em;
  display: flex;
}

.frame-100.padding-0 {
  padding: 0;
}

.frame-50 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding: .7em;
  display: flex;
}

.grid-2-lightbox {
  grid-column-gap: 1.4em;
  grid-row-gap: 1.4em;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
}

.block-cta-full {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 6.5em 12% 3em;
  display: flex;
}

.heading-cta-full {
  font-size: 6.17vw;
  line-height: 1.05em;
}

.link-cta-full {
  max-width: 50vw;
  text-decoration: none;
  position: relative;
}

.yellow-circle {
  filter: blur(20px);
  perspective: 1000px;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #e3d026 10%, #e32626 90%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 9vw;
  display: flex;
  position: relative;
}

.blue-circle {
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #5ecfff 10%, #006ded 90%);
  border-radius: 100%;
  width: 60%;
  height: 60%;
}

.circle {
  perspective: 1000px;
  mix-blend-mode: difference;
  position: absolute;
  inset: auto -7% 0% auto;
}

.hero-horizontal {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 8em;
  padding-bottom: 6em;
  padding-left: 12%;
  display: flex;
}

.block-hero-horizontal {
  grid-row-gap: 2.5em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50vw;
  display: flex;
}

.heading-hero-large {
  font-size: 6.17vw;
  line-height: 1.04em;
}

.circle-hero {
  perspective: 1000px;
  mix-blend-mode: difference;
  position: absolute;
  inset: auto -8vw auto auto;
}

.block-circle-hero {
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.yellow-circle-hero {
  filter: blur(35px);
  perspective: 1000px;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #e3d026 10%, #e32626 90%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 16vw;
  display: flex;
  position: relative;
}

.blue-circle-hero {
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #5ecfff 10%, #006ded 90%);
  border-radius: 100%;
  width: 60%;
  height: 60%;
}

.text-circle {
  color: var(--light);
  margin-right: 7vw;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.4em;
}

.section {
  padding: 7.6em 1.52em 1.52em;
}

.grid-work {
  grid-column-gap: 1.9em;
  grid-row-gap: 2.9em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lightbox-link-work {
  perspective: 1200px;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.block-project-work {
  border-radius: .94em;
  width: 100%;
  height: 17vw;
  position: relative;
  overflow: hidden;
}

.block-project-work.large {
  height: 36vw;
}

.block-project-text-work {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1em;
  display: flex;
}

.heading-project-work {
  margin-bottom: .1em;
}

.subheading-project-work {
  color: #e6e6e680;
  font-size: .82em;
  font-weight: 600;
  line-height: 1.4em;
}

.section-call-to-action {
  justify-content: flex-start;
  align-items: center;
  padding: 9vw 7%;
  display: flex;
  position: relative;
}

.circle-cta {
  perspective: 1000px;
  mix-blend-mode: difference;
  position: absolute;
  inset: auto auto auto -4vw;
}

.yellow-circle-cta {
  filter: blur(30px);
  perspective: 1000px;
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #e3d026 10%, #e32626 90%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 8vw;
  height: 8vw;
  display: flex;
  position: relative;
}

.blue-circle-cta {
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(150deg, #5ecfff 10%, #006ded 90%);
  border-radius: 100%;
  width: 60%;
  height: 60%;
}

.heading-cta {
  font-size: 3.7vw;
}

.link-cta {
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-full {
  perspective: 1200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-work-full {
  z-index: 50;
  grid-column-gap: 2.35em;
  grid-row-gap: 2.35em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: center;
  width: 100%;
  position: absolute;
}

.section-call-to-action-large {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12vw 9%;
  display: flex;
}

.heading-cta-large {
  font-size: 6.17vw;
  line-height: 1.05em;
}

.link-cta-large {
  max-width: 50vw;
  text-decoration: none;
  position: relative;
}

.grid-work-r {
  grid-column-gap: 1.9em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.grid-work-l {
  grid-column-gap: 1.9em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.block-work-r-l {
  grid-row-gap: 4.6em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.block-heading-top {
  grid-row-gap: 1.7em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70em;
  margin-bottom: 6.2em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.7em;
  padding-bottom: 2.7em;
  display: flex;
}

.heading-top {
  margin-bottom: 1em;
  font-size: 3em;
}

.paragraph-top {
  max-width: 20em;
  font-size: 1.06em;
  line-height: 1.72em;
}

.paragraph-top.large {
  max-width: 30em;
}

.collection-list-wrapper {
  width: 100%;
  max-width: 60.4em;
  margin-bottom: 10em;
  margin-left: auto;
  margin-right: auto;
}

.collection-list {
  grid-column-gap: 0em;
  grid-row-gap: 8.8em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-image-blog {
  width: 100%;
}

.image-blog {
  object-fit: cover;
  border-radius: .94em;
  width: 100%;
}

.link-heading-blog {
  text-decoration: none;
}

.block-heading-blog {
  grid-column-gap: .84em;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-info-blog {
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.collection-item {
  grid-row-gap: 1.3em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.block-image-blog {
  border-radius: .94em;
  width: 100%;
  overflow: hidden;
}

.empty-state {
  background-color: var(--dark);
  border-radius: .94em;
  padding: 1.2em 1.6em;
}

.text-empty {
  font-size: .92em;
  line-height: 1.4em;
}

.image-blog-main {
  object-fit: cover;
  border-radius: 1.17em;
  width: 100%;
  height: 70vh;
}

.image-gallery {
  object-fit: cover;
  border-radius: 1.17em;
  width: 100%;
}

.collection-list-gallery {
  grid-column-gap: 0em;
  grid-row-gap: .7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-main {
  width: 100%;
  max-width: 47em;
  margin: 6.4em auto 5.4em;
}

.block-heading-blog-main {
  grid-row-gap: .8em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3.5em;
  display: flex;
}

.text-info-blog-main {
  background-color: var(--dark);
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  border-radius: 50em;
  padding: .8em 1.4em;
  font-size: .65em;
  font-weight: 600;
  line-height: 1.4em;
}

.block-img-large-a {
  background-color: var(--dark);
  background-image: url('../images/pexels-kyle-loftus-3379934.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 75vh;
  padding: 8em 7%;
  display: flex;
}

.section-thin {
  padding: .7em;
}

.heading-large {
  margin-bottom: .2em;
  font-size: 10vw;
}

.block-img-large-b {
  background-color: var(--dark);
  background-image: url('../images/pexels-kyle-loftus-3379934.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 75vh;
  display: flex;
}

.content {
  grid-row-gap: 7.8em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 65em;
  margin: 8em auto;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.grid-content {
  grid-column-gap: 1em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  justify-items: start;
}

.heading-content {
  font-family: DT Nightingale, sans-serif;
  font-weight: 400;
  line-height: 1.18em;
}

.block-content {
  grid-row-gap: 4em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.block-lists {
  grid-row-gap: .9em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-info-content {
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.grid-contact-a {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.2fr;
  width: 100%;
  min-height: 100vh;
  padding: .7em;
  overflow: hidden;
}

.contact-a {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10em 1.6em 1.2em;
  display: flex;
  position: sticky;
  bottom: .7em;
}

.grid-contact-links {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  width: 100%;
}

.contact-link {
  grid-column-gap: .9em;
  background-color: var(--dark);
  border-radius: 1.17em;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 2em 2.2em;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-link:hover {
  background-color: #539165;
}

.contact-link.color-a1:hover {
  background-color: #d47733;
}

.contact-link.color-a2:hover {
  background-color: #4058b8;
}

.heading-contact {
  margin-bottom: -.1em;
}

.text-contact {
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.hover {
  z-index: 10;
  background-color: var(--background);
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid-contact-c {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr;
  width: 100%;
  min-height: 100vh;
  padding: .7em;
  overflow: hidden;
}

.contact-c {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10em 15% 7em 12%;
  display: flex;
  position: sticky;
  bottom: .7em;
}

.form-block {
  width: 100%;
  max-width: 40em;
  margin-bottom: 0;
  display: none;
}

.block-contact-c {
  grid-row-gap: 2.8em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--border);
  color: var(--light);
  background-color: #0000;
  height: 3.2em;
  margin-bottom: 1.7em;
  padding: .6em 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.text-field:focus {
  border-bottom-color: var(--light);
}

.text-field::placeholder {
  color: #e6e6e680;
}

.textarea {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--border);
  color: var(--light);
  background-color: #0000;
  min-width: 100%;
  max-width: 100%;
  min-height: 10em;
  max-height: 25em;
  margin-bottom: 2.1em;
  padding: .6em 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.textarea:focus {
  border-bottom-color: var(--light);
}

.textarea::placeholder {
  color: #e6e6e680;
}

.form {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

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

.block-field {
  grid-column-gap: 1.8em;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.submit-button {
  background-color: var(--dark);
  color: var(--light);
  border-radius: 50em;
  padding: 1.3em 3em;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
}

.submit-button:hover {
  background-color: var(--light);
  color: var(--background);
}

.success-message {
  background-color: #53916524;
  border-radius: 1.17em;
  padding: 1.2em 2.2em;
}

.text-success {
  color: #539165;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.4em;
}

.error-message {
  background-color: #d81f1f24;
  border-radius: 1.17em;
  margin-top: 1.2em;
  padding: 1.2em 2.2em;
}

.text-error {
  color: #d81f1f;
  font-size: .92em;
  font-weight: 600;
  line-height: 1.4em;
}

.section-center {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 9em 8% 6em;
  display: flex;
}

.block-center {
  grid-row-gap: 3em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-center {
  grid-row-gap: 1.7em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70em;
  display: flex;
}

.utility-page-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 9em 8% 6em;
  display: flex;
}

.utility-page-content {
  grid-row-gap: 1.25em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 21em;
  margin-bottom: 0;
  display: flex;
}

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

.field-label {
  color: #e6e6e680;
  text-align: left;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-top: 3em;
  margin-bottom: 0;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.button {
  background-color: var(--dark);
  color: var(--light);
  border-radius: 50em;
  padding: 1.3em 3em;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
}

.button:hover {
  background-color: var(--light);
  color: var(--background);
}

.grid-colors {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.block-color {
  grid-row-gap: .25em;
  background-color: var(--background);
  border-radius: .94em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 8em;
  padding: 1.3em;
  display: flex;
}

.block-color.dark-color {
  background-color: var(--dark);
}

.block-color.border-color {
  background-color: var(--border);
}

.block-color.paragraphs-color {
  background-color: var(--paragraphs);
}

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

.hex-color {
  color: #e6e6e680;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.hex-color.dark {
  color: #00000080;
}

.text-color {
  color: var(--light);
  font-size: .9em;
  font-weight: 500;
  line-height: 1.2em;
}

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

.grid-licensing {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
  margin-top: -1em;
}

.image-licensing {
  object-fit: cover;
  border-radius: .94em;
  width: 100%;
}

.fonts-licensing {
  grid-row-gap: 1.4em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: -1em;
  display: flex;
}

.dt-nightingale {
  font-family: DT Nightingale, sans-serif;
  font-weight: 400;
}

.splash-subsection {
  text-align: center;
  padding-top: 0;
  padding-bottom: 1.6em;
}

.heading-subsection-splash {
  font-family: DT Nightingale, sans-serif;
  font-weight: 400;
}

.grid-splash {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  margin-bottom: 10em;
}

.grid-splash._3-columns {
  grid-template-columns: 1fr 1fr 1fr;
}

.splash {
  margin-bottom: -3em;
}

.link-splash {
  background-color: var(--background);
  color: #e6e6e680;
  border: 1px solid #e6e6e626;
  border-radius: 1.17em;
  width: 100%;
  padding: 9% 12% 8%;
  text-decoration: none;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: block;
  position: relative;
}

.link-splash:hover {
  color: var(--light);
  background-color: #191819bf;
  border-color: #e6e6e600;
}

.background-video-splash {
  z-index: 5;
  border: 1px solid #e6e6e626;
  border-radius: .6em;
  height: 22.5vw;
}

.heading-splash {
  text-align: center;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-top: 2em;
  font-size: .59em;
  font-weight: 600;
  line-height: 1.4em;
}

.image-splash {
  border: 1px solid #e6e6e626;
  border-radius: .6em;
  width: 100%;
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 40px;
  display: flex;
}

.tab-link-tab-2 {
  margin-right: 20px;
}

.tab.w--current {
  margin-right: 0;
}

.tabs {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.html-embed {
  z-index: 20;
  height: 17vw;
  position: relative;
}

.div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.insta {
  background-color: #fff;
  background-image: url('../images/fichier-1insta.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  transition: transform .2s;
}

.insta:hover {
  transform: scale(1.1);
}

.insta.linkedin {
  background-image: url('../images/fichier-1linkedin.svg');
}

.insta.mail {
  background-image: url('../images/fichier-1mail.svg');
}

.light {
  z-index: 100;
  background-color: #000000f2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.html-embed-2 {
  border-radius: 0;
  overflow: hidden;
}

.link-block-2 {
  background-color: #0000;
  background-image: url('../images/svgexport-3.svg');
  background-position: 50%;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 15% 5% auto auto;
}

.item-collection {
  z-index: 3;
  cursor: pointer;
  position: relative;
}

.slug {
  display: none;
}

.video {
  aspect-ratio: 16 / 9;
  object-fit: fill;
  width: 951px;
  height: 475px;
}

.new {
  border-radius: 20px;
  width: auto;
  transform: scale(1.01);
}

.div-block-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 15px;
  width: 75vw;
  padding-bottom: 0;
  display: block;
  overflow: hidden;
}

.spin-image {
  z-index: 10;
  object-fit: cover;
  background-color: #000;
  background-image: url('../images/whatsapp-image-2023-12-12-at-17.28.29.jpeg');
  background-position: 50%;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 21%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hide-navigation {
  display: none;
}

.profile {
  margin-bottom: 15px;
  position: relative;
}

.grey {
  color: #929292;
}

.grey._14px {
  font-size: 14px;
}

.tikflow-slider {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  width: 100svh;
  min-width: auto;
  height: auto;
  display: flex;
  transform: rotate(90deg);
}

.image-spin {
  height: 80%;
}

.tikflow-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tikflow-slide-content {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: auto;
  display: flex;
  position: relative;
  transform: rotate(-90deg);
}

.icon-container {
  color: #fff;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.icon-container.click {
  cursor: pointer;
}

.medium-bold {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  cursor: pointer;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.interaction-buttons {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  margin-right: 0;
  padding: 20px 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.main-link {
  color: #f53c3c;
}

.icon-embed {
  width: 30px;
}

.icon-embed.bookmark {
  width: 30px;
  height: 30px;
}

.icon-embed._2 {
  opacity: 0;
  display: block;
  position: absolute;
}

.image-profile {
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.tikflow-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: flex;
}

.tikflow-aspect-ratio {
  aspect-ratio: 9 / 16;
  border-radius: 20px;
  max-width: 100vw;
  height: 100svh;
  position: relative;
  overflow: visible;
}

.plut-container {
  color: #fff;
  background-color: #f53c3c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% -15px;
}

.main-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #c2c2c2;
  background-image: linear-gradient(to top, #0009, #0000);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 141.188px;
  padding: 30px 30px 30px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.checkmark-icon {
  display: flex;
}

.tikflow-slide {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.html-embed-3 {
  height: 100svh;
  position: static;
}

.image {
  border-radius: 20px;
  width: 30px;
  height: 30px;
  margin-right: 3px;
}

.certif {
  border-radius: 0;
  width: 13px;
  height: 13px;
  margin-top: 3px;
  margin-right: 0;
}

.text-block {
  align-items: center;
  height: 13px;
  line-height: 1em;
  display: flex;
}

.text-block-2 {
  color: #fff;
}

.collection-list-wrapper-2 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slide {
  width: auto;
  height: 100vw;
}

.sound {
  color: #fff;
  cursor: pointer;
  background-image: url('../images/fichier-3son-off.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  align-items: center;
  width: 30px;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.sound.click {
  cursor: pointer;
}

.html-embed-4 {
  z-index: 2;
  width: 100px;
  height: 100px;
  position: absolute;
}

.mask {
  border-radius: 20px;
  overflow: hidden;
}

.image-2 {
  width: 100%;
  height: 100%;
}

.container-video {
  cursor: pointer;
  background-color: #000;
  border-radius: .94rem;
  width: 52vw;
  overflow: hidden;
}

.item {
  cursor: pointer;
}

.embed {
  z-index: 4;
  cursor: pointer;
  position: static;
}

.field-label-2 {
  text-transform: uppercase;
}

.submit-button-2 {
  color: var(--background);
  text-transform: uppercase;
  background-color: #fff;
  margin-bottom: 0;
  padding-bottom: 9px;
  font-weight: 700;
}

.mega-menu {
  justify-content: center;
  align-items: center;
  display: block;
}

.link-2 {
  display: inline;
}

.lightbox-link-2 {
  perspective: 1200px;
  border-radius: .94em;
  width: 25vw;
  height: 40vw;
  position: relative;
  overflow: hidden;
}

.image-hover {
  z-index: 20;
  opacity: 1;
  object-fit: cover;
  border-radius: .94em;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video-2 {
  z-index: 0;
  border-radius: .94em;
  width: 100%;
  height: 100%;
  display: block;
}

.background-video-3 {
  z-index: 0;
  border-radius: .94em;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.lightbox-link-3 {
  perspective: 1200px;
  border-radius: .94em;
  width: 25vw;
  height: 40vw;
  position: relative;
  overflow: hidden;
}

.project-hero-a-2 {
  perspective: 1200px;
  background-color: #191819;
  border-radius: 1.17em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block-3 {
  grid-row-gap: .2em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.link-motion-text-2 {
  color: #e6e6e6;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
}

.link-motion-text-2.absolute {
  position: absolute;
  top: 100%;
}

.hover-2 {
  z-index: 10;
  background-color: #000;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.link-block-4 {
  grid-row-gap: .2em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.contact-link-2 {
  grid-column-gap: .9em;
  background-color: #191819;
  border-radius: 1.17em;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 2em 2.2em;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-link-2:hover {
  background-color: #539165;
}

.contact-link-2.color-a1:hover {
  background-color: #d47733;
}

.contact-link-2.color-a2:hover {
  background-color: #4058b8;
}

.link-motion-text-3 {
  color: #e6e6e6;
  font-size: .94em;
  font-weight: 600;
  line-height: 1.4em;
}

.link-motion-text-3.absolute {
  position: absolute;
  top: 100%;
}

.image-hover-2 {
  z-index: 20;
  object-fit: cover;
  border-radius: .94em;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video-4 {
  z-index: 0;
  border-radius: .94em;
  width: 100%;
  height: 100%;
  display: block;
}

.grid-work-copy {
  grid-column-gap: 1.9em;
  grid-row-gap: 2.9em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.2em;
  }

  h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.4em;
  }

  h5 {
    font-size: 1.1em;
  }

  .grid-hero-a {
    align-items: end;
  }

  .grid-project-a {
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 7em;
    margin-bottom: 7vw;
    position: relative;
  }

  .lightbox-link {
    width: 52vw;
    height: 30vw;
  }

  .lightbox-link.type-full {
    height: 54vw;
  }

  .lightbox-link.type-full-50 {
    height: 30vw;
  }

  .lightbox-link.type-work-c {
    width: 82vw;
    height: 46vw;
  }

  .background-video {
    display: none;
  }

  .background-video.no-image {
    display: block;
  }

  .grid-project-b {
    grid-row-gap: 2.35em;
    margin-top: 7em;
    margin-bottom: 2em;
  }

  .block-project-c {
    grid-column-gap: 2.5rem;
    grid-row-gap: 6rem;
    display: flex;
  }

  .grid-project-c {
    grid-row-gap: 6em;
  }

  .section-hero-horizontal {
    height: auto;
  }

  .hero-sticky {
    height: auto;
    position: relative;
  }

  .frame {
    flex-direction: column;
  }

  .frame-100, .frame-50 {
    width: 100%;
    height: auto;
  }

  .grid-2-lightbox {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .block-cta-full {
    min-height: 40vh;
    padding-top: 3em;
    padding-left: 8%;
    padding-right: 8%;
  }

  .heading-cta-full {
    font-size: 8vw;
  }

  .link-cta-full {
    max-width: 62vw;
  }

  .hero-horizontal {
    flex-direction: column;
    min-height: auto;
    padding: 14em 8% 0;
  }

  .block-hero-horizontal {
    text-align: center;
    align-items: center;
    max-width: 60vw;
  }

  .heading-hero-large {
    font-size: 8vw;
  }

  .circle-hero {
    top: 8vw;
    right: auto;
  }

  .block-circle-hero {
    text-align: center;
    margin-top: 8em;
  }

  .yellow-circle-hero {
    filter: blur(30px);
  }

  .text-circle {
    margin-bottom: 2em;
    margin-right: 0;
  }

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

  .block-project-work, .block-project-work.large {
    height: 25vw;
  }

  .section-call-to-action {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }

  .yellow-circle-cta {
    filter: blur(20px);
  }

  .heading-cta {
    font-size: 5vw;
  }

  .section-full {
    height: auto;
  }

  .grid-work-full {
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 8em;
    margin-bottom: 9vw;
    position: relative;
  }

  .section-call-to-action-large {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }

  .grid-work-r, .grid-work-l {
    grid-template-columns: 1fr 1fr;
  }

  .block-work-r-l {
    grid-row-gap: 2.9em;
  }

  .block-heading-top {
    margin-bottom: 4.2em;
  }

  .heading-top {
    font-size: 4.4em;
  }

  .collection-list-wrapper {
    margin-bottom: 6em;
  }

  .collection-list {
    grid-row-gap: 5.5em;
  }

  .image-blog-main {
    height: auto;
  }

  .blog-main {
    margin-top: 4.4em;
    margin-bottom: 3.4em;
    padding-left: 1.7em;
    padding-right: 1.7em;
  }

  .block-img-large-a {
    min-height: 60vh;
  }

  .heading-large {
    font-size: 14vw;
  }

  .block-img-large-b {
    min-height: 60vh;
  }

  .content {
    margin-top: 5.5em;
    margin-bottom: 5.5em;
  }

  .grid-contact-links {
    grid-template-columns: 1fr;
  }

  .grid-splash {
    margin-bottom: 8em;
  }

  .grid-splash._3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .tikflow-slider {
    min-width: 100svh;
    height: 100vw;
  }

  .tikflow-slide-content {
    width: 100svh;
    height: 100vw;
  }

  .tikflow-aspect-ratio {
    border-radius: 0;
    width: auto;
  }

  .mask {
    width: 100%;
    height: 100%;
  }

  .lightbox-link-2 {
    width: 52vw;
    height: 30vw;
  }

  .background-video-2, .background-video-3 {
    display: none;
  }

  .lightbox-link-3 {
    width: 52vw;
    height: 30vw;
  }

  .lightbox-link-3.type-work-c {
    width: 82vw;
    height: 46vw;
  }

  .background-video-4 {
    display: none;
  }

  .grid-work-copy {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 2.8em;
  }

  h2 {
    font-size: 2.2em;
  }

  h3 {
    font-size: 1.7em;
  }

  h4 {
    font-size: 1.3em;
  }

  .navbar {
    padding: 1.52em;
    inset: 0% 0% auto;
  }

  .nav-menu {
    margin-left: .6em;
    margin-right: .6em;
  }

  .nav-link {
    padding-top: 1.3em;
    padding-bottom: 1.3em;
  }

  .icon-menu {
    font-size: .96em;
    line-height: 1em;
  }

  .menu-button {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    color: var(--light);
    background-color: #2d2c2d80;
    border-radius: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .54em;
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
    display: flex;
  }

  .menu-button.w--open {
    background-color: #2d2c2dcc;
  }

  .grid-hero-a {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .heading-hero {
    font-size: 8vw;
  }

  .grid-project-a {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  .lightbox-link, .lightbox-link.type-b, .lightbox-link.type-c {
    width: 80vw;
    height: 45vw;
  }

  .lightbox-link.type-full-50 {
    height: 54vw;
  }

  .background-video.no-image {
    width: 80vw;
    height: 45vw;
  }

  .grid-hero-b {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .grid-project-b {
    margin-top: 8vw;
  }

  .footer {
    grid-row-gap: .75em;
    flex-direction: column;
  }

  .block-project-c {
    width: 100%;
  }

  .grid-project-c {
    margin-top: 10em;
    margin-bottom: 12em;
  }

  .grid-hero-c {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

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

  .block-cta-full {
    min-height: auto;
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .yellow-circle {
    filter: blur(12px);
  }

  .hero-horizontal {
    padding-top: 10em;
  }

  .circle-hero {
    top: 3em;
  }

  .block-circle-hero {
    margin-top: 6em;
  }

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

  .block-project-work, .block-project-work.large {
    height: 50vw;
  }

  .yellow-circle-cta {
    filter: blur(12px);
  }

  .heading-cta {
    font-size: 6.5vw;
  }

  .grid-work-r, .grid-work-l {
    grid-row-gap: 2.9em;
    grid-template-columns: 1fr;
  }

  .heading-top {
    font-size: 3.6em;
  }

  .blog-main {
    margin-top: 3.4em;
    margin-bottom: 2.4em;
  }

  .grid-contact-a {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .contact-link {
    min-height: 50vw;
  }

  .grid-contact-c {
    grid-template-columns: 1fr;
  }

  .contact-c {
    padding-left: 10%;
    padding-right: 10%;
  }

  .block-field {
    flex-direction: column;
  }

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

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

  .splash-subsection {
    padding-bottom: 1em;
  }

  .grid-splash {
    grid-row-gap: 4vw;
    grid-template-columns: 1fr;
  }

  .grid-splash._3-columns {
    grid-template-columns: 1fr;
  }

  .background-video-splash {
    height: 43vw;
  }

  .tikflow-slider {
    flex-direction: row;
    width: 100svh;
  }

  .tikflow-slide-content {
    width: 100svh;
    height: 100vw;
  }

  .tikflow-aspect-ratio {
    aspect-ratio: 9 / 16;
    border-radius: 0;
    width: auto;
    max-width: 100vw;
    height: 100svh;
  }

  .tikflow-slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .mask {
    width: 100%;
    height: 100%;
  }

  .container-video {
    width: 80vw;
  }

  .lightbox-link-2, .lightbox-link-3 {
    width: 80vw;
    height: 45vw;
  }

  .contact-link-2 {
    min-height: 50vw;
  }

  .grid-work-copy {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.2em;
  }

  h2 {
    font-size: 1.7em;
  }

  h3 {
    font-size: 1.3em;
  }

  h4 {
    font-size: 1.1em;
  }

  h5 {
    font-size: 1em;
  }

  h6 {
    font-size: .9em;
  }

  .navbar {
    padding: 1.1em 1em;
  }

  .nav-menu.toggle {
    display: flex;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
  }

  .grid-hero-a {
    padding: 0;
  }

  .grid-project-a {
    grid-row-gap: 1.25em;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .lightbox-link, .lightbox-link.type-b, .lightbox-link.type-c {
    width: 90vw;
    height: 50vw;
  }

  .background-video.no-image {
    aspect-ratio: 16 / 9;
    width: 95vw;
    height: auto;
  }

  .block-project-text {
    grid-row-gap: 0em;
    padding: .8em 2em .8em .9em;
    bottom: .4em;
    left: .4em;
  }

  .subheading-project {
    font-size: .7em;
  }

  .img-hover:hover {
    opacity: 0;
  }

  .heading-project {
    font-size: .8em;
  }

  .logo {
    top: 1.1em;
    left: 1em;
  }

  .grid-hero-b {
    padding: 0;
  }

  .grid-project-b {
    grid-row-gap: 1.25em;
    margin-top: 5vw;
  }

  .footer {
    grid-row-gap: 1.75em;
  }

  .block-footer {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .block-project-c {
    display: flex;
  }

  .grid-project-c {
    grid-row-gap: 0em;
    width: 95%;
    margin-top: 4em;
  }

  .grid-hero-c {
    padding: 0;
  }

  .frame-100, .frame-50 {
    padding-top: .35em;
    padding-bottom: .35em;
  }

  .grid-2-lightbox {
    grid-row-gap: .7em;
  }

  .block-cta-full {
    padding-top: 4.2em;
    padding-bottom: 4.2em;
  }

  .yellow-circle-hero {
    filter: blur(20px);
    width: 20vw;
    height: 20vw;
  }

  .section {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .section-call-to-action {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }

  .section-call-to-action-large {
    padding-top: 17vw;
    padding-bottom: 17vw;
  }

  .block-heading-top {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .heading-top {
    font-size: 2.8em;
  }

  .collection-list-wrapper {
    margin-bottom: 4.5em;
  }

  .collection-list {
    grid-row-gap: 4em;
  }

  .block-heading-blog {
    grid-row-gap: .25em;
    flex-direction: column;
  }

  .content {
    grid-row-gap: 6em;
  }

  .grid-content {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .contact-link {
    padding: 1.6em;
  }

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

  .grid-splash {
    margin-bottom: 6em;
  }

  .splash {
    margin-bottom: -2em;
  }

  .light {
    display: none;
  }

  .html-embed-2 {
    width: 80%;
  }

  .div-block-2 {
    border-radius: 10px;
    width: 95vw;
  }

  .tikflow-slider {
    align-items: center;
    min-width: 100svh;
    height: 100vw;
    transform: rotate(90deg);
  }

  .tikflow-slide-content {
    justify-content: center;
    width: 100svh;
    min-width: 100svh;
    height: 100vw;
  }

  .interaction-buttons {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-right: 10px;
    padding: 10px 0;
  }

  .icon-embed {
    width: 30px;
  }

  .icon-embed.bookmark {
    width: 25px;
  }

  .image-profile {
    width: 45px;
    height: 45px;
  }

  .tikflow-wrapper {
    display: flex;
  }

  .tikflow-aspect-ratio {
    aspect-ratio: auto;
    border-radius: 0;
    width: 100vw;
    overflow: visible;
  }

  .plut-container {
    width: 20px;
    height: 20px;
    bottom: -10px;
  }

  .main-content {
    z-index: 1;
    padding-right: 60px;
  }

  .html-embed-3 {
    z-index: -2;
    height: 100svh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .collection-list-wrapper-2 {
    display: none;
  }

  .mask {
    border-radius: 0;
    overflow: hidden;
  }

  .container-video {
    border-radius: .94rem;
    width: 83vw;
    overflow: hidden;
  }

  .lightbox-link-2, .lightbox-link-3 {
    width: 90vw;
    height: 50vw;
  }

  .contact-link-2 {
    padding: 1.6em;
  }
}

#w-node-b1e52805-00a6-b384-45f3-2d2607d96a61-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96a71-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96a73-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96a7b-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96aa3-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96a8b-23ab6b32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1e52805-00a6-b384-45f3-2d2607d96a93-23ab6b32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b1e52805-00a6-b384-45f3-2d2607d96a9b-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96aab-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96a83-23ab6b32, #w-node-b1e52805-00a6-b384-45f3-2d2607d96ab3-23ab6b32 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6864958-b755-0cbb-432b-528097902966-23ab6b75 {
  justify-self: start;
}

#w-node-_85cabc28-3024-30e1-b6fe-eac2a526c6b0-23ab6b75, #w-node-_57aaaf34-119f-98f0-8791-4b2504b9744d-23ab6b75, #w-node-_1b689fdd-e261-106e-08f3-c8fab88ec8cb-23ab6b75, #w-node-_966eb0e8-8c5e-2ddb-573b-c96a07306c9a-23ab6b75, #w-node-_255826c9-9b7c-9e1c-ae2c-82b59fefe0c8-23ab6b8c, #w-node-_255826c9-9b7c-9e1c-ae2c-82b59fefe0d8-23ab6b8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_255826c9-9b7c-9e1c-ae2c-82b59fefe0e5-23ab6b8c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_255826c9-9b7c-9e1c-ae2c-82b59fefe0e5-23ab6b8c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'DT Nightingale';
  src: url('../fonts/nightingale-v2.0.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}