:root {
  --dark: #283e39;
  --shade-2: #e6e2db;
  --primary-1: #c4dd2a;
  --primary-2: #304a43;
  --white: white;
  --border: #0000001a;
  --primary-3: #ff9b71;
  --shade-1: #faf8f4;
  --green: #00b12f;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

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

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

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

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

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

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

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

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

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

.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-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

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

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

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

.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-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-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

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

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

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

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

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

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

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

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

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

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

.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-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .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, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: var(--dark);
  font-family: Mulish, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

h1 {
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

h2 {
  margin-top: 0;
  margin-bottom: 21px;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

h3 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

h4 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

h5 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

h6 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 28px;
}

a {
  color: var(--dark);
  font-weight: 700;
  text-decoration: none;
}

ul {
  grid-column-gap: 16px;
  grid-row-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 21px;
  padding-left: 18px;
  display: grid;
}

li {
  padding-left: 7px;
}

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

label {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.loading-container {
  z-index: 9999;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.section {
  padding-top: 112px;
  padding-bottom: 112px;
  position: relative;
}

.section.reduced-padding {
  padding-top: 84px;
  padding-bottom: 84px;
}

.section.bg-primary-2 {
  background-color: var(--dark);
}

.section.increased-padding {
  padding-top: 168px;
  padding-bottom: 168px;
}

.section.page-title-background-image {
  padding-top: 168px;
  padding-bottom: 168px;
  overflow: hidden;
}

.section.reduced-top-padding {
  padding-top: 84px;
}

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

.section.reduced-bottom-padding {
  padding-bottom: 56px;
}

.section.categories-section {
  text-align: center;
  padding-top: 112px;
  padding-bottom: 56px;
}

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

.section.border-bottom {
  border-bottom: 7px solid var(--shade-2);
}

.section.hero {
  padding-bottom: 50px;
}

.main-container {
  width: 100%;
  max-width: 1344px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
  position: relative;
}

.main-container.narrow {
  max-width: 1060px;
}

.main-container.narrow.bg-shade-1 {
  border-radius: 12px;
}

.style-guide {
  grid-row-gap: 112px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.style-guide-section {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
}

.style-guide-colors {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.style-guide-color {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  height: 112px;
  margin-bottom: 14px;
  overflow: hidden;
}

.style-guide-color.border {
  border: 1px solid var(--shade-2);
}

.bg-primary-1 {
  background-color: var(--primary-1);
}

.bg-primary-2 {
  background-color: var(--primary-2);
  color: var(--white);
}

.bg-dark {
  background-color: var(--dark);
  color: #fff;
}

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

.style-guide-typography {
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.large-text {
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.large-text.inline-large-text {
  margin-top: 35px;
  margin-bottom: 35px;
}

.large-text.below-display-heading {
  margin-top: 21px;
}

.large-text.below-display-heading.constrained {
  max-width: 450px;
}

.small-text {
  font-size: 16px;
  line-height: 24px;
}

.small-text.inline-cta-text {
  flex: 1;
}

.small-text.below-content {
  margin-top: 28px;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.style-guide-buttons {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center stretch;
}

.button {
  background-color: var(--primary-1);
  color: var(--dark);
  text-align: center;
  border-radius: 200px;
  padding: 14px 35px;
  font-weight: 700;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 0 100px #0000;
}

.button:hover {
  box-shadow: inset 0 0 0 100px #0000001a;
}

.button.small {
  padding: 10px 28px;
  font-size: 16px;
  line-height: 24px;
}

.button.small.navbar-button {
  flex: none;
}

.button.small.beside-text {
  flex: none;
  margin-left: 21px;
}

.button.small.below-list {
  margin-top: 56px;
}

.button.bg-primary-2 {
  background-color: var(--primary-2);
  color: var(--white);
}

.button.bg-primary-2.beside-input {
  border-radius: 7px;
}

.button.bg-white {
  background-color: var(--white);
}

.button.bordered-dark {
  border: 2px solid var(--shade-2);
  box-shadow: none;
  background-color: #0000;
  transition: background-color .2s;
}

.button.bordered-dark:hover {
  background-color: var(--shade-2);
}

.button.bordered-dark.popular-link {
  margin-left: 7px;
  margin-right: 7px;
  padding: 7px 21px;
  font-size: 16px;
  line-height: 24px;
}

.button.square {
  border-radius: 7px;
  margin-top: 0;
}

.button.square.inside-inline-sections {
  margin-left: 14px;
}

.button.icon-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.beside-input {
  margin-left: 14px;
}

.button.wide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button.below-text {
  margin-top: 21px;
}

.button.below-large-text {
  margin-top: 28px;
}

.button.wide-select-plan-button {
  width: 100%;
  margin-top: 28px;
}

.button.below-hero-text {
  margin-top: 35px;
}

.button.adjacent-to-button {
  margin-left: 21px;
}

.button.over-image {
  position: absolute;
}

.button.add-to-cart {
  border-radius: 7px;
  flex: 1;
  justify-content: center;
  margin-left: 14px;
}

.button.below-heading {
  margin-top: 14px;
}

.button.section-button {
  background-color: var(--white);
  box-shadow: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  margin-right: 14px;
  padding: 10px 28px;
  font-size: 16px;
  line-height: 24px;
  transition: background-color .2s;
  display: flex;
}

.button.section-button:hover {
  background-color: var(--shade-2);
}

.navbar {
  background-color: #0000;
  position: relative;
}

.form-block {
  margin-bottom: 0;
}

.form-block.below-large-text {
  margin-top: 28px;
}

.style-guide-form-inputs {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-input {
  border: 2px solid var(--border);
  color: var(--dark);
  border-radius: 7px;
  min-height: 56px;
  margin-bottom: 0;
  padding: 14px 21px;
  font-size: 18px;
  line-height: 28px;
  transition: border-color .2s;
}

.form-input:focus, .form-input.-wfp-focus {
  border-color: #00000040;
}

.form-input::placeholder {
  color: #283e3980;
}

.form-input.textarea {
  min-height: 196px;
}

.form-input.beside-input {
  margin-left: 14px;
}

.form-input.quantity {
  text-align: center;
  width: 84px;
}

.form-input.checkout-form-input {
  min-height: 49px;
}

.form-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.form-grid-vertical.below-heading {
  margin-top: 35px;
}

.selectable-field {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.selectable-label {
  text-align: left;
  margin-bottom: 0;
  margin-left: 14px;
  font-size: 16px;
}

.footer-1 {
  background-color: var(--primary-2);
  color: var(--white);
  padding-top: 84px;
  padding-bottom: 84px;
}

.back-to-top-button {
  z-index: 10;
  background-color: var(--shade-2);
  border-radius: 7px;
  padding: 7px 14px;
  position: fixed;
  bottom: 14px;
  right: 14px;
}

.announcement-bar {
  background-color: var(--primary-2);
  color: #fff;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  overflow: hidden;
}

.announcement-cross {
  cursor: pointer;
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
  right: 56px;
}

.announcement-contents {
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 600;
}

.trigger-search-modal {
  cursor: pointer;
  align-items: center;
  margin-right: 21px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity .2s;
  display: flex;
}

.trigger-search-modal:hover {
  opacity: .5;
}

.search-modal {
  z-index: 9999;
  flex-direction: column;
  display: none;
  position: fixed;
  inset: 0%;
}

.search-modal-screen {
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.search-modal-container {
  background-color: var(--white);
  padding: 56px 56px 35px;
  position: relative;
}

.select-wrapper {
  border: 2px solid var(--border);
  background-color: var(--white);
  border-radius: 7px;
  padding: 7px;
  overflow: hidden;
}

.select-field {
  background-color: #0000;
  background-image: url('../images/icon-dropdown-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  border: 1px #000;
  width: 110%;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.display-heading {
  letter-spacing: -.02em;
  margin-bottom: 28px;
  font-family: Redaction, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 84px;
}

.display-heading.no-bottom-margin {
  margin-bottom: 0;
}

.display-heading.no-bottom-margin.below-video-lightbox {
  margin-top: 28px;
}

.display-heading.quote-over-image {
  margin-bottom: 14px;
}

.bg-primary-3 {
  background-color: var(--primary-3);
}

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

.bg-shade-1 {
  background-color: var(--shade-1);
}

.checkbox {
  border-width: 2px;
  border-color: var(--border);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 7px;
  flex: none;
  width: 21px;
  height: 21px;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-checked {
  border-color: var(--dark);
  background-color: var(--dark);
  background-size: 14px 14px;
}

.radio {
  border-width: 2px;
  border-color: var(--border);
  background-color: var(--white);
  cursor: pointer;
  width: 21px;
  height: 21px;
  margin-top: 0;
  margin-left: 0;
}

.radio.w--redirected-checked {
  border-width: 6px;
  border-color: var(--dark);
}

.style-guide-row-heading {
  margin-bottom: 28px;
}

.style-guide-form-rows {
  grid-column-gap: 16px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-shade-2 {
  background-color: var(--shade-2);
}

.fine-print-text {
  font-size: 14px;
  line-height: 24px;
}

.fine-print-text.input-hint-text {
  margin-top: 14px;
}

.fine-print-text.below-button {
  margin-top: 21px;
}

.uppercase-text {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.uppercase-text.menu-heading {
  opacity: .5;
  margin-bottom: 28px;
}

.quote-text {
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
}

.quote-text.text-center.quote-below-avatar {
  margin-top: 35px;
}

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

.button-icon {
  margin-right: 7px;
}

.media-play-button {
  z-index: 1;
  background-color: #ffffffe6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  transition: transform .2s, background-color .2s;
  display: flex;
}

.media-play-button:hover {
  background-color: #fff;
  transform: scale(1.05);
}

.media-play-button.over-image {
  position: absolute;
}

.media-play-wrapper {
  background-color: var(--primary-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.media-play-wrapper.above-heading {
  margin-bottom: 35px;
}

.text-white {
  color: var(--white);
}

.style-guide-icons {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
}

.style-guide-icon-wrapper {
  background-color: var(--primary-2);
  padding: 21px;
}

.style-guide-badges {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.badge {
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 7px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
}

.badge.bg-primary-3.sale-badge {
  z-index: 2;
  position: absolute;
  top: 21px;
  right: 21px;
}

.badge.bg-primary-3.inline-sale-badge {
  margin-left: 14px;
}

.badge.featured-pricing-card-badge {
  justify-content: center;
  margin-bottom: 14px;
}

.badge.plan-comparison-badge {
  margin-bottom: 21px;
}

.badge.beside-badge {
  margin-left: 14px;
}

.badge.button-badge {
  background-color: var(--shade-2);
  margin-left: 10px;
  padding: 1px 9px;
}

.navbar-grid {
  grid-column-gap: 28px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: auto;
  max-width: 1456px;
  min-height: 84px;
  margin-left: 56px;
  margin-right: 56px;
  display: grid;
}

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

.nav-link {
  color: var(--dark);
  border-radius: 3px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 12px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .2s;
}

.nav-link:hover {
  background-color: var(--shade-2);
}

.dropdown-list-wide.w--open {
  background-color: #0000;
  width: 100%;
  padding-top: 56px;
  padding-bottom: 56px;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, 23px);
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.container-small {
  width: 100%;
  max-width: 368px;
}

.container-small.align-center.icon-card-container {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.container-small.center-text {
  text-align: center;
}

.container-small.image-overlap-pair-a {
  position: relative;
  transform: rotate(5deg);
}

.container-small.media-subtext {
  text-align: center;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-large-grid {
  grid-template-rows: auto;
  grid-template-columns: 41fr 58fr;
}

.vertical-menus-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.menu-grid-vertical {
  grid-row-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.vertical-menu-link {
  font-size: 16px;
  font-weight: 600;
  transition: opacity .2s;
}

.vertical-menu-link:hover {
  opacity: .5;
}

.nav-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
}

.dropdown-wide-bg {
  border-bottom: 1px solid var(--border);
  background-color: #fffffff7;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.container-large {
  direction: ltr;
  width: 100%;
  max-width: 580px;
}

.container-large.wide {
  max-width: 792px;
}

.container-large.justify-content-between {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.container-large.align-right {
  margin-left: auto;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

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

.text-center.align-center.increased-bottom-margin {
  margin-bottom: 112px;
}

.text-center.page-title-in-front {
  z-index: 1;
  position: relative;
}

.navbar-controls {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cart-button {
  color: var(--dark);
  background-color: #0000;
  margin-left: 21px;
  padding: 0;
}

.cart-quantity {
  background-color: var(--shade-2);
  color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 28px;
  margin-left: 7px;
  font-weight: 800;
  display: flex;
}

.search-icon {
  margin-right: 7px;
}

.navbar-container.bg-white {
  z-index: 10;
  background-color: #fffffff7;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.brand {
  padding-left: 0;
}

.brand.navbar-left-brand {
  margin-right: 28px;
}

.dropdown-icon-links-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.icon-link {
  border: 1px solid var(--shade-2);
  background-color: var(--shade-1);
  text-align: center;
  border-radius: 7px;
  flex-direction: column;
  align-items: center;
  padding: 28px;
  transition: transform .2s, box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: 0 7px 14px #0000;
}

.icon-link:hover {
  background-color: var(--shade-2);
  transform: scale(1.04);
  box-shadow: 0 7px 14px #0000001a;
}

.icon-link-image {
  min-height: 56px;
  margin-bottom: 21px;
}

.loader-logo {
  margin-left: 21px;
}

.footer-halves-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
}

.footer-1-bottom-row {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 28px;
  display: flex;
}

.muted {
  opacity: .5;
}

.footer-2 {
  background-color: var(--shade-1);
  padding-top: 84px;
  padding-bottom: 56px;
}

.footer-logo-link {
  margin-bottom: 28px;
}

.footer-2-bottom-row {
  margin-top: 56px;
}

.footer-contact-container {
  font-size: 16px;
  line-height: 24px;
}

.footer-3 {
  background-color: var(--primary-2);
  color: var(--white);
  padding-top: 42px;
  padding-bottom: 28px;
}

.footer-3-top-row {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 42px;
  display: flex;
}

.horizontal-links {
  align-items: center;
  display: flex;
}

.horizontal-links.aligned-right {
  margin-right: -28px;
}

.horizontal-link {
  margin-right: 28px;
}

.horizontal-link.text-white {
  transition: opacity .2s;
}

.horizontal-link.text-white:hover {
  opacity: .5;
}

.horizontal-link.small-text {
  font-weight: 600;
}

.horizontal-link.small-text.text-white {
  opacity: .5;
  transition: opacity .2s;
}

.horizontal-link.small-text.text-white:hover {
  opacity: 1;
}

.social-links {
  align-items: center;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.social-links.team-member-social-links {
  margin-top: 21px;
}

.social-link-small {
  border: 2px solid var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  margin-right: 7px;
  padding: 7px;
  transition: border-color .2s, filter .2s, background-color .2s;
  display: flex;
}

.social-link-small:hover {
  filter: invert();
  background-color: #000;
  border-color: #000;
}

.social-link-small.dark {
  border-color: var(--dark);
  background-color: #0000;
  transition-property: none;
}

.social-link-small.dark:hover {
  filter: none;
}

.social-link-small-icon {
  max-height: 21px;
}

.footer-3-bottom-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-3-logo-container {
  align-items: center;
  display: flex;
}

.footer-3-logo {
  margin-right: 21px;
}

.footer-4 {
  background-color: var(--shade-1);
  padding-top: 84px;
  padding-bottom: 56px;
}

.container {
  direction: ltr;
  width: 100%;
  max-width: 474px;
}

.container.align-center.hero-form-container {
  margin-top: 56px;
}

.container.image-overlap-pair-wrapper {
  position: relative;
}

.container.wide {
  max-width: 686px;
}

.container.form-container {
  margin-bottom: 0;
  margin-left: 21px;
  margin-right: 21px;
}

.container.modal-container {
  margin-left: 21px;
  margin-right: 21px;
}

.horizontal-form {
  margin-bottom: 0;
  display: flex;
}

.form-success {
  background-color: var(--primary-1);
  text-align: center;
  padding: 14px;
  font-size: 16px;
  line-height: 24px;
}

.form-error {
  color: var(--dark);
  background-color: #e9acac;
  margin-top: 14px;
  padding: 14px;
  font-size: 16px;
  line-height: 24px;
}

.footer-4-bottom-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 84px;
  display: flex;
}

.navbar-row {
  justify-content: space-between;
  align-items: center;
  min-height: 84px;
  margin-left: 56px;
  margin-right: 56px;
  display: flex;
}

.navbar-left-contents {
  align-items: center;
  display: flex;
}

.back-to-top-contents {
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
  display: flex;
}

.back-to-top-image {
  margin-right: 7px;
  transform: rotate(180deg);
}

.search-modal-heading {
  margin-bottom: 28px;
}

.popular-links-container {
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.popular-links-heading {
  margin-bottom: 0;
  margin-right: 14px;
}

.popular-links {
  align-items: center;
  display: flex;
}

.navbar-demos {
  flex-direction: column-reverse;
  display: flex;
}

.grid-halves {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.grid-halves.no-gaps {
  grid-column-gap: 0px;
}

.grid-halves.small-gap {
  grid-column-gap: 7px;
  align-items: stretch;
  padding-top: 7px;
  padding-bottom: 7px;
}

.grid-halves.small-gap.no-top-padding {
  padding-top: 0;
}

.grid-halves.reverse-direction {
  direction: rtl;
}

.grid-halves.stretch-children {
  align-items: stretch;
}

.grid-halves.section.plan-with-list {
  padding-top: 60px;
  padding-bottom: 60px;
}

.grid-halves.pricing-pair {
  grid-column-gap: 0px;
  align-items: end;
  width: 100%;
  max-width: 948px;
  margin-top: 56px;
}

.grid-halves.plan-comparison-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--shade-1);
  border-radius: 28px;
  width: 100%;
  max-width: 1005px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.grid-halves.overlay-on-section-strip {
  z-index: 1;
  position: relative;
}

.grid-halves.align-top {
  align-items: start;
}

.grid-halves.team-quotes-grid {
  justify-items: start;
}

.grid-halves.align-children {
  align-items: stretch;
}

.grid-halves.product-grid-halves {
  align-items: start;
}

.medium-heading {
  margin-bottom: 28px;
  font-size: 36px;
  line-height: 46px;
}

.medium-heading.no-bottom-margin {
  color: var(--dark);
  margin-bottom: 0;
  font-weight: 800;
}

.medium-heading.reduced-bottom-margin {
  margin-bottom: 7px;
}

.medium-heading.logo {
  color: var(--dark);
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
}

.medium-heading.logo.white {
  color: var(--white);
  font-size: 45px;
}

.medium-heading.loaderlogo {
  color: var(--dark);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 25px;
  font-size: 45px;
  font-weight: 800;
  line-height: 40px;
}

.medium-heading.loaderlogo.white {
  color: var(--white);
  font-size: 45px;
}

.medium-heading.loaderlogo.waitlist {
  margin-right: 0;
}

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

.justify-content-center.text-left {
  text-align: left;
}

.section-title {
  margin-bottom: 84px;
}

.section-title.reduced-margin {
  margin-bottom: 56px;
}

.section-title.careers {
  margin-bottom: 50px;
}

.logo-row {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-row.below-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 42px;
  display: grid;
}

.logo-row.below-text.restricted-width {
  flex-wrap: wrap;
  margin-top: 28px;
}

.logo-row.tall {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  margin-bottom: 40px;
  display: grid;
}

.logo-row-image {
  height: 20px;
  margin-left: 28px;
  margin-right: 28px;
}

.logo-row-image.vertical-margin {
  margin-top: 14px;
  margin-bottom: 14px;
}

.logo-row-image._1 {
  height: 35px;
}

.logo-row-image._2 {
  height: 25px;
}

.logo-row-image._3 {
  height: 27px;
}

.logo-row-image._4 {
  height: 24px;
}

.logo-row-image._6 {
  height: 40px;
}

.logo-row-image._5 {
  height: 25px;
}

.logo-row-image._7 {
  height: 38px;
}

.logo-row-image._8 {
  height: 20px;
  margin-left: 14px;
  margin-right: 14px;
}

.metric-pair {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  margin-top: 35px;
  margin-bottom: 35px;
  padding-top: 35px;
  display: grid;
}

.metric-pair-item {
  flex: 1;
}

.metric-pair-border {
  background-color: var(--border);
  width: 1px;
  margin-left: 35px;
  margin-right: 35px;
}

.metric-item-heading {
  margin-bottom: 7px;
}

.grid-thirds {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-thirds-image {
  margin-bottom: 28px;
  display: block;
}

.avatar-large {
  border-radius: 50%;
  max-height: 224px;
  display: inline-block;
}

.avatar-large.contained-case-study-avatar {
  margin-left: 56px;
  margin-right: 56px;
}

.process-steps {
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.process-step {
  background-color: var(--shade-2);
  padding: 28px;
  font-size: 22px;
  line-height: 32px;
}

.process-step.horizontal {
  background-color: var(--shade-1);
  align-items: center;
  width: 100%;
  padding: 21px;
  font-size: 18px;
  line-height: 28px;
  display: flex;
}

.inline-logo-row-container {
  margin-top: 0;
  margin-bottom: 0;
}

.inline-logo-row-container.no-bottom-margin {
  margin-bottom: 0;
}

.inline-logo-row-container.increased-bottom-margin {
  margin-bottom: 84px;
}

.inline-logo-row-container.increased-margin {
  margin-top: 84px;
  margin-bottom: 84px;
}

.text-section-heading {
  margin-bottom: 42px;
}

.bullet-list-grid-wrapper {
  grid-column-gap: 28px;
  border-top: 1px solid var(--border);
  grid-template-rows: auto;
  margin-top: 35px;
  padding-top: 35px;
}

.bullet-list-grid-wrapper.inline {
  text-align: left;
  border-top-style: none;
  margin-top: 49px;
  margin-bottom: 49px;
  padding-top: 0;
}

.bullet-list {
  grid-row-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 15px;
}

.cover-grid-area {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.large-heading {
  margin-bottom: 28px;
  font-family: Mulish, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.large-heading.no-bottom-margin {
  margin-bottom: 0;
}

.large-heading.price {
  margin-bottom: 0;
  margin-right: 21px;
}

.large-heading.price-above-fineprint, .large-heading.price-vertical {
  margin-bottom: 7px;
}

.large-heading.reduced-bottom-margin {
  margin-bottom: 14px;
}

.text-primary-1 {
  color: var(--primary-1);
}

.horizontal-list-item {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: .66fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 21px;
  padding-bottom: 21px;
  display: grid;
}

.image-collage-top-row {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.image-collage-pair-b {
  max-height: 190px;
  position: absolute;
  bottom: 28px;
  right: -56px;
  transform: rotate(-5deg);
}

.image-collage-pair-a {
  transform: rotate(5deg);
}

.process-number {
  background-color: var(--shade-2);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-right: 21px;
  font-weight: 700;
  display: flex;
}

.stars {
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
}

.star-image {
  margin-left: 3.5px;
  margin-right: 3.5px;
}

.card-body {
  background-color: var(--white);
  padding: 49px 35px;
}

.contact-methods-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-top: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 35px;
  padding-top: 35px;
  display: grid;
}

.section-map {
  height: 754px;
}

.inline-cta {
  border-radius: 7px;
  align-items: center;
  padding: 28px;
  display: flex;
}

.inline-cta.below-list {
  margin-top: 56px;
}

.inline-cta.below-list.bg-white.thin {
  padding-top: 20px;
  padding-bottom: 20px;
}

.photo-row {
  justify-content: center;
  align-items: center;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.photo-row.larger-photos {
  width: auto;
  max-width: 1745px;
  overflow: hidden;
}

.photo-row-landscape {
  max-width: 20%;
  margin-left: 14px;
  margin-right: 14px;
}

.photo-row-portrait {
  max-width: 15%;
  margin-left: 14px;
  margin-right: 14px;
}

.photo-row-larger-square {
  max-width: 10%;
  margin-left: 14px;
  margin-right: 14px;
}

.photo-row-larger-square.rotate-left {
  max-width: 13%;
}

.rotate-left {
  transform: rotate(-2deg);
}

.rotate-right {
  transform: rotate(2deg);
}

.grid-larger-left {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 60fr 40fr;
  place-items: center;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.grid-larger-left.small-gaps {
  grid-column-gap: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.vertical-grid-images {
  grid-row-gap: 7px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  width: 100%;
}

.vertical-grid-image {
  object-fit: cover;
}

.vertical-grid-image.restricted-height {
  width: 100%;
  max-height: 329px;
}

.image-link-title {
  background-color: var(--white);
  padding: 21px 28px;
}

.image-link {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  transition: box-shadow .2s, transform .2s;
  box-shadow: 0 7px 28px #0000;
}

.image-link:hover {
  transform: scale(1.03);
  box-shadow: 0 7px 28px #00000026;
}

.image-pair-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
}

.rows-grid {
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.image-quadrant-grid {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 2.5fr;
  height: 252px;
}

.image-quadrant-grid.reverse-direction {
  grid-template-columns: 2.5fr 1fr;
}

.image-quadrant-item {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-quadrant-wrapper {
  grid-row-gap: 7px;
  grid-template-columns: 1fr;
}

.illustration-grid-image {
  flex: 1;
  margin-bottom: 56px;
}

.illustration-grid-text {
  margin-bottom: 28px;
}

.illustration-grid-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
}

.team-section-wrapper {
  max-width: 814px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

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

.team-member-image {
  border-radius: 14px;
  margin-bottom: 28px;
  display: block;
}

.team-member-heading {
  margin-bottom: 7px;
}

.faq-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
}

.faq-heading {
  margin-bottom: 14px;
}

.contact-methods-row {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: var(--white);
  text-align: center;
  border-radius: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 843px;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 56px;
  display: grid;
}

.cta-illustration {
  margin-bottom: 42px;
}

.grid-right-medium {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 11fr 14fr;
  place-items: center;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.grid-right-medium.no-gaps {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.grid-right-medium.small-gap {
  grid-column-gap: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.inline-section-grid-halves {
  z-index: 1;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  place-items: center;
  padding: 84px 56px;
  position: relative;
}

.inline-section-grid-halves.bg-white {
  color: var(--dark);
}

.price-with-terms {
  text-align: left;
  margin-bottom: 28px;
  display: flex;
}

.section-strip {
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-strip.photo-splash-section-strip {
  z-index: 0;
  height: 75%;
}

.section-strip.photo-splash-section-strip.bg-white {
  z-index: 0;
  height: 82%;
}

.section-strip.bg-white {
  z-index: 0;
}

.portrait-grid-images {
  grid-column-gap: 7px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
}

.grid-right-large {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 7fr 15fr;
  place-items: center;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.grid-right-large.small-gap {
  grid-column-gap: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.grid-left-medium {
  grid-column-gap: 56px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 12.5fr 10.5fr;
  place-items: center;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.grid-left-medium.small-gap {
  grid-column-gap: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.grid-left-medium.reverse-direction {
  direction: rtl;
}

.dual-button-grid {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.image-collage-image-a {
  width: 30%;
  max-width: 180px;
}

.image-collage-image-b {
  width: 30%;
  max-width: 180px;
  margin-left: 7px;
}

.grid-image {
  object-fit: cover;
  flex: 1;
  min-width: 100%;
}

.photo-row-larger-landscape {
  max-width: 20%;
  margin-left: 14px;
  margin-right: 14px;
}

.photo-row-larger-landscape.rotate-left.hide-on-mobile, .photo-row-larger-landscape.rotate-right {
  max-width: 23%;
}

.photo-row-larger-portrait {
  max-width: 15%;
  margin-left: 14px;
  margin-right: 14px;
}

.photo-row-larger-portrait.rotate-right {
  max-width: 18%;
}

.photo-row-larger-portrait.rotate-left {
  max-width: 16%;
}

.title-section-background-illustration {
  z-index: 0;
  width: 27vw;
  height: 28vw;
  position: absolute;
  bottom: -8%;
  left: auto;
  right: -3.2vw;
}

.horizontal-divider {
  border-top: 1px solid var(--border);
  margin-top: 28px;
  margin-bottom: 28px;
}

.horizontal-divider.reduced-margin {
  margin-top: 21px;
  margin-bottom: 21px;
}

.horizontal-divider.reduced-top-margin {
  margin-top: 21px;
}

.horizontal-divider.increased-bottom-margin {
  margin-bottom: 35px;
}

.horizontal-divider.increased-margins {
  margin-top: 35px;
  margin-bottom: 35px;
}

.horizontal-divider.increased-margins.border-white {
  border-top-color: var(--white);
}

.price-with-button {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-next-to-price {
  padding-left: 28px;
}

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

.tick-list-item {
  display: flex;
}

.tick-list-tick {
  margin-right: 14px;
}

.pricing-card {
  width: 100%;
  max-width: 474px;
  padding: 56px;
}

.pricing-card.featured {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 14px;
  box-shadow: 0 7px 21px #0000001a;
}

.pricing-card.text-left {
  text-align: left;
}

.featured-pricing-card-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.border-right-wrapper {
  border-right: 1px solid var(--border);
  width: 100%;
}

.price-with-terms-vertical {
  text-align: left;
  flex-direction: column;
  margin-bottom: 28px;
  display: flex;
}

.price-with-terms-vertical.inline {
  margin-top: 35px;
  margin-bottom: 35px;
}

.plan-comparison-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 77px;
  padding-bottom: 77px;
  display: flex;
}

.space-between-vertical {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.pricing-plan-features-table {
  grid-column-gap: 0px;
  grid-row-gap: 7px;
  grid-template-columns: 1fr;
  width: 100%;
}

.pricing-plan-features-table-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--shade-2);
  grid-template-rows: auto;
  width: 100%;
  padding: 21px;
}

.grid-quarters {
  grid-column-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-quarters.below-heading {
  margin-top: 56px;
}

.grid-quarters.products {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 45px;
  display: grid;
}

.small-price-wrapper {
  margin-bottom: 21px;
}

.metrics-small-logo-group {
  text-align: center;
  width: 100%;
  max-width: 329px;
  margin-left: auto;
  margin-right: auto;
}

.metrics-small-logo-group.below-image {
  margin-top: 56px;
}

.small-logos-grid {
  grid-column-gap: 0px;
  grid-row-gap: 35px;
  margin-top: 35px;
}

.metric-pair-right {
  width: 100%;
  padding-left: 35px;
}

.metrics-pair {
  grid-column-gap: 0px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  place-items: center;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.metrics-pair-left {
  border-right: 1px solid var(--border);
  width: 100%;
}

.metrics-pair-left.border-white {
  border-right-color: var(--white);
}

.five-stars-wrapper {
  justify-content: space-between;
  width: 132px;
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
}

.five-stars-wrapper.align-center.inline {
  margin-top: 35px;
  margin-bottom: 35px;
}

.five-stars-wrapper.above-quote-text {
  margin-top: 0;
  margin-bottom: 28px;
}

.five-stars-wrapper.reduced-margin {
  margin-top: 28px;
  margin-bottom: 28px;
}

.inline-section-thirds {
  z-index: 1;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  padding: 84px 56px;
  position: relative;
}

.inline-section-thirds.bg-shade-1 {
  color: var(--dark);
}

.reduced-bottom-margin {
  margin-bottom: 14px;
}

.grid-thirds-vertical {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.small-square-image-wrapper {
  width: 189px;
}

.small-square-image-wrapper.image-overlap-pair-b {
  position: absolute;
  inset: auto 0% 10% auto;
}

.image-overlap-pair-b {
  transform: rotate(-5deg);
}

.button-pair.below-large-text {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 35px;
  display: flex;
}

.button-pair.below-large-text.centered {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.hero-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-text.below-image {
  margin-top: 60px;
}

.hero-text-paragraph {
  margin-top: 21px;
}

.logo-row-container {
  margin-top: 84px;
}

.hero-section-logo-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-section-logo-row.inline {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  margin-top: 35px;
}

.hero-section-logo-row-image {
  height: 38px;
  margin-right: 0;
}

.hero-section-logo-row-image.last-image-in-row {
  height: 28px;
  margin-right: 0;
}

.hero-section-logo-row-image._1 {
  height: 30px;
}

.hero-section-logo-row-image._3 {
  height: 23px;
}

.hero-section-logo-row-image._2 {
  height: 35px;
}

.media-thumbnail {
  width: 100%;
  position: relative;
}

.media-tag {
  border-radius: 7px;
  padding: 21px 28px;
  position: absolute;
  inset: auto 15px 15px auto;
}

.below-text {
  margin-top: 14px;
}

.photo-splash-hero {
  padding-top: 140px;
  position: relative;
}

.image-splash-image-a {
  transform: rotate(5deg);
}

.image-splash-image-b {
  max-width: 189px;
  margin-top: 14px;
  margin-bottom: 140px;
  transform: rotate(-5deg);
}

.image-splash-image-c {
  margin-top: 112px;
  transform: rotate(5deg);
}

.image-collage-bottom-row {
  justify-content: center;
  align-items: flex-start;
  margin-top: 7px;
  display: flex;
}

.large-quote-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 898px;
  display: flex;
}

.large-quote-container.align-center {
  flex-direction: column;
  display: flex;
}

.large-quote-container.beside-avatar {
  align-items: flex-start;
}

.rounded-image {
  border-radius: 14px;
}

.quote-over-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.quote-over-image-text {
  position: absolute;
}

.quote-over-image-text.text-white {
  text-align: center;
}

.muted-image {
  opacity: .6;
}

.grid-vertical {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.medium-round-quote-avatar {
  border-radius: 1000px;
  width: 100%;
  max-width: 234px;
}

.inline-section-quote-wrapper {
  z-index: 1;
  grid-template-rows: auto;
  justify-content: center;
  place-items: center;
  padding: 84px 56px;
  display: flex;
  position: relative;
}

.avatar-beside-quote {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 9fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 764px;
  display: grid;
}

.increased-margin {
  margin-bottom: 14px;
}

.inline-heading {
  margin-top: 14px;
  margin-bottom: 6px;
}

.inline-heading.icon-card-heading {
  flex: 1;
}

.team-quote-beside-image {
  display: flex;
}

.medium-round-corners-avatar {
  border-radius: 14px;
  width: 100%;
  max-width: 178px;
}

.medium-round-corners-avatar.beside-quote {
  margin-right: 28px;
}

.text-bold {
  font-weight: 700;
}

.icon-list-grid {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.icon-list-grid.inline-icon-list {
  margin-top: 28px;
  margin-bottom: 28px;
}

.icon-list-item {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-list-icon {
  margin-right: 14px;
}

.icon-list-icon.icon-circle-wrapper {
  margin-right: 28px;
}

.below-image {
  margin-top: 35px;
}

.contained-grid-thirds {
  width: 100%;
  max-width: 910px;
  margin-left: auto;
  margin-right: auto;
}

.contained-grid-thirds.below-heading {
  max-width: 910px;
  margin-top: 56px;
}

.small-icon-circle {
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  display: flex;
}

.large-icon-list-item-text {
  margin-bottom: 0;
}

.icon-hover-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px none var(--border);
  background-color: #f7f1e2;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 28px;
  font-weight: 400;
  transition: box-shadow .22s, border-color .22s, transform .22s;
  box-shadow: 0 0 #fff;
}

.icon-hover-card:hover {
  border-color: var(--primary-1);
  box-shadow: 0 13px 20px -7px var(--border);
  transform: scale(1.1);
}

.large-icon {
  width: 56px;
  height: 56px;
}

.article {
  font-size: 16px;
  line-height: 24px;
}

.article blockquote {
  border-left: 2px solid var(--border);
  margin-top: 52px;
  margin-bottom: 52px;
  padding: 0 21px;
  font-size: 22px;
  line-height: 32px;
}

.article p {
  margin-bottom: 24px;
}

.article img {
  max-width: 525px;
}

.article figure {
  width: 100%;
  max-width: 525px;
  margin-top: 52px;
  margin-bottom: 52px;
  display: block;
}

.article figcaption {
  margin-top: 21px;
  font-weight: 700;
}

.article h4 {
  margin-top: 38px;
}

.article ul {
  margin-bottom: 21px;
}

.article-container {
  width: 100%;
  max-width: 686px;
  margin-left: auto;
  margin-right: auto;
}

.blog-date-wrapper {
  justify-content: center;
  margin-bottom: 21px;
  font-weight: 400;
  display: flex;
}

.blog-date-wrapper.justify-content-left {
  justify-content: flex-start;
  margin-bottom: 0;
}

.blog-post-heading {
  text-align: center;
  margin-bottom: 84px;
}

.blog-post-main-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.four-blog-articles {
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-listing-thumbnail {
  margin-bottom: 21px;
}

.form-horizontal {
  display: flex;
}

.inline-section-form {
  z-index: 1;
  grid-row-gap: 35px;
  background-color: var(--shade-1);
  color: var(--dark);
  grid-template-columns: 1fr;
  padding: 112px;
  position: relative;
}

.contact-details {
  margin-top: 56px;
}

.form-card {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 14px;
  width: 100%;
  position: relative;
  box-shadow: 0 7px 21px #0000001a;
}

.form-card-title {
  border-bottom: 1px solid var(--border);
  text-align: center;
  padding: 28px;
}

.form-card-title.increased-margin {
  margin-bottom: 0;
  padding-top: 56px;
  padding-bottom: 56px;
}

.form-card-body {
  padding: 28px;
}

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

.form-row.text-center {
  justify-items: center;
}

.video-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.video-wrapper-image {
  opacity: .5;
}

.video-wrapper-content {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
}

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

.boxed-link {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 28px;
  font-weight: 400;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 7px 21px #0000;
}

.boxed-link:hover {
  transform: scale(1.04);
  box-shadow: 0 7px 21px #0000001a;
}

.blog-grid-halves {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.horizontal-blog-item {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.empty-state {
  background-color: var(--shade-2);
  color: var(--dark);
  text-align: center;
  padding: 21px;
}

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

.accordion-item {
  background-color: var(--shade-2);
  padding: 0;
  font-size: 16px;
  line-height: 24px;
}

.accordion-title {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: 21px;
  text-decoration: none;
  display: flex;
}

.accordion-heading {
  margin-left: 14px;
}

.accordion-content {
  overflow: hidden;
}

.accordion-text {
  margin-top: 0;
  padding: 0 21px 21px;
}

.justified-tab-links {
  align-items: center;
  margin-bottom: 84px;
  display: flex;
}

.justified-tab-link {
  color: var(--dark);
  background-color: #0000;
  border-radius: 7px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  margin-right: 7px;
  padding: 14px 21px;
  transition: background-color .2s;
  display: flex;
}

.justified-tab-link:hover {
  background-color: var(--shade-1);
}

.justified-tab-link.w--current {
  background-color: var(--shade-2);
}

.tab-link-icon {
  margin-right: 14px;
}

.tabs-horizontal {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tabs-horizontal-content {
  flex: 1;
}

.tabs-vertical-menu {
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  border-left: 1px solid var(--border);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.vertical-tab-link {
  color: var(--dark);
  background-color: #0000;
  border-left: 3px solid #0000;
  padding: 4px 0 4px 28px;
  transition: border-color .2s;
  position: relative;
  left: -2px;
}

.vertical-tab-link:hover {
  border-left-color: var(--shade-2);
}

.vertical-tab-link.w--current {
  border-left-color: var(--primary-1);
  background-color: #0000;
}

.tab-image {
  margin-bottom: 28px;
}

.tabs-horizontal-menu {
  border-bottom: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  margin-bottom: 84px;
  display: flex;
}

.horizontal-tab-link {
  color: var(--dark);
  background-color: #0000;
  border-bottom: 3px solid #0000;
  margin-left: 28px;
  margin-right: 28px;
  padding: 0 0 14px;
  transition: border-color .2s;
  top: 2px;
}

.horizontal-tab-link.w--current {
  border-bottom-color: var(--primary-1);
  background-color: #0000;
}

.accordion-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 368px 2fr;
  align-items: start;
}

.image-button-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 28px;
  display: flex;
  position: relative;
}

.contained-case-study {
  z-index: 2;
  background-color: var(--shade-1);
  color: var(--dark);
  justify-content: center;
  align-items: center;
  padding: 70px 56px;
  display: flex;
  position: relative;
}

.customer-image {
  border-radius: 14px;
}

.customer-image.above-logo {
  margin-bottom: 35px;
}

.customer-logo {
  margin-bottom: 28px;
}

.customer-logo.reduced-margin {
  margin-bottom: 21px;
}

.customer-logo.over-image {
  background-color: var(--white);
  border-radius: 7px;
  margin-bottom: 0;
  padding: 21px 28px;
  position: absolute;
  bottom: 14px;
  left: 14px;
}

.customer-grid-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 368px;
  height: 100%;
  display: flex;
}

.customer-grid-item-title {
  flex: 1;
  margin-bottom: 21px;
}

.featured-customer-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 474px 1fr;
  place-items: center;
}

.customer-image-wrapper {
  position: relative;
}

.case-study-list {
  flex-direction: column;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.case-study-list-item {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 21px;
  padding-bottom: 21px;
  display: flex;
}

.case-study-list-item.last-child {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

.career-meta {
  align-items: center;
  display: flex;
}

.account-section {
  background-color: var(--shade-1);
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100vh;
  padding-top: 56px;
  padding-bottom: 56px;
  display: flex;
}

.label-container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-card-footer {
  border-top: 1px solid var(--border);
  text-align: center;
  padding: 21px;
  font-size: 16px;
  line-height: 24px;
}

.form-logo {
  margin-bottom: 56px;
}

.form-hint-text {
  margin-top: 14px;
  font-size: 14px;
  line-height: 24px;
}

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

.rating-heading {
  margin-bottom: 7px;
}

.rating-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  margin-top: 28px;
  display: flex;
}

.careers-header {
  border-bottom: 1px solid var(--border);
  margin-bottom: 56px;
  padding-bottom: 28px;
}

.application-heading {
  margin-top: 112px;
  margin-bottom: 56px;
}

.category-title-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.categories-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 112px;
  display: flex;
}

.categories-heading {
  margin-bottom: 0;
}

.categories-list {
  align-items: center;
  display: flex;
}

.category-item {
  margin-left: 14px;
}

.product-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  display: grid;
}

.price-container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.product-grid-heading {
  margin-top: 0;
  margin-bottom: 7px;
}

.product-grid-link {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 28px;
  font-weight: 400;
  display: flex;
}

.product-thumbnail-link {
  display: block;
  position: relative;
  overflow: hidden;
}

.product-thumbnail-hover-image {
  z-index: 1;
  opacity: 0;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.25);
}

.product-thumbnail-hover-image:hover {
  opacity: 1;
}

.old-price {
  opacity: .5;
  margin-right: 10px;
  text-decoration: line-through;
}

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

.product-description {
  position: sticky;
  top: 56px;
}

.hide {
  display: none;
}

.product-heading {
  margin-bottom: 14px;
}

.small-logo-row {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
  margin-bottom: -14px;
  display: flex;
}

.small-logo-row-item {
  margin: 7px 21px;
}

.product-description-text {
  margin-top: 28px;
}

.product-details {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 28px;
  margin-bottom: 28px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: grid;
}

.add-to-cart-form {
  display: flex;
}

.cart-header {
  border-bottom-color: var(--border);
  padding: 21px 28px;
}

.cart-close-button {
  width: auto;
  height: auto;
}

.cart-close-image {
  display: block;
}

.cart-list {
  padding: 21px 28px;
}

.cart-item {
  align-items: center;
  margin-bottom: 21px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.cart-item-image {
  width: 84px;
}

.cart-item-details {
  margin-left: 21px;
  margin-right: 21px;
}

.cart-footer {
  border-top-color: var(--border);
  padding: 28px;
  font-size: 16px;
  line-height: 24px;
}

.apple-pay-button {
  border-radius: 7px;
  height: 49px;
}

.cart-line-item {
  margin-bottom: 21px;
}

.checkout-form {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 368px;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.block-header {
  border-left-color: var(--border);
  padding: 21px;
}

.block-content {
  border-right-color: var(--border);
  border-bottom-color: var(--border);
  border-left-color: var(--border);
  padding: 21px;
  font-size: 16px;
  line-height: 24px;
}

.checkout-form-section {
  margin-bottom: 0;
}

.checkout-form-body {
  grid-column-gap: 16px;
  grid-row-gap: 21px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 0;
  display: grid;
}

.form-row-thirds {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

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

.shipping-method {
  border-bottom-color: var(--border);
  padding: 21px;
}

.shipping-method-list {
  border-right-color: var(--border);
  border-left-color: var(--border);
}

.order-item {
  align-items: center;
  margin-bottom: 21px;
}

.order-confirmation {
  min-width: 100%;
}

.product-cta-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 368px 1fr;
  align-items: center;
}

.product-grid-halves {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-results-list {
  grid-column-gap: 16px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 84px;
  display: grid;
}

.search-result-text {
  margin-top: 14px;
  margin-bottom: 0;
}

.portrait-image-grid {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 474px 1fr;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-bottom: 7px;
}

.legal-header {
  border-bottom: 1px solid var(--border);
  margin-bottom: 84px;
  padding-bottom: 56px;
}

.subscribe-modal-container {
  z-index: 10;
  background-color: #000000a6;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-image {
  max-height: 112px;
  margin-bottom: 28px;
}

.modal-dismiss-cross {
  cursor: pointer;
  transition: opacity .2s;
  position: absolute;
  top: 21px;
  right: 21px;
}

.modal-dismiss-cross:hover {
  opacity: .5;
}

.changelog-row {
  grid-column-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.photo-license-link {
  background-color: var(--dark);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.photo-license-image {
  opacity: .5;
}

.photo-license-text {
  position: absolute;
}

.typeface-demo-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mulish {
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
}

.redaction {
  font-family: Redaction, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.illustrations-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.section-navigator-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 368px 1fr;
  place-items: center;
}

.section-demo-grid {
  grid-row-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  max-width: 368px;
}

.section-buttons-wrapper {
  flex-wrap: wrap;
  margin-bottom: -14px;
  display: flex;
}

.components-demo-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 474px;
  align-items: center;
  margin-bottom: 56px;
}

.figma-screenshot {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 7px 28px #0000001a;
}

.cta-bar {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  padding: 21px;
  display: flex;
}

.cta-bar-text {
  margin-left: 21px;
  margin-right: 21px;
}

.demos-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
}

.screenshot-wrapper {
  background-color: var(--shade-2);
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 28px;
  padding-top: 56px;
  display: flex;
  overflow: hidden;
}

.screenshot-image {
  max-width: 338px;
  box-shadow: 0 0 28px #0000001a;
}

.screenshot-link {
  text-align: center;
}

.sections-container {
  position: relative;
}

.sections-header {
  z-index: 2;
  border-bottom: 1px solid var(--border);
  background-color: var(--shade-1);
  padding-top: 21px;
  padding-bottom: 21px;
  position: sticky;
  top: 0;
}

.product {
  width: 251.5px;
  height: 251.5px;
}

.product.boxed-link {
  background-color: var(--shade-1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 28px;
  display: flex;
}

.product-image {
  width: 100%;
  height: auto;
}

.raised {
  background-color: var(--green);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 45px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.buy-button {
  background-color: var(--primary-1);
  color: var(--dark);
  border-radius: 200px;
  width: auto;
  height: auto;
  margin-top: 15px;
  padding: 5px 15px;
  font-weight: 700;
}

.buy-button:hover {
  box-shadow: inset 0 0 0 100px #0000001a;
}

.heading {
  margin-bottom: 0;
}

.div-block {
  margin-top: 45px;
}

.heading-2 {
  margin-bottom: 0;
}

.heading-3 {
  margin-bottom: 15px;
}

.tighter {
  max-width: 500px;
}

.apps {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 15px;
  display: flex;
}

.app {
  background-color: var(--dark);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 16px;
  width: 70px;
  height: 70px;
}

.app.turtles {
  background-image: url('../images/2_1.png');
  background-position: 50%;
  background-size: cover;
}

.app.ss {
  background-image: url('../images/1-2.png');
  background-position: 50%;
  background-size: cover;
}

.app._3 {
  background-image: url('../images/6.png');
  background-position: 50%;
  background-size: cover;
}

.glossier {
  height: 35px;
}

.subtext {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.gopro {
  height: 38px;
}

.endorsed-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-2 {
  background-color: #efeeeb;
  border-radius: 48px;
  padding-top: 96px;
  padding-bottom: 96px;
}

.section-2.scroll {
  background-color: #fff;
  margin-top: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.logos-scrim {
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff, #efeeeb00 10% 90%, #fff);
  position: absolute;
  inset: 0%;
}

.lululemon {
  height: 35px;
}

.horizontal-marquee {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-box {
  background-color: #fff;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 42px 48px;
  display: flex;
}

.horizontal-marquee-group {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  padding-right: 4px;
  display: flex;
}

.horizontal-marquee-group.increased-gap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: none;
  padding-right: 48px;
}

.hellofresh, .logitech {
  height: 40px;
}

.container---main {
  width: 100%;
  max-width: 1408px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}

.container---main.logos {
  margin-top: 95px;
}

.adidas {
  height: 50px;
}

.phone-side {
  border-radius: 12px;
}

.text-block {
  text-align: center;
}

.text-block.fade {
  opacity: .59;
}

.label {
  font-size: 20px;
}

.label.success {
  margin-bottom: 0;
}

.turtle {
  height: 200px;
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .section.increased-padding {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .section.page-title-background-image {
    padding-top: 84px;
    padding-bottom: 84px;
  }

  .section.contains-grid {
    padding-top: 0;
    padding-bottom: 0;
  }

  .style-guide-section {
    grid-template-columns: 1fr;
  }

  .button.square.inside-inline-sections, .form-input.beside-input.inside-inline-section {
    margin-left: 0;
  }

  .footer-1 {
    padding-bottom: 56px;
  }

  .back-to-top-button {
    display: none;
  }

  .announcement-cross {
    right: 28px;
  }

  .display-heading {
    font-size: 72px;
    line-height: 72px;
  }

  .display-heading.no-bottom-margin {
    letter-spacing: -.01em;
    font-size: 72px;
    line-height: 72px;
  }

  .uppercase-text.menu-heading {
    margin-bottom: 14px;
  }

  .quote-text.inline {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .style-guide-rows {
    grid-row-gap: 56px;
  }

  .navbar-grid {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 28px;
    margin-right: 28px;
    display: flex;
  }

  .nav-link {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .dropdown-list-wide.w--open {
    background-color: var(--shade-2);
    border-radius: 7px;
    padding-top: 21px;
    padding-bottom: 21px;
    position: relative;
    transform: none;
  }

  .dropdown {
    width: 100%;
  }

  .dropdown-large-grid {
    grid-template-columns: 1fr;
  }

  .vertical-menus-grid {
    grid-column-gap: 56px;
  }

  .nav-menu {
    border-bottom: 1px solid var(--border);
    background-color: var(--shade-1);
    order: 1;
    width: 100%;
    padding: 14px;
    position: absolute;
  }

  .dropdown-wide-bg {
    display: none;
  }

  .container-large.inline-buttons-cta, .container-large.space-between-vertical.quote-container {
    text-align: center;
  }

  .container-large.align-right {
    margin-left: auto;
    margin-right: auto;
  }

  .menu-button {
    margin-left: 14px;
    padding: 7px;
  }

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

  .menu-button-icon {
    display: block;
  }

  .dropdown-left {
    display: none;
  }

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

  .icon-link:hover {
    background-color: var(--shade-1);
  }

  .footer-halves-grid {
    grid-template-columns: 1fr;
  }

  .footer-1-bottom-row {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 56px;
  }

  .restricted-content-container {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-1-copyright-text {
    margin-top: 28px;
  }

  .footer-contact-container {
    text-align: center;
  }

  .footer-3-top-row {
    flex-direction: column;
  }

  .horizontal-links {
    margin-bottom: 28px;
    margin-left: 28px;
  }

  .horizontal-links.aligned-right {
    margin-top: 28px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .footer-3-bottom-row {
    flex-direction: column;
  }

  .footer-4-bottom-row {
    text-align: center;
    flex-direction: column;
    margin-top: 56px;
  }

  .footer-right-logo {
    margin-top: 28px;
  }

  .navbar-row {
    margin-left: 28px;
    margin-right: 28px;
  }

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

  .grid-halves.small-gap {
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-halves.reverse-direction {
    direction: ltr;
  }

  .grid-halves.plan-comparison-card {
    max-width: 580px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .grid-halves.team-quotes-grid {
    justify-items: center;
  }

  .grid-halves.tighter-gaps {
    grid-row-gap: 35px;
  }

  .section-title {
    margin-bottom: 70px;
  }

  .section-title.grid-thirds-title {
    max-width: 474px;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-row {
    flex-wrap: wrap;
    margin-top: -14px;
    margin-bottom: -14px;
  }

  .logo-row-image {
    margin: 14px 21px;
  }

  .grid-thirds {
    grid-template-columns: 1fr;
    max-width: 474px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-thirds.avatars-grid {
    text-align: center;
    justify-items: center;
  }

  .avatar-large.contained-case-study-avatar {
    margin: 28px 0;
  }

  .process-step {
    font-size: 18px;
    line-height: 28px;
  }

  .text-section-heading {
    margin-bottom: 35px;
  }

  .bullet-list {
    padding-left: 21px;
    padding-right: 21px;
  }

  .section-map {
    height: 474px;
  }

  .grid-larger-left {
    grid-template-columns: 1fr;
  }

  .grid-larger-left.small-gaps {
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .vertical-grid-images {
    padding: 7px;
  }

  .image-pair-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .illustration-grid-image {
    margin-bottom: 28px;
  }

  .team-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .faq-grid {
    grid-row-gap: 42px;
    grid-template-columns: 1fr;
  }

  .contact-methods-row {
    grid-template-columns: 1fr;
    max-width: 474px;
  }

  .grid-right-medium {
    grid-template-columns: 1fr;
  }

  .grid-right-medium.small-gap {
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .inline-section-grid-halves {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .grid-right-large {
    grid-template-columns: 1fr;
  }

  .grid-right-large.small-gap {
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-left-medium {
    grid-template-columns: 1fr;
  }

  .grid-left-medium.small-gap {
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-left-medium.reverse-direction {
    direction: ltr;
  }

  .grid-image.portrait {
    max-width: 474px;
    margin-left: auto;
    margin-right: auto;
  }

  .title-section-background-illustration {
    width: 35vw;
    height: 36vw;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    bottom: 0%;
    right: 0;
  }

  .tick-list-item.narrow {
    align-items: flex-start;
  }

  .border-right-wrapper {
    border-bottom: 1px solid var(--border);
    border-right-style: none;
  }

  .pricing-plan-table-container {
    width: 100%;
    max-width: 792px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-quarters {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-quarters.four-plans-grid {
    grid-row-gap: 84px;
    width: 100%;
    max-width: 1005px;
  }

  .metrics-pair {
    grid-template-columns: 1fr 1fr;
  }

  .metrics-pair-left.border-white {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .five-stars-wrapper.above-quote-text {
    margin-bottom: 0;
  }

  .five-stars-wrapper.reduced-margin {
    justify-content: space-between;
    margin-top: 28px;
    margin-bottom: 28px;
    margin-left: 0;
  }

  .five-stars-wrapper.reduced-margin.align-center {
    margin-left: auto;
    margin-right: auto;
  }

  .inline-section-thirds {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .button-pair.below-large-text {
    justify-content: center;
  }

  .hero-text {
    text-align: center;
  }

  .logo-row-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-row-container.reduced-margin {
    margin-top: 56px;
  }

  .hero-section-logo-row {
    flex-wrap: wrap;
    margin-top: -14px;
    margin-bottom: -14px;
  }

  .hero-section-logo-row.inline {
    justify-content: center;
  }

  .hero-section-logo-row-image {
    margin: 14px 21px;
  }

  .hero-section-logo-row-image.last-image-in-row {
    margin-right: 21px;
  }

  .image-splash-image-a, .image-splash-image-b {
    display: none;
  }

  .image-splash-image-c {
    margin-top: 84px;
  }

  .large-quote-container.beside-avatar {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .quote-container {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .inline-section-quote-wrapper {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .four-blog-articles {
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr;
  }

  .form-horizontal.inside-inline-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-grid-halves {
    grid-template-columns: 1fr;
  }

  .justified-tab-link {
    margin-left: 0;
    margin-right: 0;
  }

  .tabs-horizontal {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-vertical-menu {
    border-bottom: 1px solid var(--border);
    border-left-style: none;
    flex-direction: row;
    margin-bottom: 56px;
    display: flex;
  }

  .vertical-tab-link {
    text-align: center;
    border-bottom: 4px solid #0000;
    border-left-style: none;
    flex: 1;
    margin-bottom: -2px;
    padding-top: 0;
    padding-bottom: 7px;
    padding-left: 0;
    left: 0;
  }

  .vertical-tab-link.w--current {
    border-bottom-color: var(--primary-1);
  }

  .accordion-grid {
    grid-template-columns: 2fr;
    justify-items: stretch;
  }

  .contained-case-study {
    text-align: center;
    flex-direction: column;
  }

  .featured-customer-grid {
    grid-template-columns: 1fr;
  }

  .product-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .checkout-form {
    grid-template-columns: 1fr;
  }

  .product-cta-grid {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .product-grid-halves {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .portrait-image-grid {
    grid-template-columns: 1fr;
  }

  .legal-header {
    margin-bottom: 56px;
    padding-bottom: 35px;
  }

  .section-navigator-grid {
    grid-template-columns: 1fr;
  }

  .section-buttons-wrapper {
    justify-content: center;
  }

  .section-demo-buttons-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .components-demo-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 28px;
  }

  .cta-bar {
    text-align: center;
    flex-direction: column;
  }

  .cta-bar-text {
    margin: 14px 0;
  }

  .screenshot-image {
    max-width: 70%;
  }

  .horizontal-marquee-group.increased-gap {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding-right: 36px;
  }

  .container---main {
    max-width: 698px;
  }
}

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

  h1 {
    margin-bottom: 21px;
    font-size: 32px;
    line-height: 42px;
  }

  h2 {
    font-size: 32px;
    line-height: 42px;
  }

  h6 {
    font-size: 16px;
    line-height: 24px;
  }

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

  .section.increased-padding {
    padding-top: 84px;
    padding-bottom: 84px;
  }

  .section.categories-section {
    padding-top: 112px;
  }

  .large-text.team-quote-text {
    margin-bottom: 28px;
  }

  .button.bg-primary-2.beside-input, .button.square.beside-input {
    margin-left: 0;
  }

  .button.adjacent-to-button {
    margin-top: 21px;
    margin-left: 0;
  }

  .style-guide-form-inputs {
    grid-template-columns: 1fr 1fr;
  }

  .form-input.beside-input {
    margin-top: 0;
    margin-left: 0;
  }

  .announcement-cross {
    right: 14px;
  }

  .search-modal-container {
    padding-top: 35px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .display-heading {
    font-size: 54px;
    line-height: 60px;
  }

  .display-heading.no-bottom-margin {
    letter-spacing: 0;
    font-size: 54px;
    line-height: 60px;
  }

  .style-guide-badges {
    grid-template-columns: 1fr 1fr;
  }

  .navbar-grid {
    margin-left: 14px;
    margin-right: 14px;
  }

  .container-small.image-overlap-pair-a {
    margin-left: auto;
    margin-right: auto;
  }

  .vertical-menus-grid {
    grid-column-gap: 28px;
  }

  .nav-menu {
    height: 80vh;
    position: absolute;
    inset: 84px 0% auto;
    overflow: scroll;
  }

  .dropdown-icon-links-grid {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .icon-link {
    flex-direction: row;
    padding: 21px;
  }

  .icon-link-image {
    min-height: 28px;
    margin-bottom: 0;
    margin-right: 14px;
  }

  .horizontal-links {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -7px;
  }

  .horizontal-link {
    margin-right: 21px;
  }

  .horizontal-link.text-white {
    margin-top: 7px;
    margin-bottom: 7px;
  }

  .navbar-row {
    margin-left: 14px;
    margin-right: 14px;
  }

  .search-modal-heading, .popular-links-container {
    display: none;
  }

  .grid-halves {
    grid-row-gap: 70px;
  }

  .grid-halves.section.plan-with-list {
    text-align: center;
  }

  .medium-heading {
    font-size: 32px;
    line-height: 42px;
  }

  .section-title {
    margin-bottom: 56px;
  }

  .logo-row.below-text {
    margin-top: 28px;
  }

  .metric-pair {
    margin-top: 28px;
    margin-bottom: 28px;
    padding-top: 28px;
  }

  .metric-pair-border {
    margin-left: 28px;
    margin-right: 28px;
  }

  .avatar-large {
    max-height: 168px;
  }

  .process-step {
    padding: 21px;
  }

  .text-section-heading {
    margin-bottom: 28px;
  }

  .large-heading {
    margin-bottom: 21px;
    font-size: 32px;
    line-height: 42px;
  }

  .image-collage-top-row {
    max-width: none;
  }

  .image-collage-pair-b {
    right: -28px;
  }

  .section-map {
    height: 368px;
  }

  .inline-cta.below-list {
    margin-top: 35px;
  }

  .photo-row-landscape, .photo-row-portrait, .photo-row-larger-square {
    margin-left: 7px;
    margin-right: 7px;
  }

  .grid-larger-left {
    grid-row-gap: 70px;
  }

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

  .team-member {
    flex-direction: row;
    align-items: center;
  }

  .team-member-image {
    width: 40%;
    margin-bottom: 0;
    margin-right: 28px;
  }

  .grid-right-medium {
    grid-row-gap: 70px;
  }

  .inline-section-grid-halves {
    grid-row-gap: 35px;
    padding: 70px 35px;
  }

  .grid-right-large, .grid-left-medium {
    grid-row-gap: 70px;
  }

  .dual-button-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .image-collage-image-a, .image-collage-image-b {
    width: 25vw;
  }

  .grid-image.portrait {
    max-width: 100%;
  }

  .full-width {
    width: 100%;
  }

  .photo-row-larger-landscape, .photo-row-larger-portrait {
    margin-left: 7px;
    margin-right: 7px;
  }

  .metrics-pair {
    grid-row-gap: 70px;
  }

  .metrics-pair-left {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .five-stars-wrapper.reduced-margin {
    margin-left: auto;
    margin-right: auto;
  }

  .inline-section-thirds {
    grid-row-gap: 35px;
    padding: 70px 35px;
  }

  .button-pair.below-large-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button-pair.below-large-text.centered {
    align-items: center;
  }

  .hero-section-logo-row-image {
    margin-left: 28px;
    margin-right: 28px;
  }

  .hero-section-logo-row-image.last-image-in-row {
    margin-right: 28px;
  }

  .large-quote-container.beside-avatar {
    text-align: center;
    align-items: center;
  }

  .inline-section-quote-wrapper {
    grid-row-gap: 35px;
    padding: 70px 35px;
  }

  .avatar-beside-quote {
    grid-template-columns: 5fr;
    justify-items: center;
  }

  .team-quote-beside-image {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .medium-round-corners-avatar.beside-quote {
    flex: none;
    margin-bottom: 28px;
    margin-right: 0;
  }

  .icon-list-item {
    align-items: flex-start;
  }

  .icon-list-item.large-icon-list-item {
    align-items: center;
  }

  .form-horizontal {
    grid-column-gap: 16px;
    grid-row-gap: 14px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .inline-section-form {
    padding: 70px;
  }

  .form-card-title.increased-margin {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .blog-grid-halves {
    grid-row-gap: 28px;
  }

  .justified-tab-links {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 56px;
    display: grid;
  }

  .categories-wrapper {
    flex-direction: column;
    margin-top: 84px;
  }

  .categories-heading {
    margin-bottom: 14px;
  }

  .categories-list {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -7px;
  }

  .category-item {
    margin: 7px;
  }

  .product-grid-heading {
    margin-top: 21px;
  }

  .form-row-thirds {
    grid-template-columns: 1fr;
  }

  .modal-image {
    display: none;
  }

  .modal-dismiss-cross {
    top: 14px;
    right: 14px;
  }

  .demos-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .section-2 {
    border-radius: 24px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .logo-box {
    padding: 30px 36px;
  }

  .horizontal-marquee-group.increased-gap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-right: 24px;
  }

  .container---main {
    max-width: 461px;
  }
}

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

  h3 {
    font-size: 24px;
    line-height: 32px;
  }

  h4 {
    font-size: 18px;
    line-height: 22px;
  }

  h5 {
    font-size: 18px;
    line-height: 28px;
  }

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

  .section.hero {
    padding-top: 50px;
  }

  .main-container {
    padding-left: 21px;
    padding-right: 21px;
  }

  .main-container.announcement {
    padding-left: 10px;
    padding-right: 10px;
  }

  .style-guide-section {
    grid-row-gap: 56px;
  }

  .style-guide-colors {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-template-columns: 1fr 1fr;
  }

  .large-text {
    font-size: 18px;
    line-height: 28px;
  }

  .style-guide-buttons {
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }

  .button.small.navbar-button {
    display: none;
  }

  .button.small.beside-text {
    width: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .button.small.below-list {
    margin-top: 35px;
  }

  .button.bg-primary-2.beside-input, .button.square.beside-input {
    margin-left: 0;
  }

  .button.add-to-cart {
    margin-top: 14px;
    margin-left: 0;
  }

  .navbar {
    width: 100%;
  }

  .style-guide-form-inputs {
    grid-template-columns: 1fr;
  }

  .form-input.small, .form-input.quantity, .form-grid-vertical {
    width: 100%;
  }

  .selectable-field, .selectable-field.align-top-on-mobile {
    align-items: flex-start;
  }

  .footer-1 {
    text-align: center;
  }

  .announcement-contents {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .trigger-search-modal {
    display: none;
  }

  .search-modal-container {
    padding: 21px;
  }

  .display-heading, .display-heading.no-bottom-margin {
    font-size: 40px;
    line-height: 48px;
  }

  .style-guide-form-rows {
    grid-row-gap: 35px;
  }

  .fine-print-text.quantity {
    justify-content: center;
  }

  .style-guide-rows {
    grid-row-gap: 28px;
  }

  .media-play-wrapper.above-heading {
    margin-bottom: 28px;
  }

  .style-guide-badges {
    grid-template-columns: 1fr;
  }

  .badge.beside-badge.bg-shade-2 {
    margin-top: 0;
    margin-left: 0;
  }

  .nav-link {
    display: block;
  }

  .nav-link.w--current {
    flex: 0 auto;
    display: block;
  }

  .container-small.image-overlap-pair-a {
    width: 90%;
    margin-top: 21px;
  }

  .vertical-menus-grid {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  .vertical-menus-grid.no-mobile-gaps {
    grid-row-gap: 0px;
  }

  .menu-grid-vertical {
    margin-bottom: 7px;
  }

  .nav-menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .container-large {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-large.wide.align-center {
    flex-flow: column;
  }

  .container-large.wide.align-center.left {
    justify-content: center;
    align-items: flex-start;
  }

  .dropdown-icon-links-grid {
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }

  .icon-link {
    padding: 14px;
  }

  .footer-halves-grid {
    justify-items: center;
  }

  .footer-1-bottom-row {
    align-items: center;
  }

  .footer-2, .footer-4 {
    text-align: center;
  }

  .horizontal-form {
    flex-direction: column;
  }

  .grid-halves {
    grid-row-gap: 56px;
  }

  .medium-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .section-title.reduced-margin {
    margin-bottom: 35px;
  }

  .metric-pair {
    grid-column-gap: 16px;
    grid-row-gap: 28px;
    text-align: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .metric-pair-border {
    width: 100%;
    display: none;
  }

  .inline-logo-row-container {
    margin-top: 35px;
  }

  .bullet-list-grid-wrapper {
    grid-row-gap: 7px;
    grid-template-columns: 1fr;
    margin-top: 28px;
    padding-top: 28px;
  }

  .large-heading.price, .large-heading.price-vertical {
    margin-bottom: 14px;
    margin-right: 0;
  }

  .horizontal-list-item {
    grid-row-gap: 7px;
    grid-template-columns: 1fr;
  }

  .image-collage-top-row {
    justify-content: center;
    width: 100%;
  }

  .image-collage-pair-b {
    max-height: 112px;
    right: -21px;
  }

  .image-collage-pair-a {
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .process-number {
    font-size: 16px;
    line-height: 24px;
  }

  .card-body {
    padding: 28px 21px;
  }

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

  .section-map {
    height: 280px;
  }

  .inline-cta {
    flex-direction: column;
    padding: 21px;
  }

  .inline-cta.below-list {
    margin-top: 28px;
  }

  .inline-cta.below-list.bg-white.thin.careers {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: flex-start;
  }

  .hide-on-mobile {
    display: none;
  }

  .grid-larger-left {
    grid-row-gap: 56px;
  }

  .vertical-grid-image.restricted-height {
    height: 100%;
  }

  .image-pair-grid {
    grid-template-columns: 1fr;
  }

  .image-quadrant-grid {
    height: 130px;
  }

  .illustration-grid-text {
    margin-bottom: 21px;
  }

  .team-member {
    flex-direction: column;
    align-items: flex-start;
  }

  .team-member-image {
    width: auto;
    margin-bottom: 21px;
    margin-right: 0;
  }

  .contact-methods-row {
    padding: 35px 21px;
  }

  .grid-right-medium {
    grid-row-gap: 56px;
  }

  .price-with-terms {
    text-align: center;
    flex-direction: column;
  }

  .grid-right-large, .grid-left-medium {
    grid-row-gap: 56px;
  }

  .image-collage-image-a, .image-collage-image-b {
    width: 25vw;
  }

  .title-section-background-illustration {
    width: 51vw;
    height: 61vw;
    inset: auto 0% -3%;
  }

  .price-with-button {
    text-align: center;
    flex-direction: column;
  }

  .button-next-to-price {
    padding-left: 0;
  }

  .tick-list-item {
    align-items: flex-start;
  }

  .pricing-card {
    padding: 28px;
  }

  .price-with-terms-vertical {
    text-align: center;
    flex-direction: column;
  }

  .plan-comparison-wrapper {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .space-between-vertical.pricing-plan-with-table {
    text-align: center;
    align-items: center;
  }

  .pricing-plan-features-table-item {
    grid-column-gap: 14px;
  }

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

  .grid-quarters.four-plans-grid {
    grid-row-gap: 84px;
    grid-template-columns: 1fr;
  }

  .grid-quarters.below-heading {
    grid-template-columns: 1fr;
  }

  .grid-quarters.products {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

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

  .metric-pair-right {
    padding-left: 21px;
  }

  .metrics-pair {
    grid-row-gap: 56px;
  }

  .metrics-pair-left, .metrics-pair-left.border-white {
    padding-right: 21px;
  }

  .small-square-image-wrapper.image-overlap-pair-b {
    width: 133px;
  }

  .hero-text {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 350px;
  }

  .icon-list-item.large-icon-list-item {
    flex-direction: column;
    align-items: center;
  }

  .icon-list-icon.icon-circle-wrapper {
    margin-bottom: 28px;
    margin-right: 0;
  }

  .large-icon-list-item-text {
    text-align: center;
  }

  .icon-hover-card:hover {
    transform: scale(1.05);
  }

  .blog-post-heading {
    margin-bottom: 56px;
  }

  .four-blog-articles {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .form-horizontal {
    flex-direction: column;
  }

  .inline-section-form {
    padding: 28px;
  }

  .contact-details {
    margin-top: 35px;
  }

  .form-card-body {
    padding: 21px;
  }

  .video-wrapper-image {
    opacity: 1;
  }

  .video-wrapper-content {
    margin-top: 28px;
    position: relative;
  }

  .blog-list-vertical {
    grid-row-gap: 21px;
  }

  .boxed-link {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .blog-grid-halves {
    grid-row-gap: 35px;
  }

  .horizontal-blog-item {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

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

  .tabs-vertical-menu {
    border-bottom-style: none;
    flex-direction: column;
  }

  .vertical-tab-link {
    border-bottom-style: none;
    border-left-style: none;
    border-radius: 7px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .vertical-tab-link.w--current {
    background-color: var(--primary-1);
    margin-bottom: 0;
  }

  .tabs-horizontal-menu {
    text-align: center;
    border-bottom-style: none;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 56px;
  }

  .horizontal-tab-link {
    text-align: center;
    border-bottom-style: none;
    border-radius: 7px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: background-color .2s, border-color .2s;
  }

  .horizontal-tab-link.w--current {
    background-color: var(--primary-1);
  }

  .contained-case-study {
    padding: 56px 35px;
  }

  .career-list {
    width: 100%;
  }

  .career-meta {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    align-items: flex-start;
  }

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

  .product-grid-heading {
    margin-top: 0;
  }

  .product-details {
    flex-direction: column;
    display: flex;
  }

  .add-to-cart-form {
    flex-direction: column;
  }

  .cart-item-details {
    text-align: center;
  }

  .order-item {
    text-align: center;
    flex-direction: column;
  }

  .product-grid-halves {
    grid-template-columns: 1fr;
  }

  .changelog-row {
    grid-row-gap: 14px;
    grid-template-columns: 2fr;
  }

  .typeface-demo-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

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

  .components-demo-grid {
    grid-template-columns: 1fr;
  }

  .demos-grid {
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

  .screenshot-wrapper {
    margin-bottom: 14px;
  }

  .logo-box {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container---main {
    padding-left: 21px;
    padding-right: 21px;
  }

  .turtle-image {
    perspective: none;
  }
}

#w-node-_9f34fc71-a82c-ed6f-19c9-31aeb9538d34-b9538d31 {
  justify-self: start;
}

#w-node-_9f34fc71-a82c-ed6f-19c9-31aeb9538d36-b9538d31 {
  justify-self: end;
}

#w-node-c9ceaecb-2b8b-820b-8f12-3f742ec8db9b-e8c4e8fa {
  place-self: stretch stretch;
}

#w-node-c9ceaecb-2b8b-820b-8f12-3f742ec8dba6-e8c4e8fa, #w-node-c9ceaecb-2b8b-820b-8f12-3f742ec8dbab-e8c4e8fa {
  align-self: center;
}

#w-node-c9ceaecb-2b8b-820b-8f12-3f742ec8dbb0-e8c4e8fa, #w-node-_0b3a4166-a33c-30e2-fc1c-ff5e0623b395-e8c4e8fc, #w-node-_0b3a4166-a33c-30e2-fc1c-ff5e0623b396-e8c4e8fc, #w-node-_05473fb8-7066-9d85-3a0b-eaf13d271573-e8c4e8fc {
  place-self: stretch stretch;
}

#w-node-_05473fb8-7066-9d85-3a0b-eaf13d271579-e8c4e8fc {
  justify-self: stretch;
}

#w-node-_69a20018-5738-d486-7ccf-2a778fc37117-e8c4e8fc {
  justify-self: start;
}

#w-node-_69a20018-5738-d486-7ccf-2a778fc37118-e8c4e8fc {
  justify-self: end;
}

#w-node-_69a20018-5738-d486-7ccf-2a778fc37119-e8c4e8fc {
  justify-self: start;
}

#w-node-_69a20018-5738-d486-7ccf-2a778fc3711a-e8c4e8fc {
  justify-self: end;
}

#w-node-_6b5c4318-567c-30cf-a01b-2f6108e61fe7-e8c4e8ff {
  align-self: stretch;
}

#w-node-_746bc70c-8a8b-8960-b585-e72db500982d-e8c4e900, #w-node-_746bc70c-8a8b-8960-b585-e72db500982c-e8c4e900, #w-node-_078173b1-0e81-dd1e-f26a-9414cad65cae-e8c4e901, #w-node-_078173b1-0e81-dd1e-f26a-9414cad65cbb-e8c4e901, #w-node-f396fe3e-7daf-a688-9091-41cdab582168-e8c4e903 {
  place-self: stretch stretch;
}

#w-node-f396fe3e-7daf-a688-9091-41cdab582167-e8c4e903 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-f18f8609-eee3-a176-89c0-aa712006c5e5-e8c4e903, #w-node-_4a08dd2f-a35d-5d0e-47e7-3d0ea3ef7a5a-e8c4e903 {
  align-self: stretch;
}

#w-node-d19d3015-8e27-5dd8-8502-0b5f97b095fa-e8c4e903 {
  place-self: stretch stretch;
}

#w-node-_6f0813df-e61c-21ca-7cbd-eef04898c4a9-e8c4e903, #w-node-_6f0813df-e61c-21ca-7cbd-eef04898c4b0-e8c4e903 {
  justify-self: center;
}

#w-node-baa2f506-2ec8-9259-8ded-1953c1482bbd-e8c4e903, #w-node-baa2f506-2ec8-9259-8ded-1953c1482bbe-e8c4e903, #w-node-baa2f506-2ec8-9259-8ded-1953c1482bbf-e8c4e903 {
  place-self: stretch stretch;
}

#w-node-_8ca913da-608a-55a6-7d43-c9a6fe616c6e-e8c4e903 {
  align-self: center;
}

#w-node-bf573792-6499-6178-f1bc-2ffc57fd348a-e8c4e904, #w-node-bf573792-6499-6178-f1bc-2ffc57fd348b-e8c4e904 {
  place-self: stretch stretch;
}

#w-node-_2631f74c-b24d-286a-ad4b-d31d2df54850-2df5484e {
  justify-self: start;
}

#w-node-_2631f74c-b24d-286a-ad4b-d31d2df54852-2df5484e {
  justify-self: center;
}

#w-node-_2631f74c-b24d-286a-ad4b-d31d2df54854-2df5484e {
  justify-self: end;
}

#w-node-_48c98207-ed15-5eb2-ee0a-e870f95a302f-e8c4e93f {
  place-self: stretch stretch;
}

#w-node-_48c98207-ed15-5eb2-ee0a-e870f95a303b-e8c4e93f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_7a17842e-20a9-350e-f77e-04fcdb516142-e8c4e93f, #w-node-_7a17842e-20a9-350e-f77e-04fcdb516141-e8c4e93f, #w-node-_62a8d864-1c47-f049-f467-9f7572be6ae9-e8c4e941, #w-node-_62a8d864-1c47-f049-f467-9f7572be6ae8-e8c4e941, #w-node-e44fb443-2205-c818-cbd7-d65974a9fec5-e8c4e941, #w-node-_01ea942d-6b56-3711-308f-4c59ae5b47ae-e8c4e941, #w-node-_90152ab6-816d-dc3b-34ce-42c39a273731-e8c4e941, #w-node-_3eeea0b9-6312-3415-d925-b6766a67f6de-e8c4e942, #w-node-_3eeea0b9-6312-3415-d925-b6766a67f6df-e8c4e942 {
  place-self: stretch stretch;
}

#w-node-b9dd26af-6fb3-56c4-cc15-bdfd0409ca54-e8c4e942 {
  justify-self: end;
}

#w-node-aa48e5ab-a1cb-8b3e-066a-71cad1e655d7-e8c4e942, #w-node-aa48e5ab-a1cb-8b3e-066a-71cad1e655d6-e8c4e942, #w-node-_091a3552-6299-d6d2-ad59-42a96691e74a-e8c4e944, #w-node-_091a3552-6299-d6d2-ad59-42a96691e767-e8c4e944, #w-node-bf8067f5-ab0a-c16c-6789-cdc208dc3d9a-e8c4e946, #w-node-e1e84ac5-8827-2d9c-7740-ae6206bad43e-e8c4e947, #w-node-e1e84ac5-8827-2d9c-7740-ae6206bad44b-e8c4e947, #w-node-_65434f3f-72bb-0668-a43e-4256f5c35013-e8c4e947, #w-node-_65434f3f-72bb-0668-a43e-4256f5c35014-e8c4e947, #w-node-_65434f3f-72bb-0668-a43e-4256f5c35015-e8c4e947 {
  place-self: stretch stretch;
}

#w-node-_1a558860-ef9f-7e04-e821-7ff49d3ec522-e8c4e948 {
  justify-self: start;
}

#w-node-e35de8c6-3c90-ed16-5aeb-8dbe481d7759-e8c4e95c, #w-node-e35de8c6-3c90-ed16-5aeb-8dbe481d776c-e8c4e95c, #w-node-fa16e870-c593-6edd-de2b-10a812c8ae7e-e8c4e95c, #w-node-fa16e870-c593-6edd-de2b-10a812c8ae7f-e8c4e95c, #w-node-fa16e870-c593-6edd-de2b-10a812c8ae80-e8c4e95c {
  place-self: stretch stretch;
}

#w-node-_18155c31-9a75-a7d1-c26f-a2d21ad849ab-e8c4e95c, #w-node-_0e83e66b-e0e2-0d23-432d-2357d96cb573-e8c4e95c, #w-node-_0e83e66b-e0e2-0d23-432d-2357d96cb574-e8c4e95c {
  align-self: stretch;
}

#w-node-_0e83e66b-e0e2-0d23-432d-2357d96cb575-e8c4e95c, #w-node-e234011f-01f0-b21f-59ad-6d16f79316b6-e8c4e95d, #w-node-e234011f-01f0-b21f-59ad-6d16f79316b7-e8c4e95d, #w-node-_7e993b51-2544-0fe1-e7f9-f0fc6a91515d-e8c4e95f {
  place-self: stretch stretch;
}

#w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b6-e8c4e962 {
  justify-self: start;
}

#w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b7-e8c4e962 {
  justify-self: end;
}

#w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b8-e8c4e962 {
  justify-self: start;
}

#w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b9-e8c4e962 {
  justify-self: end;
}

#w-node-aeb3887a-286f-36e1-3723-04e11a8bcaf9-e8c4e962 {
  place-self: stretch stretch;
}

#w-node-d790e627-81e8-cfef-e49e-f7900a24e9b5-e8c4e962, #w-node-_9af50aca-e25b-0f82-22d3-694aa432dcda-e8c4e962 {
  align-self: center;
}

#w-node-aeb3887a-286f-36e1-3723-04e11a8bcaf8-e8c4e962, #w-node-_61d25a16-bed2-d9fa-a49f-5c25e7a9c9cc-e8c4e963, #w-node-afad57a0-abb8-11c5-aba9-770777384bd2-e8c4e963 {
  place-self: stretch stretch;
}

#w-node-a5fde7a8-2d45-0371-00b7-01e9d4cc3355-e8c4e963 {
  align-self: stretch;
}

#w-node-_88770f2f-237a-2803-b7d9-a4cce0c90596-e8c4e963, #w-node-_88770f2f-237a-2803-b7d9-a4cce0c90597-e8c4e963, #w-node-_777670bb-1832-ccd0-549c-858889be3057-e8c4e963, #w-node-ca44eb57-e22b-dd56-3fd5-6f4f274a99c1-e8c4e963, #w-node-b204212e-55ac-9323-d716-70d6246db3cc-e8c4e963, #w-node-ea551639-4911-fad7-1196-5971a75e9910-e8c4e966, #w-node-ea551639-4911-fad7-1196-5971a75e9911-e8c4e966 {
  place-self: stretch stretch;
}

#w-node-_5e977109-cc99-7c78-5527-6d45ef6d833f-e8c4e969 {
  justify-self: start;
}

#w-node-a225376a-b92b-e97e-52f2-90c5e5f84d87-e8c4e969, #w-node-d99f191c-91c4-9a2c-24c6-669342afd0a3-e8c4e969, #w-node-_7cb0b8b6-24f9-7bce-64e4-906c7a6bea18-e8c4e969, #w-node-_34824802-bffb-2532-27cf-549bf4ffe925-e8c4e969, #w-node-_6f291938-d5a7-1053-3ed7-054388a87657-e8c4e969 {
  place-self: center start;
}

#w-node-_7c374464-efcb-b62c-a3ee-03b583c072f1-e8c4e96a, #w-node-bd7c3715-5637-dde4-852f-32df5120bc8f-e8c4e96b, #w-node-bd7c3715-5637-dde4-852f-32df5120bc82-e8c4e96b {
  place-self: stretch stretch;
}

#w-node-_09640bb5-63fb-8799-08c6-8e66f2b7fb79-e8c4e96d {
  justify-self: start;
}

#w-node-_7019a8dc-e365-6966-e60c-1ad9ddcc4cf7-e8c4e96d {
  align-self: center;
}

#w-node-dd2de7a1-c69b-847b-7ddd-c7f0f2a9aaeb-e8c4e96d {
  place-self: stretch stretch;
}

#w-node-_044fe0b9-ecb6-a43d-8236-52e84a941c98-e8c4e972 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33192abf-5c38-638d-13c9-822524ace609-e8c4e97e {
  place-self: stretch stretch;
}

#w-node-_567ec3df-f672-1ca9-507d-7d0e52efe72c-2b7147bb, #w-node-a52e38d8-2688-3702-29ba-e9753a54fdab-2b7147bb, #w-node-_8b76b17a-c62c-7c11-2713-341072dd1e59-2b7147bb, #w-node-_567ec3df-f672-1ca9-507d-7d0e52efe72d-2b7147bb, #w-node-_567ec3df-f672-1ca9-507d-7d0e52efe72e-2b7147bb, #w-node-_567ec3df-f672-1ca9-507d-7d0e52efe72f-2b7147bb, #w-node-_34e60f83-628f-49b3-e49c-d0d003b201f3-2b7147bb, #w-node-f42d50c9-4a51-e5b7-e873-96d649c4941c-2b7147bb {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_57bd5d73-6378-56b2-8f43-30bc02d04503-e8c4e8a5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8d5b15d3-8d1e-a157-bf2b-09a031eecd4c-31eecd48 {
    justify-self: start;
  }

  #w-node-_5afbc777-d533-b058-16ef-3ebde95999ec-e95999e8 {
    justify-self: center;
  }

  #w-node-_69a20018-5738-d486-7ccf-2a778fc37119-e8c4e8fc {
    justify-self: start;
  }

  #w-node-_69a20018-5738-d486-7ccf-2a778fc3711a-e8c4e8fc {
    justify-self: end;
  }

  #w-node-b9dd26af-6fb3-56c4-cc15-bdfd0409ca54-e8c4e942, #w-node-_1a558860-ef9f-7e04-e821-7ff49d3ec522-e8c4e948 {
    justify-self: center;
  }

  #w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b8-e8c4e962 {
    justify-self: start;
  }

  #w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b9-e8c4e962 {
    justify-self: end;
  }

  #w-node-_09640bb5-63fb-8799-08c6-8e66f2b7fb79-e8c4e96d {
    justify-self: center;
  }

  #w-node-_325b6e8c-c6c4-cf28-ea37-367c25078e74-e8c4e96d, #w-node-_7019a8dc-e365-6966-e60c-1ad9ddcc4cf7-e8c4e96d {
    align-self: center;
  }

  #w-node-_6ddb003d-9ab5-f437-fcd8-6d2e020dc588-e8c4e973 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_115289c1-c351-6fd9-6715-538a456fdffc-e8c4e8ff, #w-node-c42ba5d6-9889-3978-5d84-ffba41d7032c-e8c4e969, #w-node-f641fb90-31b1-f583-fee1-4ed6a4e365d2-e8c4e96c {
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8d5b15d3-8d1e-a157-bf2b-09a031eecd4c-31eecd48 {
    justify-self: center;
  }

  #w-node-c9ceaecb-2b8b-820b-8f12-3f742ec8dba6-e8c4e8fa, #w-node-c9ceaecb-2b8b-820b-8f12-3f742ec8dbab-e8c4e8fa {
    align-self: start;
  }

  #w-node-_69a20018-5738-d486-7ccf-2a778fc37117-e8c4e8fc, #w-node-_69a20018-5738-d486-7ccf-2a778fc37118-e8c4e8fc, #w-node-_69a20018-5738-d486-7ccf-2a778fc37119-e8c4e8fc, #w-node-_69a20018-5738-d486-7ccf-2a778fc3711a-e8c4e8fc {
    justify-self: center;
  }

  #w-node-_16ca8a58-1afe-7c18-f16c-45e79e103db2-e8c4e925, #w-node-_16ca8a58-1afe-7c18-f16c-45e79e103db7-e8c4e925, #w-node-_16ca8a58-1afe-7c18-f16c-45e79e103dbe-e8c4e925, #w-node-_16ca8a58-1afe-7c18-f16c-45e79e103dc3-e8c4e925 {
    align-self: start;
  }

  #w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b6-e8c4e962, #w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b7-e8c4e962, #w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b8-e8c4e962, #w-node-dd7e2f46-2167-dac9-13ae-ac9d805ef8b9-e8c4e962 {
    justify-self: center;
  }

  #w-node-d790e627-81e8-cfef-e49e-f7900a24e9b5-e8c4e962, #w-node-_9af50aca-e25b-0f82-22d3-694aa432dcda-e8c4e962, #w-node-a4a8ebcb-8669-11ce-1255-49064da1908e-e8c4e962, #w-node-a4a8ebcb-8669-11ce-1255-49064da19093-e8c4e962, #w-node-_6a399e0e-12ad-ad80-cc4c-659770733099-e8c4e962, #w-node-_6a399e0e-12ad-ad80-cc4c-65977073309e-e8c4e962, #w-node-_20593980-23ab-7ea6-84c8-89e22c57fcab-e8c4e96b, #w-node-_20593980-23ab-7ea6-84c8-89e22c57fcb0-e8c4e96b, #w-node-_20593980-23ab-7ea6-84c8-89e22c57fcb7-e8c4e96b, #w-node-_20593980-23ab-7ea6-84c8-89e22c57fcbc-e8c4e96b {
    align-self: start;
  }

  #w-node-a703a6e4-e8ee-11f7-c013-179009f8ae3c-2b7147bb {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Redaction';
  src: url('../fonts/Redaction-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Redaction';
  src: url('../fonts/Redaction-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}