@font-face {
  font-family: Main;
  src: url('../fonts/SuisseIntl-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Main;
  src: url('../fonts/SuisseIntl-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Main;
  src: url('../fonts/SuisseIntl-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Main;
  src: url('../fonts/SuisseIntl-Ultralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Main;
  src: url('../fonts/SuisseIntl-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Main;
  src: url('../fonts/SuisseIntl-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Secondary;
  src: url('../fonts/Favorit-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Secondary;
  src: url('../fonts/Favorit-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --wht: white;
  --blk: #030303;
  --linen: #a7a7a7;
  --border: #e2e2e480;
  --grey: #e2e2e4;
  --lavender: #c9cfea;
  --accent\<deleted\|variable-42813bd4\>: black;
  --tomato\<deleted\|variable-c8dd3bd3\>: #ff625b;
  --dark-sea-green\<deleted\|variable-d214e076\>: #7ec085;
  --cornflower-blue\<deleted\|variable-b696fa26\>: #568bff;
  --navajo-white\<deleted\|variable-f612ba92\>: #fecc93;
  --smoke: whitesmoke;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.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;
}

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

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

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

@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(--wht);
  color: var(--blk);
  letter-spacing: 1px;
  font-family: Main, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Secondary, Impact, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  color: var(--linen);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Quincy CF;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
}

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

h6 {
  color: var(--wht);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

a {
  text-decoration: underline;
}

img {
  max-width: 100%;
  display: inline-block;
}

.layout {
  border: 1px solid var(--border);
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.layout.marketplace {
  border-style: none;
  border-radius: 0;
  max-width: none;
  margin-top: 2em;
}

.wrapper.wrapper-contact {
  height: 100vh;
}

.wrapper.home-wrap {
  flex-flow: column;
}

.index {
  z-index: 107;
  border-bottom: 1px solid var(--border);
  border-radius: 8px 8px 0 0;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, .5fr) .25fr 1.25fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
  position: relative;
}

.index.has-bkg {
  z-index: 26;
  background-color: var(--wht);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.contact {
  border-left: 1px solid var(--border);
  background-image: url('../images/Email.svg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 10%;
  min-width: 100px;
  height: 100%;
  padding-top: 30px;
  text-decoration: none;
  display: flex;
}

.contact:hover {
  background-color: #e9e8ed80;
}

.header {
  border-left: 1px solid var(--border);
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.header.timeline-hide {
  background-color: var(--wht);
}

.content {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(5%, .5fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.content_body {
  border-left: 1px solid var(--border);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 70%;
  height: 99vh;
  display: flex;
}

.tik {
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: break-spaces;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  font-family: Gilroy;
  font-size: .7em;
  font-weight: 600;
  line-height: 1;
}

.locat {
  background-image: url('../images/Location.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-right: 1em;
}

.locat-pin {
  white-space: break-spaces;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.no-click {
  z-index: 99;
  display: block;
  position: fixed;
  inset: 0%;
}

.grain {
  z-index: 104;
  opacity: 0;
  background-image: url('../images/noise.gif');
  background-position: 50%;
  background-size: auto;
  position: fixed;
  inset: 0%;
}

.case-study {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 95%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  display: flex;
  position: relative;
}

.cover_img {
  z-index: 111;
  opacity: .9;
  filter: invert();
  background-image: url('../images/forth.gif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
  position: relative;
}

.navbar-li {
  background-color: var(--grey);
  text-align: center;
  letter-spacing: 1px;
  width: 90%;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}

.cs_body {
  border-left: 3px none var(--wht);
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.cs-50-left {
  border-right: 1px solid var(--border);
  flex: 1;
}

.cs-item {
  border-bottom: 1px solid var(--border);
  color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  align-items: center;
  width: 100%;
  height: 25%;
  padding: 20px;
  text-decoration: none;
  transition: letter-spacing .4s, background-color .5s, color .3s;
  display: flex;
  position: relative;
}

.cs-item:hover {
  letter-spacing: 1px;
  background-color: #504b3c4d;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.cs-item.last {
  border-bottom-style: none;
  transition: background-color .2s, color .3s;
}

.cs-item.last:hover {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.cs-50-right {
  flex: 1;
  height: 100%;
  position: relative;
}

.cs-h2 {
  color: var(--blk);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Quincy CF;
  font-size: 40px;
  line-height: 1;
}

.cs-para {
  color: var(--blk);
  letter-spacing: .5px;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.cs-img-wrap {
  z-index: 104;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  position: sticky;
  inset: 0 0% 0%;
  overflow: hidden;
}

.cs-wrapper {
  z-index: 1;
  width: 100%;
  height: 100vh;
  padding: 20px;
}

.content-cs {
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: minmax(5%, .5fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.pg-title {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.services {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 90px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.service-wrap {
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 1;
  display: flex;
}

.dot {
  background-color: var(--wht);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}

.dot.red {
  color: #ff625b;
  background-color: #ff0b00;
  width: 10px;
  min-width: 10px;
  max-width: 10px;
  height: 10px;
  min-height: 10px;
  max-height: 10px;
}

.service-p {
  letter-spacing: 2px;
  background-color: #030303;
  margin-bottom: 0;
  font-weight: 600;
}

.content-a {
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: minmax(5%, .5fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.a-head {
  background-color: var(--wht);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 40vh;
  display: flex;
  position: relative;
}

.bits-c {
  border-style: solid none;
  border-width: 1px 3px;
  border-color: var(--border) var(--wht);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.bits-c.second {
  border-top-style: none;
}

.bits-p {
  border-style: none solid none none;
  border-width: 3px 1px 3px 3px;
  border-color: var(--wht) var(--border) var(--wht) var(--wht);
  background-color: var(--wht);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16.66%;
  height: 150px;
  display: flex;
}

.bits-p.second-c, .bits-p.third-c, .bits-p.forth-c {
  border-right-color: var(--border);
}

.bits-p.last-c {
  border-right-style: none;
}

.choice-p {
  position: relative;
}

.nope {
  opacity: .72;
  color: var(--linen);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Main, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
}

.yep {
  color: var(--blk);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Secondary, Impact, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.strike {
  background-color: var(--border);
  width: 100%;
  height: 2px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.footer {
  border-top: 3px solid var(--border);
  height: 30vh;
  display: flex;
}

.footer.project {
  border-top-style: none;
  justify-content: space-between;
  align-items: center;
  height: auto;
}

.at {
  color: var(--wht);
  text-align: right;
  letter-spacing: 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy;
  font-size: 32px;
  font-style: italic;
  font-weight: 400;
  transition: color .3s;
}

.at:hover {
  color: var(--border);
}

.social-link {
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  margin-bottom: 15px;
  display: flex;
}

.icon-wrap {
  display: flex;
}

.ico {
  border: 1px solid var(--border);
  background-color: var(--blk);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  transition: transform .2s cubic-bezier(.47, 0, .745, .715);
  display: flex;
}

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

.ico.linkedin {
  background-image: url('../images/linkedin.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.ico.dribbble {
  background-image: url('../images/dribbble.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.hidden {
  display: none;
}

.tag {
  color: var(--blk);
  text-align: left;
  letter-spacing: 1px;
  font-weight: 300;
  display: inline-block;
}

.break {
  z-index: 30;
  border-style: none;
  border-width: 1px 3px;
  border-color: var(--border) var(--wht);
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/noise.gif');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100px;
  display: block;
  position: relative;
}

.link_container {
  color: var(--wht);
  padding: .5em;
  display: inline-block;
}

.link_container:hover {
  color: var(--wht);
}

.link {
  border: 1px solid var(--wht);
  background-color: var(--linen);
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  padding: .5em 1em;
  font-size: 16px;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.top {
  flex-flow: column wrap;
  align-items: flex-start;
  width: 100%;
  padding: 50px 20px 50px 50px;
  display: flex;
}

.content-c {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(5%, .5fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 89%;
  display: flex;
}

.bottom {
  border-top: 1px solid var(--border);
  flex: 1;
  align-items: flex-start;
  padding: 20px 50px;
  display: flex;
}

.contact-form {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}

.contact-form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.textarea {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--border);
  min-height: 150px;
  margin-bottom: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.textarea::placeholder {
  color: var(--linen);
}

.input {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--border);
  height: 60px;
}

.input::placeholder {
  color: var(--linen);
}

.tag--project {
  border: 1px dashed var(--border);
  color: var(--blk);
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 10px 20px;
  font-family: Gilroy;
  font-size: 9px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  inset: 20px auto auto 20px;
}

.relative {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: relative;
}

.second_wrap {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.blank {
  width: 100%;
  height: 100%;
  position: relative;
}

.third_wrap {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.soon {
  color: var(--wht);
  margin: 0 auto;
  line-height: 1;
  position: absolute;
  inset: auto 5% auto auto;
}

.html {
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .45fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footerprojects {
  border-right: 2px none var(--wht);
  border-left: 1px solid var(--border);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 300px;
  padding: 20px;
  display: flex;
  position: relative;
}

.footer-right-projects {
  background-image: url('../images/Face.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 150px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 300px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.playground {
  flex-direction: column;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: minmax(5%, .5fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home {
  background-image: url('../images/home-1.svg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 10%;
  min-width: 100px;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 0;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.home:hover {
  background-color: #e2e2e480;
}

.home.w--current {
  background-image: url('../images/home-1.svg');
  background-repeat: no-repeat;
  background-size: auto 20px;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.subtitle {
  color: var(--linen);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 11px;
}

.body-display {
  font-size: 14px;
  line-height: 1.65em;
}

.project-hero {
  border-bottom: 1px solid var(--border);
  flex-direction: column;
  justify-content: center;
  margin-top: 1px;
  padding: 4em 2%;
  display: flex;
}

.small-width {
  padding-right: 24px;
}

.heading.large {
  color: var(--border);
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Quincy CF;
  font-size: 70px;
  font-weight: 300;
  line-height: 1;
}

.stacked-description {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.project-background {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 500px;
}

.detail-card {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  border-top: 1px #eff9fc1a;
  border-right: 1px solid var(--border);
  border-left: 1px #eff9fc1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  padding: 48px 48px 48px 24px;
  display: grid;
}

.detail-card.first-border, .detail-card.second-border {
  border-right-width: 1px;
  border-right-color: var(--border);
}

.section {
  z-index: 20;
  border-bottom: 1px solid #eff9fc1a;
  justify-content: center;
  padding-top: 180px;
  padding-bottom: 180px;
  display: flex;
  position: relative;
  overflow: visible;
}

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

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

.sub-h4 {
  letter-spacing: 2px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy;
  font-size: 26px;
  font-weight: 300;
}

.four-column {
  z-index: 110;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.side-title {
  z-index: 10;
  color: var(--grey);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 23px;
  font-weight: 400;
  line-height: 2.3;
  position: relative;
}

.showcase-wrapper {
  margin: -1px -2px -2px -1px;
  position: relative;
  overflow: hidden;
}

.showcase-wrapper.three {
  margin-top: 72px;
  margin-left: 72px;
}

.showcase-wrapper.two {
  flex-direction: column;
  margin-top: 36px;
  margin-left: 36px;
}

.showcase-wrapper.one {
  overflow: visible;
}

.project-showcase {
  z-index: 20;
  justify-content: center;
  padding-top: 170px;
  padding-bottom: 170px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-showcase.no-clip {
  z-index: 110;
  padding-top: 130px;
  overflow: visible;
}

.showcase-image {
  z-index: 106;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 840em;
  display: flex;
  position: sticky;
  top: 101px;
}

.showcase-gallery-image {
  object-fit: contain;
  border-radius: 16px;
  width: 100%;
  height: auto;
  margin: -1px;
  box-shadow: 0 10px 22px 5px #fff2c11f;
}

.showcase-image-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 6px;
  padding-bottom: 0;
  display: grid;
}

.grid-wrap {
  z-index: 110;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(1vw, 1fr) minmax(auto, 1400px) minmax(1vw, 1fr);
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.client-quote {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
  position: relative;
}

.testimonial-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
}

.testimonial-text.large {
  color: var(--wht);
  font-size: 38px;
  font-weight: 400;
  line-height: 1.25em;
}

.testimonial-name {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bkg-wrap {
  width: auto;
  margin: 25px;
  overflow: hidden;
}

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

.avatar {
  background-image: url('../images/031.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 80px;
  height: 80px;
}

.avatar.aereu {
  background-image: url('../images/rachel-mcdermott_optimized.webp');
}

.avatar.rebrandless {
  background-image: url('../images/dan-cornilov.webp');
}

.testimonial-section {
  z-index: 20;
  justify-content: center;
  padding-top: 170px;
  padding-bottom: 170px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-section.large {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  flex-flow: column;
  padding: 20px;
}

.client-name {
  color: var(--wht);
  font-size: 18px;
}

.overlay-testimonial {
  z-index: 3;
  filter: invert();
  background-color: #03060c80;
  position: absolute;
  inset: 0%;
}

.overlay-testimonial.dark {
  border: 1px solid var(--border);
}

.background {
  filter: invert();
  background-image: url('../images/forth.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 300px;
}

.cta {
  z-index: 20;
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta.top-border {
  border-bottom: 1px solid var(--border);
}

.cta.top-border.hidden {
  display: none;
}

.button-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.stacked-title {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-family: Quincy CF;
  font-weight: 300;
  display: grid;
}

.call-to-action-intro {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.what-i-do {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  padding: 5em 24px;
  line-height: 4.2;
  display: grid;
}

.new-hero-content {
  z-index: 2;
  color: var(--grey);
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  padding: 2em 5%;
  display: flex;
  position: relative;
}

.overflow-hiden-div {
  overflow: hidden;
}

.trans {
  color: var(--blk);
  font-family: Secondary, Impact, sans-serif;
  font-size: 8vw;
  font-weight: 400;
  line-height: 1;
}

.hero-paragraph {
  opacity: .74;
  color: var(--linen);
  max-width: 450px;
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.6;
}

.plaground-header {
  z-index: 1;
  border-bottom: 1px solid var(--border);
  background-color: var(--wht);
  align-items: center;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
  position: relative;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, var(--wht), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_milestone-badge {
  border: 1px dashed var(--wht);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_quote-title {
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.overlay-fade-top {
  background-image: linear-gradient(to bottom, var(--wht), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 300px 100px 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: grid;
  position: relative;
}

.timeline_quote-wrapper {
  border: 1px dashed var(--linen);
  background-color: var(--border);
  border-radius: 6px;
  align-items: flex-start;
  max-width: 480px;
  padding: 12px;
  display: flex;
}

.timeline_quote-text-wrapper {
  flex: 1;
}

.timeline_image-wrapper {
  z-index: 109;
  overflow: hidden;
}

.timeline_progress {
  background-color: var(--grey);
  width: 3px;
  height: 100%;
  position: absolute;
  left: 348px;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.timeline_progress-bar {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--lavender), var(--lavender));
  width: 3px;
  height: 54vh;
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
}

.timeline_circle {
  background-color: var(--grey);
  box-shadow: 0 0 0 8px var(--border);
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 51vh;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.timeline_date-text {
  color: var(--blk);
  letter-spacing: .1em;
  font-family: Gilroy;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_date-text.first {
  margin-top: -20px;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
}

.lines {
  background-image: linear-gradient(to bottom, var(--border), var(--wht));
  width: 200px;
  height: 1px;
  margin-top: 24px;
}

.timeline-paragraph {
  opacity: .74;
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Secondary, Impact, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
}

.timeline-sub {
  color: var(--border);
  letter-spacing: 10px;
  margin-bottom: 6vh;
  font-family: Main, Arial, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
  position: sticky;
  top: 48vh;
  bottom: 0;
}

.test {
  position: relative;
}

.project-body {
  padding-right: 10%;
}

.last {
  letter-spacing: 0;
}

.timeline-blocker {
  background-color: var(--wht);
  width: 100%;
  height: 20px;
  position: absolute;
  inset: 0% 0% auto;
}

.first_wrap {
  z-index: 6;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.fourth_wrap {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.testi-column {
  z-index: 110;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 4vw;
  margin-right: 4vw;
  display: grid;
}

.screen-container {
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 0 4px 22px 3px #fff2c11f;
}

.screen-image {
  z-index: 107;
  object-fit: contain;
  width: 100%;
  max-width: none;
  position: relative;
  box-shadow: 0 0 30px #fff2c11f;
}

.bkg_img {
  z-index: 0;
  opacity: .3;
  filter: invert() grayscale();
  background-image: url('../images/Homepage_Secondary_Accordion_02_Aganice_Background_1500x540px.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 220%;
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.img {
  border: 2px solid var(--border);
  opacity: .3;
  object-fit: cover;
  border-radius: 8px;
  width: 90%;
  height: 55%;
  margin: auto;
  position: absolute;
  inset: -100px 0 0;
  box-shadow: 7px 7px 10px -1px #0000001a;
}

.img.mobile {
  display: none;
}

.next-project {
  height: 200px;
}

.next-project-txt {
  position: absolute;
  inset: auto auto 20px 20px;
}

.typed-words {
  color: var(--border);
  text-align: right;
  height: 70px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
}

.project-column {
  background-image: url('../images/Isolation-48°0851.4_N-8°3808.8E_FabianKnecht_2020_01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  height: 400px;
  margin-top: 165px;
  display: flex;
}

.project-column-text {
  border-bottom: 1px solid var(--border);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2em;
  display: flex;
}

.success-message {
  background-color: var(--blk);
}

.bkg-sparkle {
  z-index: -1;
  opacity: .25;
  filter: invert();
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.block-out {
  background-color: var(--wht);
  width: 40px;
  height: 100%;
  position: absolute;
  left: 23.6em;
}

.error {
  color: var(--blk);
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 5%;
}

.btn {
  border: 1px solid var(--blk);
  background-color: var(--blk);
  text-align: center;
  border-radius: 3px;
  padding: 9px 2em;
  transition: color .5s, background-color .5s;
  box-shadow: 0 1px 5px #0003;
}

.btn:hover {
  background-color: var(--blk);
  color: var(--wht);
}

.t-15 {
  max-width: 480px;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
}

.checkout {
  font-size: 32px;
}

.button {
  border: 1px solid var(--border);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ffffff1a;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 10px;
  font-weight: 400;
  line-height: 2;
}

.button.dark {
  background-color: var(--blk);
  border-radius: 4px;
}

.button.dark.large {
  width: 30%;
}

.button.btn-chkout {
  background-color: var(--blk);
  border-radius: 4px;
}

.button.form-open {
  background-color: var(--blk);
  border-radius: 4px;
  display: none;
}

.heading-2 {
  font-weight: 300;
}

.snipcart-checkout {
  border-left: 1px solid var(--border);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 10%;
  min-width: 100px;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 0;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.snipcart-checkout:hover {
  background-color: #e2e2e480;
}

.cart-dot {
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
  position: absolute;
  inset: 22% auto auto;
}

.snipcart-items-count {
  color: var(--accent\<deleted\|variable-42813bd4\>);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.red {
  color: var(--tomato\<deleted\|variable-c8dd3bd3\>);
}

.green {
  color: var(--dark-sea-green\<deleted\|variable-d214e076\>);
}

.blue {
  color: var(--cornflower-blue\<deleted\|variable-b696fa26\>);
}

.yellow {
  color: var(--navajo-white\<deleted\|variable-f612ba92\>);
}

.invert {
  filter: invert();
}

.product-h1 {
  z-index: 1;
  letter-spacing: 6px;
  margin-top: 10px;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  grid-template: "." 270px
  / 20px 1fr 20px 1fr 20px 1fr 20px;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  display: grid;
}

.spacer {
  border-style: none solid;
  border-width: 1px;
  border-color: var(--border);
  width: 20px;
  height: 100%;
}

.spacer.left {
  border-left-style: none;
}

.spacer.right {
  border-right-style: none;
}

.spacer.active {
  background-color: var(--grey);
  height: 100%;
}

.grid-prd-img {
  object-fit: contain;
  height: 250px;
}

.grid-prd-img.tba {
  filter: blur(14px);
}

.prd {
  border: 1px none var(--border);
  flex-direction: column;
  display: flex;
  position: relative;
}

.prd.top-row {
  border-top-style: none;
  border-bottom-style: none;
  text-decoration: none;
}

.prd-h4 {
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy;
  font-size: 10px;
  font-weight: 500;
}

.stay-looped {
  background-color: var(--border);
  height: 400px;
  position: relative;
}

.prd-h3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--blk);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin: auto;
  padding-top: 4em;
  font-family: Main, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.8;
  display: flex;
  position: absolute;
  inset: 0;
}

.free {
  color: var(--linen);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

.prd-top {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  height: 20px;
  min-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.prd-top.active {
  background-color: var(--grey);
}

.sp-10 {
  border-top: 1px solid var(--border);
  height: 10vh;
}

.soldout {
  background-color: #ff625b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding-left: 2px;
  padding-right: 2px;
  display: none;
  position: absolute;
  inset: 10% 5% auto auto;
}

.soldout-txt {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy;
  font-size: 10px;
  font-weight: 500;
}

.card-tab-menu {
  z-index: 2;
  flex-direction: column;
  width: 20px;
  display: flex;
  position: absolute;
  inset: 0% -20px 0% auto;
}

.card-tab {
  flex: 1;
  width: 100%;
  padding: 0;
}

.card-tab.yellow {
  background-color: #f7d959;
}

.card-tab.orange {
  background-color: #ff6a13;
}

.card-tab.green, .card-tab.green.w--current {
  background-color: #68724d;
}

.card-tab.blue {
  background-color: #6e88bc;
}

.card-tab.lilac {
  background-color: #ae96d4;
}

.card-content {
  overflow: visible;
}

.prd-btn {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  height: 20px;
  min-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.card-cont {
  width: 100%;
}

.card-link {
  z-index: 7;
  background-color: var(--grey);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% -20px;
}

.card-p {
  margin-bottom: 0;
  font-size: 10px;
  text-decoration: none;
}

.bar {
  background-color: var(--grey);
  width: 90%;
  height: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.product-h1-shadow {
  opacity: .5;
  color: var(--grey);
  white-space: nowrap;
  width: auto;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 70px;
  font-weight: 300;
  line-height: 1.3;
  position: absolute;
}

.pdp-title-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.phonetic {
  letter-spacing: 2px;
  max-width: 500px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
}

.phonetic.light {
  opacity: .5;
}

.pop-up {
  z-index: 999;
  background-color: #030303b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up-wrap {
  box-shadow: 0 2px 10px 20px var(--grey);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  text-align: center;
  background-color: #ffffffb3;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  height: auto;
  padding: 50px;
  display: flex;
  position: relative;
}

.close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 14px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 2% 2% auto auto;
}

.pdp-ico {
  width: 40px;
}

.pdp-ico.landscape {
  width: 100px;
}

.back-arrow {
  z-index: 999;
  background-color: var(--blk);
  border-radius: 6px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.definition {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.pdp-image {
  height: 510px;
  position: relative;
  bottom: 165px;
}

.out-stock {
  color: #ff625b;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.measurement {
  color: var(--blk);
  font-size: 18px;
}

.pdp-sumbit {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.pdp-form-block {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.checkout-header {
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 50px;
  display: flex;
}

.cart-h {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Quincy CF;
  font-weight: 300;
}

.checkout-p {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 0;
  padding-left: 50px;
}

.lbl {
  text-align: left;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 300;
}

.form-input {
  border-radius: 4px;
  margin-bottom: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
}

.form-input::placeholder {
  color: var(--blk);
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
}

.checkout-body {
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  padding-bottom: 25px;
  display: flex;
}

.state {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.po {
  flex: 1;
}

.dimensions {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.success {
  text-align: left;
  background-color: #fff;
  width: 100%;
  padding-left: 50px;
}

.soldout-copy {
  background-color: #ff625b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding-left: 2px;
  padding-right: 2px;
  display: none;
  position: absolute;
  inset: 10% 5% auto auto;
}

.outofstock {
  display: none;
}

.outofstock.out-stock {
  display: block;
}

.outofstock.soldoutbtn {
  background-color: var(--border);
  border-radius: 4px;
  padding: 15px 50px;
}

.instock {
  display: none;
}

.instock.inbutton {
  background-color: var(--blk);
  border-radius: 4px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.btn-in {
  background-color: var(--blk);
  border-radius: 4px;
  padding-left: 50px;
  padding-right: 50px;
}

.out-btn {
  background-color: var(--border);
  border-radius: 4px;
  padding: 15px 50px;
}

.top-outofstock {
  color: #ff625b;
  font-size: 12px;
  font-weight: 600;
}

.pdp-slider {
  background-color: #0000;
  width: 460px;
  height: auto;
  bottom: 165px;
}

.color-pick {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.radio {
  z-index: 1;
  border-radius: 0%;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.radio-btn-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.radio-button {
  z-index: 2;
  background-color: var(--wht);
  border-style: none;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button.w--redirected-checked {
  background-color: var(--lavender);
}

.radio-button-label {
  z-index: 3;
  margin-bottom: 0;
  position: relative;
}

.qty-count {
  color: var(--linen);
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  display: block;
}

.colour-swatch {
  justify-content: space-around;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.swatch {
  border-bottom: 1px solid var(--border);
  background-color: var(--border);
  border-radius: 4px;
  width: 60px;
  height: 60px;
}

.swatch.f7e6de {
  background-color: #f7e6de;
}

.swatch._042f56 {
  background-color: #042f56;
}

.colour-p {
  color: var(--blk);
  letter-spacing: 2px;
  max-width: 500px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 2;
}

.dia {
  font-size: 16px;
}

.max-header {
  background-color: var(--border);
  background-image: url('../images/66d0179371b54a847c21ebb7_gxb9915r_1.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 15vh;
  min-height: 300px;
  position: relative;
}

.pdp-h4 {
  color: #000;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Secondary, Impact, sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-decoration: none;
}

.parent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  grid-template-rows: 300px 300px;
  grid-template-areas: "."
                       ".";
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: stretch stretch;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pdp-slide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--wht);
  background-color: var(--border);
  text-align: center;
  cursor: default;
  border-radius: 8px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 32%;
  height: auto;
  padding: 10px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.pdp-slide.hidden {
  display: none;
}

.pdp-card-img {
  border-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 370px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pdpd-card-img {
  object-fit: cover;
  border-radius: 6px;
  min-width: 100%;
  max-width: none;
  height: 120%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.nav {
  z-index: 999;
  background-image: url('../images/Name.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 95%;
  max-width: 950px;
  height: 60px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.text-cont {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--smoke);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 98%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 10px;
  display: flex;
}

.buttons-parent {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.home-card {
  border: 1px dashed var(--linen);
  background-color: var(--smoke);
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 49%;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.card-img {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 400px;
}

.profile-pic {
  border: 7px solid var(--wht);
  border-radius: 50%;
  width: 220px;
}

.availablity {
  border: 1px dashed var(--linen);
  background-color: var(--wht);
  white-space: break-spaces;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  padding: 10px 15px;
  display: flex;
  overflow: hidden;
}

.markplace-wrapper {
  padding-top: 100px;
}

.filters {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  padding-top: 4em;
  display: flex;
}

.filter-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--smoke);
  border-radius: 8px;
  padding: 35px 15px 10px;
  display: flex;
  position: relative;
}

.filter-title {
  border: 1px solid var(--grey);
  background-color: var(--blk);
  color: var(--linen);
  border-radius: 6px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 25px;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
}

.filter-h {
  color: var(--wht);
  font-family: Secondary, Impact, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.filter-item {
  background-color: var(--wht);
  border-radius: 6px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  height: auto;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.filter-item.colour {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 0;
  padding-right: 0;
}

.filter-item.colour.khaki {
  background-color: #dcdad6;
}

.filter-item.colour.yellow {
  background-color: #f6d44a;
  display: none;
}

.filter-item.colour.lilac {
  background-color: #a58bcf;
}

.filter-item.colour.hot-pink {
  background-color: #f5547c;
  display: none;
}

.filter-item.colour.red {
  color: var(--wht);
  background-color: #bb3d43;
}

.filter-item.colour.mandarin {
  opacity: .4;
  background-color: #f88e55;
  display: none;
}

.filter-item.colour.brown {
  color: var(--wht);
  background-color: #705747;
}

.filter-item.colour.green {
  color: var(--wht);
  background-color: #5a643e;
}

.filter-item.colour.blue {
  color: var(--wht);
  background-color: #011f47;
}

.filter-item.colour.black {
  color: var(--wht);
  background-color: #010101;
}

.size-title {
  font-family: Secondary, Impact, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.size-p {
  font-size: 10px;
  line-height: 1;
}

.out {
  margin-bottom: 0;
  font-size: 11px;
}

.timeline-img {
  border: 1px solid var(--linen);
  border-radius: 6px;
}

.empty {
  height: 30vh;
}

.card-img-border {
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  padding: 8px;
}

.insta {
  background-color: var(--wht);
  background-image: url('../images/instagram-light.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 6px;
  width: 35px;
  height: 35px;
  position: relative;
}

.cv-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: 500px;
  display: flex;
}

.cv-header-child {
  flex: 1;
}

.small {
  height: 100px;
}

.medium {
  height: 120px;
}

.large {
  height: 150px;
}

.tabs-parent {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.color {
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.tabs-menu {
  flex-flow: wrap;
  display: flex;
}

.default {
  display: none;
}

.grain-2 {
  z-index: 10;
  opacity: .05;
  pointer-events: none;
  background-image: url('../images/grain-slow.gif');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
  position: fixed;
  inset: 0%;
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1500px;
  }

  .filter-item.colour {
    justify-content: center;
    align-items: center;
    height: 40px;
    font-family: Secondary, Impact, sans-serif;
  }

  .filter-item.colour.red {
    color: var(--wht);
  }

  .filter-item.colour.brown, .filter-item.colour.green, .filter-item.colour.blue {
    color: var(--smoke);
  }

  .filter-item.colour.black {
    color: var(--wht);
  }
}

@media screen and (min-width: 1440px) {
  .layout {
    border-color: var(--border);
  }

  .contact {
    background-color: #0000;
    transition-duration: .5s;
  }

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

  .home {
    transition-duration: .5s;
  }

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

  .trans {
    font-size: 150px;
  }

  .snipcart-checkout {
    background-color: #0000;
    transition-duration: .5s;
  }

  .snipcart-checkout:hover {
    background-color: var(--border);
  }

  .max-header {
    min-height: 450px;
  }

  .pdp-slide {
    max-width: 27%;
  }

  .markplace-wrapper {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .wrapper.home-wrap {
    padding-bottom: 8em;
  }

  .cs-50-left {
    flex: 0 auto;
    width: auto;
  }

  .cs-h2 {
    font-size: 32px;
    font-weight: 400;
  }

  .pg-title {
    font-size: 24px;
  }

  .services {
    justify-content: space-between;
  }

  .bits-p {
    border-bottom-style: solid;
    border-bottom-color: var(--border);
    width: 33.3333%;
  }

  .bits-p.first-child {
    border-bottom-style: solid;
    border-bottom-color: var(--border);
  }

  .bits-p.second-c {
    border-bottom-style: solid;
    border-right-style: none;
    border-bottom-color: var(--border);
  }

  .bits-p.third-c, .bits-p.forth-c, .bits-p.last-c {
    border-bottom-style: none;
  }

  .footer {
    flex-direction: column-reverse;
    align-items: center;
    height: auto;
  }

  .link_container {
    padding: .5em;
  }

  .link {
    padding: .5em 1em;
  }

  .footerprojects {
    width: 100%;
  }

  .body-display {
    max-width: none;
  }

  .small-width {
    max-width: 60%;
    padding-right: 0;
  }

  .heading.large {
    margin-top: 0;
    margin-right: 0;
    font-size: 46px;
  }

  .stacked-description {
    justify-items: center;
  }

  .project-background {
    border: 1px solid var(--border);
    border-radius: 12px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .detail-card {
    grid-row-gap: 100px;
  }

  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .detail-cards-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .four-column {
    grid-row-gap: 48px;
  }

  .project-showcase {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .testimonial-text.large {
    font-size: 32px;
  }

  .testimonial-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .testimonial-section.large {
    padding-top: 180px;
  }

  .cta {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .stacked-title {
    grid-row-gap: 18px;
  }

  .call-to-action-intro {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .hero-paragraph, .timeline-paragraph {
    max-width: 350px;
  }

  .testi-column {
    grid-row-gap: 48px;
  }

  .project-column-text {
    text-align: center;
    align-items: center;
  }

  .pdp-slide {
    max-width: 49%;
  }

  .pdpd-card-img {
    object-fit: cover;
    height: 100%;
  }

  .buttons-parent {
    flex-flow: column;
  }

  .markplace-wrapper {
    height: auto;
  }

  .card-img-border {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .layout {
    border-style: none;
  }

  .wrapper {
    padding-top: 1%;
    padding-left: 0;
    padding-right: 0%;
  }

  .wrapper.wrapper-contact {
    height: auto;
  }

  .index {
    z-index: 6;
    border-bottom-style: none;
    width: 95%;
    height: 80px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .index.has-bkg {
    border-top: 2px solid var(--border);
  }

  .contact {
    z-index: 1;
    border: 1px solid var(--border);
    background-size: 17px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 120px;
    min-width: 0;
    height: 70px;
    padding: 0 0 10px;
    transition-property: none;
    display: flex;
    position: absolute;
    bottom: auto;
    left: auto;
    right: 0;
  }

  .header {
    border-left-style: none;
    border-right-style: none;
    display: flex;
    position: relative;
  }

  .header.is--timline {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .header.timeline-hide {
    border-bottom-style: none;
    border-radius: 4px;
  }

  .content {
    flex: none;
    height: 100vh;
  }

  .content_body {
    border-left-style: none;
  }

  .tik {
    color: var(--blk);
  }

  .cover_img {
    width: 95%;
  }

  .navbar-li {
    z-index: 1;
    font-weight: 500;
    position: absolute;
    bottom: 0%;
  }

  .cs_body {
    border-left-style: none;
    flex: 0 auto;
    width: 100%;
  }

  .cs-50-left {
    border-right-style: none;
    flex: 1;
    padding-bottom: 20px;
  }

  .cs-item {
    background-image: url('../images/62f573bce26479a19368644b_45-arrow-1.svg');
    background-position: 97% 92%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-bottom-width: 2px;
    align-items: flex-start;
    height: 400px;
    padding-top: 4em;
    padding-bottom: 5em;
  }

  .cs-item:hover {
    background-color: #ede7dc66;
    background-image: url('../images/62f573bce26479a19368644b_45-arrow-1.svg');
    background-position: 97% 92%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
  }

  .cs-item.last {
    border-bottom-style: solid;
  }

  .cs-50-right {
    display: none;
  }

  .cs-para {
    margin-top: 15px;
  }

  .cs-wrapper {
    height: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0%;
  }

  .a-head {
    height: 60vh;
  }

  .bits-c {
    padding-left: 0%;
    padding-right: 0%;
  }

  .choice-p {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nope {
    margin-bottom: 0;
    font-size: 26px;
  }

  .yep {
    margin-top: 0;
    font-size: 26px;
  }

  .footer.project {
    z-index: 1;
    flex-direction: column;
    display: flex;
  }

  .at {
    font-size: 45px;
  }

  .link {
    padding-left: 1.8em;
    padding-right: 1.8em;
  }

  .top {
    padding-left: 20px;
  }

  .content-c {
    height: 100vh;
  }

  .bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tag--project {
    top: 25px;
    left: 5%;
  }

  .soon {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 15px;
    font-family: Quincy CF;
    position: relative;
    inset: 0 auto auto 2%;
  }

  .soon.mob-hidden {
    display: none;
  }

  .footerprojects {
    border-left-style: none;
  }

  .footer-right-projects {
    border-bottom: 2px solid var(--border);
    height: 30vh;
  }

  .playground {
    padding-left: 0%;
    padding-right: 0%;
  }

  .home {
    z-index: 1;
    border: 1px solid var(--border);
    color: var(--blk);
    background-size: auto 15px;
    border-radius: 2px;
    justify-content: flex-end;
    width: 120px;
    height: 70px;
    padding-top: 0;
    padding-bottom: 10px;
    position: absolute;
    bottom: auto;
    left: 10px;
    right: auto;
  }

  .home.w--current {
    width: 120px;
    height: 70px;
    padding-bottom: 0;
    left: 0;
  }

  .heading.large {
    font-size: 40px;
  }

  .project-background {
    width: 70%;
    height: 80%;
  }

  .detail-card {
    grid-row-gap: 20px;
    border-top: 2px solid var(--border);
    border-right-style: none;
  }

  .detail-card.first-border {
    border-top-style: none;
    border-right-style: none;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .detail-cards-wrapper {
    border-left-width: 2px;
    border-right-width: 2px;
    grid-template-columns: 1fr;
  }

  .four-column {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .project-showcase {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .project-showcase.no-clip {
    padding-top: 30px;
  }

  .showcase-gallery-image {
    height: 350px;
  }

  .testimonial-text {
    font-size: 28px;
  }

  .testimonial-credit {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .testimonial-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .testimonial-section.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .cta {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta.top-border {
    border-bottom-width: 2px;
  }

  .call-to-action-intro {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .what-i-do {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: block;
  }

  .new-hero-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: max-content;
    grid-auto-columns: 1fr;
  }

  .trans {
    letter-spacing: 3px;
    line-height: 1;
  }

  .hero-paragraph {
    max-width: 400px;
    margin-top: 0;
    margin-left: 0;
  }

  .plaground-header {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .timeline_item {
    grid-template-columns: 55px 1fr;
    width: 100%;
    padding-bottom: 7vh;
    padding-left: 0%;
    padding-right: 3%;
  }

  .timeline_quote-wrapper {
    flex-direction: column-reverse;
  }

  .timeline_image-wrapper {
    justify-content: center;
    display: flex;
  }

  .timeline_progress {
    display: none;
    left: -2px;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_circle {
    box-shadow: 0 0 0 6px var(--border);
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
    margin-left: -4px;
    display: none;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .timeline_left {
    text-align: left;
  }

  .lines {
    width: 100px;
    display: none;
  }

  .timeline-paragraph {
    max-width: none;
    margin-bottom: 75px;
    font-size: 18px;
  }

  .timeline-sub {
    margin-bottom: 10vh;
    font-size: 20px;
  }

  .first_wrap {
    display: flex;
  }

  .testi-column {
    text-align: center;
    grid-template-columns: 1fr;
    place-items: stretch center;
  }

  .screen-container {
    width: 97%;
  }

  .img.mobile {
    width: 60%;
    margin-bottom: 20px;
    margin-left: 20px;
    display: block;
    top: 0;
  }

  .project-column {
    height: 280px;
  }

  .snipcart-checkout {
    z-index: 1;
    border: 1px solid var(--border);
    background-color: var(--wht);
    color: var(--blk);
    background-image: none;
    border-radius: 4px;
    justify-content: flex-end;
    width: 120px;
    min-width: 0;
    height: 70px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    transition-property: none;
    position: absolute;
    bottom: auto;
    left: auto;
    right: 10px;
  }

  .mob-hidden {
    display: none;
  }

  .product-h1 {
    font-size: 28px;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 270px;
    grid-template-columns: 20px 1fr 20px 1fr 20px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .prd-top {
    width: 100%;
  }

  .soldout {
    border-radius: 0%;
    width: 100%;
    height: 20px;
    top: 20px;
    right: 0%;
  }

  .card-tab-menu {
    left: -20px;
    right: auto;
  }

  .product-h1-shadow {
    font-size: 28px;
  }

  .phonetic {
    text-align: center;
    margin-top: 21px;
  }

  .pop-up-wrap {
    width: 80%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .definition {
    flex-flow: column;
  }

  .pdp-image {
    height: 400px;
  }

  .checkout-header {
    padding-left: 5%;
    padding-right: 5%;
  }

  .checkout-p, .lbl, .form-input {
    padding-left: 5%;
  }

  .soldout-copy {
    border-radius: 0%;
    width: 100%;
    height: 20px;
    top: 20px;
    right: 0%;
  }

  .pdp-slider {
    width: 100%;
    max-width: 350px;
  }

  .color-pick {
    padding-top: 5px;
  }

  .qty-count {
    display: block;
  }

  .swatch {
    width: 100px;
    height: 30px;
  }

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

  .max-header {
    height: 10vh;
  }

  .pdp-h4 {
    letter-spacing: 1px;
    font-size: 18px;
  }

  .pdp-slide {
    max-width: 48%;
  }

  .pdp-card-img {
    height: 200px;
  }

  .pdpd-card-img {
    height: 140%;
  }

  .nav {
    width: 92%;
  }

  .markplace-wrapper {
    height: auto;
    padding: 1% 0% 5% 0;
  }

  .filter-wrap {
    flex-flow: wrap;
  }

  .filter-wrap.size {
    flex-flow: column;
  }

  .filter-item {
    text-align: center;
    width: 100%;
    height: 100px;
  }

  .filter-item.colour {
    min-width: 100px;
  }

  .size-title {
    font-size: 16px;
    line-height: 1.2;
  }

  .size-p {
    line-height: 1.5;
  }

  .card-img-border {
    flex: 1;
  }

  .cv-header {
    padding-top: 1%;
    padding-left: 0;
    padding-right: 0%;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 28px;
  }

  .wrapper {
    padding-bottom: 0%;
    position: relative;
  }

  .index {
    z-index: 1;
  }

  .header {
    justify-content: center;
  }

  .cover_img {
    height: 350px;
  }

  .cs_body {
    justify-content: space-between;
  }

  .cs-item {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
  }

  .cs-item:hover {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .cs-h2 {
    margin-left: 0;
    font-size: 32px;
  }

  .cs-para {
    margin-bottom: 5px;
    font-size: 3vw;
  }

  .pg-title {
    letter-spacing: 3px;
    white-space: normal;
    font-size: 20px;
  }

  .content-a {
    height: 100%;
  }

  .a-head {
    height: auto;
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .bits-c {
    padding-left: 0%;
    padding-right: 0%;
  }

  .bits-p {
    border-right-style: none;
    width: 50%;
  }

  .bits-p.first-child {
    border-left-style: solid;
    border-left-color: var(--border);
  }

  .bits-p.third-c {
    border-bottom-style: solid;
    border-left-style: solid;
    border-left-color: var(--border);
  }

  .bits-p.forth-c {
    border-right-style: none;
  }

  .bits-p.last-c {
    border-left-style: solid;
    border-left-color: var(--border);
  }

  .link_container {
    padding: 2vw;
  }

  .link {
    padding: .5em 1em;
    font-size: 18px;
  }

  .top {
    padding-left: 25px;
    padding-right: 25px;
  }

  .content-c {
    height: 100%;
  }

  .soon {
    font-size: 10px;
    left: 20px;
  }

  .home {
    position: relative;
  }

  .home.w--current {
    justify-content: center;
    align-items: center;
    position: absolute;
  }

  .heading {
    font-size: 36px;
  }

  .heading.large {
    font-size: 38px;
  }

  .detail-card {
    grid-row-gap: 60px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .four-column {
    padding-left: 1%;
    padding-right: 1%;
    overflow: hidden;
  }

  .showcase-wrapper.three {
    margin-top: 24px;
    margin-left: 24px;
  }

  .showcase-wrapper.two {
    margin-top: 12px;
    margin-left: 12px;
  }

  .project-showcase {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .showcase-image {
    max-width: 350px;
  }

  .showcase-gallery-image {
    box-shadow: none;
    width: 100%;
  }

  .showcase-image-wrapper {
    margin-bottom: 24px;
  }

  .testimonial-text.large {
    font-size: 28px;
  }

  .testimonial-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .testimonial-section.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cta {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .button-wrapper {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
    width: 200px;
  }

  .call-to-action-intro {
    padding-top: 0;
  }

  .plaground-header {
    margin-top: 4em;
  }

  .timeline_item {
    grid-template-columns: 20px 1fr;
  }

  .timeline_progress {
    width: 2px;
    left: -2px;
  }

  .timeline_circle {
    display: none;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .timeline-paragraph {
    margin-top: 24px;
  }

  .img.mobile {
    width: 90%;
    margin-right: 20px;
  }

  .next-project-txt {
    font-size: 36px;
  }

  .project-column {
    height: 240px;
  }

  .stay-looped {
    height: auto;
    min-height: 500px;
    padding-top: 100px;
  }

  .prd-h3 {
    font-size: 18px;
    left: 20px;
  }

  .soldout {
    border-radius: 0%;
  }

  .card-content {
    padding-right: 0;
  }

  .pdp-image {
    height: 300px;
    bottom: 100px;
  }

  .out-stock {
    display: none;
  }

  .soldout-copy {
    border-radius: 0%;
  }

  .qty-count {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .max-header {
    height: 15vh;
  }

  .pdp-h4 {
    font-size: 22px;
  }

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

  .pdp-slide {
    flex: 0 auto;
    width: 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .pdp-card-img {
    height: 100%;
  }

  .pdpd-card-img {
    height: 145%;
  }

  .markplace-wrapper, .cv-header {
    padding-bottom: 0%;
    position: relative;
  }
}

#w-node-ec0912cd-7aec-fc93-af2a-eaeee3851475-39686426 {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: end;
}

#w-node-ec0912cd-7aec-fc93-af2a-eaeee3851478-39686426 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}

#w-node-ec0912cd-7aec-fc93-af2a-eaeee3851481-39686426, #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851497-39686426, #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514b0-39686426, #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514c7-39686426 {
  justify-self: center;
}

#w-node-_666458ca-1542-dc08-f5a6-85accc7f5319-68686428 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2a56fd2b-1c19-9efe-83c9-3bdc4bf80947-68686428 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aeb-68686428 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aee-68686428 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aef-68686428, #w-node-_65925904-f7b1-facc-57d0-cf6325226af2-68686428, #w-node-_65925904-f7b1-facc-57d0-cf6325226af5-68686428, #w-node-f59a753d-94de-20e5-0d73-c275e48fc924-68686428 {
  justify-self: center;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288a-68686428 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-68686428 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd02892-68686428 {
  align-self: center;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302b-68686428 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-68686428 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee1733032-68686428 {
  justify-self: center;
}

#w-node-_700be514-e338-7853-19f6-1a909487faca-68686428 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_073033f9-e156-7b75-316c-56f470fd6e48-7768642a {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: end;
}

#w-node-_787c9df3-206f-09ee-5d6c-b95684504a7e-7768642a {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}

#w-node-_711494a3-375d-dec7-655c-6924e0dfb555-7768642a, #w-node-_711494a3-375d-dec7-655c-6924e0dfb561-7768642a, #w-node-_711494a3-375d-dec7-655c-6924e0dfb574-7768642a, #w-node-_711494a3-375d-dec7-655c-6924e0dfb58e-7768642a {
  justify-self: center;
}

#w-node-_36202bca-fc65-193f-4468-27ad97280a95-9d68642b, #w-node-_36202bca-fc65-193f-4468-27ad97280a9d-9d68642b, #w-node-_36202bca-fc65-193f-4468-27ad97280aa5-9d68642b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_666458ca-1542-dc08-f5a6-85accc7f5319-fee71c16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2a56fd2b-1c19-9efe-83c9-3bdc4bf80947-fee71c16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aeb-fee71c16 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aee-fee71c16 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-f59a753d-94de-20e5-0d73-c275e48fc924-fee71c16, #w-node-_65925904-f7b1-facc-57d0-cf6325226aef-fee71c16, #w-node-_65925904-f7b1-facc-57d0-cf6325226af2-fee71c16, #w-node-_65925904-f7b1-facc-57d0-cf6325226af5-fee71c16 {
  justify-self: center;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288a-fee71c16 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-fee71c16 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd02892-fee71c16 {
  align-self: center;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302b-fee71c16 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-fee71c16 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee1733032-fee71c16 {
  justify-self: center;
}

#w-node-_700be514-e338-7853-19f6-1a909487faca-fee71c16 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_666458ca-1542-dc08-f5a6-85accc7f5319-3d8c366c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2a56fd2b-1c19-9efe-83c9-3bdc4bf80947-3d8c366c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aeb-3d8c366c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_65925904-f7b1-facc-57d0-cf6325226aee-3d8c366c {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-f59a753d-94de-20e5-0d73-c275e48fc924-3d8c366c, #w-node-_65925904-f7b1-facc-57d0-cf6325226aef-3d8c366c, #w-node-_65925904-f7b1-facc-57d0-cf6325226af2-3d8c366c, #w-node-_65925904-f7b1-facc-57d0-cf6325226af5-3d8c366c {
  justify-self: center;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288a-3d8c366c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-3d8c366c {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd02892-3d8c366c {
  align-self: center;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302b-3d8c366c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-3d8c366c {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee1733032-3d8c366c {
  justify-self: center;
}

#w-node-_700be514-e338-7853-19f6-1a909487faca-3d8c366c {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-f7691f22-a9e4-95a0-b52d-c2c4303e4611-e7c2faee, #w-node-_467e82d6-cc2d-5f8d-fefa-a31a316a576e-e7c2faee, #w-node-_6d501fd2-eabe-8222-820f-570235517d39-e7c2faee, #w-node-_48b1309e-cff1-bc85-8bbf-429c77923f5e-e7c2faee, #w-node-e44d2fb9-f121-5705-3063-76aaa2689d11-e7c2faee, #w-node-_107dccf1-0fa9-c15f-c1a1-63182de60c25-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269088-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908a-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908c-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908e-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269095-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269097-e7c2faee, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269099-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cb9b-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cb9d-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cba4-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cba6-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cba8-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cbaa-e7c2faee, #w-node-b2101af6-1431-993a-e474-02c556b5cbac-e7c2faee, #w-node-f7691f22-a9e4-95a0-b52d-c2c4303e4611-6270dd9e, #w-node-_467e82d6-cc2d-5f8d-fefa-a31a316a576e-6270dd9e, #w-node-_6d501fd2-eabe-8222-820f-570235517d39-6270dd9e, #w-node-_48b1309e-cff1-bc85-8bbf-429c77923f5e-6270dd9e, #w-node-e44d2fb9-f121-5705-3063-76aaa2689d11-6270dd9e, #w-node-_107dccf1-0fa9-c15f-c1a1-63182de60c25-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269088-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908a-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908c-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908e-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269095-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269097-6270dd9e, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269099-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cb9b-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cb9d-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cba4-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cba6-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cba8-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cbaa-6270dd9e, #w-node-b2101af6-1431-993a-e474-02c556b5cbac-6270dd9e, #w-node-f7691f22-a9e4-95a0-b52d-c2c4303e4611-01f60989, #w-node-_467e82d6-cc2d-5f8d-fefa-a31a316a576e-01f60989, #w-node-_6d501fd2-eabe-8222-820f-570235517d39-01f60989, #w-node-_464099a4-b074-218f-0096-e800eb20546f-01f60989, #w-node-_48b1309e-cff1-bc85-8bbf-429c77923f5e-01f60989, #w-node-e44d2fb9-f121-5705-3063-76aaa2689d11-01f60989, #w-node-_107dccf1-0fa9-c15f-c1a1-63182de60c25-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269088-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908a-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908c-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc26908e-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269095-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269097-01f60989, #w-node-_95c73c6c-d324-2e8d-3774-dc50bc269099-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cb9b-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cb9d-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cba4-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cba6-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cba8-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cbaa-01f60989, #w-node-b2101af6-1431-993a-e474-02c556b5cbac-01f60989 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086a4-6b459696 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086a7-6b459696 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086c5-6b459696 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086c6-6b459696 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086cc-6b459696 {
  justify-self: center;
}

#w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086cd-6b459696 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_666458ca-1542-dc08-f5a6-85accc7f5319-7ef20469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2a56fd2b-1c19-9efe-83c9-3bdc4bf80947-7ef20469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302b-7ef20469 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-7ef20469 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee1733032-7ef20469 {
  justify-self: center;
}

#w-node-_700be514-e338-7853-19f6-1a909487faca-7ef20469 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_666458ca-1542-dc08-f5a6-85accc7f5319-3c6a656e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_2a56fd2b-1c19-9efe-83c9-3bdc4bf80947-3c6a656e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302b-3c6a656e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-3c6a656e {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee1733032-3c6a656e {
  justify-self: center;
}

#w-node-_700be514-e338-7853-19f6-1a909487faca-3c6a656e {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_666458ca-1542-dc08-f5a6-85accc7f5319-a7505cee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_2a56fd2b-1c19-9efe-83c9-3bdc4bf80947-a7505cee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302b-a7505cee {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-a7505cee {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5f73e271-a05f-1ff6-4918-4a1ee1733032-a7505cee {
  justify-self: center;
}

#w-node-_700be514-e338-7853-19f6-1a909487faca-a7505cee {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6de-d79da3f4 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b747-d79da3f4 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b658-d79da3f4 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b675-d79da3f4, #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b733-d79da3f4 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b67f-d79da3f4 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b688-d79da3f4 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b691-d79da3f4 {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6a4-d79da3f4 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b69b-d79da3f4 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6b6-d79da3f4 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6d3-d79da3f4 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-c2fa2171-8407-62b7-d473-9d9fb0709070-d79da3f4 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6c1-d79da3f4 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6ca-d79da3f4 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b717-d79da3f4 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b64f-d79da3f4 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b704-d79da3f4 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b720-d79da3f4 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b72a-d79da3f4 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6f2-d79da3f4 {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_3c6da4dc-2488-f7ea-ea62-de9f627931a1-d79da3f4 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b73d-d79da3f4 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b646-d79da3f4 {
  grid-area: 2 / 1 / 3 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_7d517a32-ffe4-ed7a-4c7d-a67a4fc897b8-68686428 {
    justify-self: center;
  }

  #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-68686428 {
    grid-column-end: 5;
  }

  #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-68686428 {
    grid-column: 1 / 5;
    justify-self: center;
  }

  #w-node-_7d517a32-ffe4-ed7a-4c7d-a67a4fc897b8-fee71c16 {
    justify-self: center;
  }

  #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-fee71c16 {
    grid-column-end: 5;
  }

  #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-fee71c16 {
    grid-column: 1 / 5;
    justify-self: center;
  }

  #w-node-_7d517a32-ffe4-ed7a-4c7d-a67a4fc897b8-3d8c366c {
    justify-self: center;
  }

  #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-3d8c366c {
    grid-column-end: 5;
  }

  #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-3d8c366c, #w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086c6-6b459696, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-7ef20469, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-3c6a656e, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-a7505cee {
    grid-column: 1 / 5;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851472-39686426 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851475-39686426 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851478-39686426 {
    justify-self: start;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851481-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851488-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee385148a-39686426 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851497-39686426 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: start;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee385149e-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514b0-39686426 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: start;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514b7-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514c7-39686426 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: start;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514ce-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514db-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514e2-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514f6-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee38514fd-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851507-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee385150e-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee385151c-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851523-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851530-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851537-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851543-39686426 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851548-39686426 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_65925904-f7b1-facc-57d0-cf6325226aee-68686428, #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-68686428, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-68686428 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_073033f9-e156-7b75-316c-56f470fd6e3d-7768642a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_073033f9-e156-7b75-316c-56f470fd6e48-7768642a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_787c9df3-206f-09ee-5d6c-b95684504a7e-7768642a {
    justify-self: start;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb555-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb558-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb55a-7768642a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb561-7768642a {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: start;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb564-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb574-7768642a {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: start;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb577-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb58e-7768642a {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: start;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb591-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5aa-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5ad-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5c7-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5ca-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5e5-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5e8-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5f8-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb5fb-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb60c-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_711494a3-375d-dec7-655c-6924e0dfb60f-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a4fe13d0-302b-5a81-12bb-0b6ee8267e07-7768642a {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a4fe13d0-302b-5a81-12bb-0b6ee8267e0e-7768642a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_65925904-f7b1-facc-57d0-cf6325226aee-fee71c16, #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-fee71c16, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-fee71c16, #w-node-_65925904-f7b1-facc-57d0-cf6325226aee-3d8c366c, #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-3d8c366c, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-3d8c366c, #w-node-c77e935d-f7ab-ee8e-f7ad-48bc19c086c6-6b459696, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-7ef20469, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-3c6a656e, #w-node-_5f73e271-a05f-1ff6-4918-4a1ee173302c-a7505cee {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6de-d79da3f4 {
    grid-area: 3 / 3 / 4 / 5;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b747-d79da3f4 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b733-d79da3f4 {
    grid-area: 4 / 3 / 5 / 5;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b69b-d79da3f4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c2fa2171-8407-62b7-d473-9d9fb0709070-d79da3f4 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6ca-d79da3f4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b717-d79da3f4 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b704-d79da3f4 {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b720-d79da3f4 {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b72a-d79da3f4, #w-node-_3c6da4dc-2488-f7ea-ea62-de9f627931a1-d79da3f4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b73d-d79da3f4 {
    grid-area: 4 / 1 / 5 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851472-39686426 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ec0912cd-7aec-fc93-af2a-eaeee3851475-39686426 {
    grid-row: 3 / 4;
  }

  #w-node-_65925904-f7b1-facc-57d0-cf6325226aef-68686428, #w-node-_65925904-f7b1-facc-57d0-cf6325226af2-68686428, #w-node-_65925904-f7b1-facc-57d0-cf6325226af5-68686428 {
    justify-self: auto;
  }

  #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-68686428 {
    grid-column-end: 2;
  }

  #w-node-_073033f9-e156-7b75-316c-56f470fd6e3d-7768642a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_073033f9-e156-7b75-316c-56f470fd6e48-7768642a {
    grid-row: 3 / 4;
  }

  #w-node-_36202bca-fc65-193f-4468-27ad97280a95-9d68642b, #w-node-_36202bca-fc65-193f-4468-27ad97280a9d-9d68642b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_65925904-f7b1-facc-57d0-cf6325226aef-fee71c16, #w-node-_65925904-f7b1-facc-57d0-cf6325226af2-fee71c16, #w-node-_65925904-f7b1-facc-57d0-cf6325226af5-fee71c16 {
    justify-self: auto;
  }

  #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-fee71c16 {
    grid-column-end: 2;
  }

  #w-node-_65925904-f7b1-facc-57d0-cf6325226aef-3d8c366c, #w-node-_65925904-f7b1-facc-57d0-cf6325226af2-3d8c366c, #w-node-_65925904-f7b1-facc-57d0-cf6325226af5-3d8c366c {
    justify-self: auto;
  }

  #w-node-_8fccf4d8-9c58-1f45-fd18-85dddbd0288d-3d8c366c {
    grid-column-end: 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6de-d79da3f4 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b747-d79da3f4, #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b658-d79da3f4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b675-d79da3f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b733-d79da3f4 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b67f-d79da3f4 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b688-d79da3f4 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b691-d79da3f4 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6a4-d79da3f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b69b-d79da3f4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6b6-d79da3f4, #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6d3-d79da3f4 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-c2fa2171-8407-62b7-d473-9d9fb0709070-d79da3f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6c1-d79da3f4 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6ca-d79da3f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b717-d79da3f4 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b64f-d79da3f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b704-d79da3f4 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b720-d79da3f4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b72a-d79da3f4, #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b6f2-d79da3f4 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b73d-d79da3f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11db7f7c-5fa1-7c92-305a-d44fd642b646-d79da3f4 {
    grid-area: 6 / 1 / 7 / 2;
  }
}


@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Regular.otf') format('opentype'), url('../fonts/SuisseIntl-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Ultralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Main';
  src: url('../fonts/SuisseIntl-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Secondary';
  src: url('../fonts/Favorit-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Secondary';
  src: url('../fonts/Favorit-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Secondary';
  src: url('../fonts/Favorit-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Secondary';
  src: url('../fonts/Favorit-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}