@font-face {
  font-family: HC Gleam;
  src: url('../fonts/HCGleam-Reg.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sunday Masthead;
  src: url('../fonts/SundayMasthead-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neutral Sans;
  src: url('../fonts/NeutralSans-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neutral Sans;
  src: url('../fonts/NeutralSans-Meidum.woff2') format("woff2"), url('../fonts/NeutralSans-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neutral Sans;
  src: url('../fonts/NeutralSans-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #111;
  --light-grey: #aeaeae;
  --white: #fafafa;
  --border: #aeaeae33;
  --grey: #6b6b6b;
  --dark: #1b1b1b;
  --background: #aeaeae0d;
}

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

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

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

.w-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}

.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 {
  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;
  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;
  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;
  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-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-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-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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 {
  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;
  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;
  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-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

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

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

.w-commerce-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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .section-projects-content .padding-global,
  .section-home-projects .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-projects-content .project-component-wrapper,
  .section-home-projects .project-component-wrapper,
  .smartez-example-site-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

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

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

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

@media screen and (max-width: 479px) {
  .w-commerce-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-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

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

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

body {
  background-color: var(--black);
  color: var(--light-grey);
  text-transform: uppercase;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

p {
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 1.4;
}

a {
  color: var(--white);
  text-transform: uppercase;
  line-height: 1.2;
  text-decoration: none;
}

ul, ol {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.4;
}

blockquote {
  border-left: 5px solid var(--border);
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.4;
}

.margin-xhuge {
  margin: 8rem;
}

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

.icon-height-small {
  height: 1rem;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

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

.text-size-small {
  color: var(--light-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .875rem;
}

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

.form-input {
  border: 1px solid var(--border);
  min-height: 3rem;
  color: var(--white);
  background-color: #aeaeae0d;
  border-radius: 0;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  transition: border-color .35s;
}

.form-input:hover, .form-input:active, .form-input:focus, .form-input.-wfp-focus {
  border-color: var(--grey);
}

.form-input::placeholder {
  color: #222;
}

.form-input.is-text-area {
  min-height: auto;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.form-input.is-newsletter {
  margin-bottom: 0;
}

.background-color-tertiary {
  background-color: var(--grey);
}

.margin-0 {
  margin: 0;
}

.fs-styleguide-heading-header {
  font-size: 8rem;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide-header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.fs-styleguide-spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-0 {
  padding: 0;
}

.form-message-success {
  color: #114e0b;
  text-align: center;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.text-size-tiny {
  color: var(--light-grey);
  text-transform: uppercase;
  font-size: .75rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.icon-1x1-small {
  width: 1rem;
  height: 1rem;
}

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

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.nav-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-styleguide-section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.text-rich-text h5 {
  font-size: 2rem;
}

.text-rich-text h6 {
  font-size: 1rem;
}

.text-rich-text h4 {
  font-size: 2.5rem;
}

.text-rich-text h3 {
  font-size: 3rem;
}

.text-rich-text h2 {
  font-size: 4rem;
}

.text-rich-text h1 {
  font-size: 5rem;
}

.text-rich-text p, .text-rich-text ul, .text-rich-text ol {
  text-transform: uppercase;
  font-size: 1rem;
}

.text-rich-text blockquote {
  text-transform: uppercase;
}

.text-size-large {
  text-transform: uppercase;
  font-size: 1.5rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.fs-styleguide-item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.overflow-visible {
  overflow: visible;
}

.text-weight-medium {
  font-weight: 500;
}

.fs-styleguide-background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.form-checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide-2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide-2-col.is-align-start {
  align-items: start;
}

.icon-height-large {
  height: 3rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.fs-styleguide-classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.fs-styleguide-4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide-background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-small {
  margin: 1rem;
}

.text-size-regular {
  text-transform: uppercase;
  font-size: 1rem;
}

.text-size-regular.text-color-secondary {
  color: #888;
}

.fs-styleguide-message {
  color: #5e5515;
  background-color: #fcf8d8;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.icon-height-medium {
  height: 2rem;
}

.pointer-events-none {
  pointer-events: none;
}

.form-radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form-radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.padding-custom3 {
  padding: 3.5rem;
}

.container-large {
  width: 100%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-xxhuge {
  margin: 12rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.fs-styleguide-spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.nav-component {
  background-color: var(--dark);
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.margin-huge {
  margin: 6rem;
}

.fs-styleguide-section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide-section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

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

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.fs-styleguide-item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide-item.is-stretch {
  justify-items: stretch;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.text-weight-semibold {
  font-weight: 600;
}

.padding-small {
  padding: 1rem;
}

.heading-style-h2 {
  color: var(--white);
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 10rem;
  font-weight: 400;
  line-height: 1;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

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

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-color-secondary {
  color: var(--grey);
}

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

.margin-xsmall {
  margin: .5rem;
}

.form-message-error {
  color: #3b0b0b;
  text-align: center;
  background-color: #f8e4e4;
  margin-top: 2.5rem;
  padding: 1.25rem;
}

.heading-style-h3 {
  color: var(--white);
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 6rem;
  font-weight: 400;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.pointer-events-auto {
  pointer-events: auto;
}

.text-style-quote {
  border-left: .25rem solid var(--border);
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.button {
  border: 1px solid var(--black);
  background-color: var(--border);
  width: 100%;
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 400;
  transition: all .35s;
  display: flex;
}

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

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-secondary {
  border: 1px solid var(--white);
  background-color: var(--white);
  color: #000;
}

.button.is-secondary:hover {
  border-color: var(--white);
  color: var(--white);
  background-color: #0000;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.text-style-italic {
  font-style: italic;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.fs-styleguide-3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide-3-col.is-align-start {
  align-items: start;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.form-label {
  color: var(--white);
}

.text-size-medium {
  text-transform: uppercase;
  font-size: 1.125rem;
}

.fs-styleguide-hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

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

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.margin-custom2 {
  margin: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.overflow-auto {
  overflow: auto;
}

.nav-menu-link {
  color: #fff;
  padding: 1rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

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

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.fs-styleguide-item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

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

.spacing-clean {
  margin: 0;
  padding: 0;
}

.fs-styleguide-header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.fs-styleguide-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.margin-tiny {
  margin: .125rem;
}

.spacer-large {
  padding-top: 3rem;
}

.padding-large {
  padding: 3rem;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.text-weight-light {
  font-weight: 300;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

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

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.form-checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-xxsmall {
  padding: .25rem;
}

.text-style-nowrap {
  white-space: nowrap;
}

.fs-styleguide-heading-medium {
  font-size: 4rem;
  line-height: 1;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.fs-styleguide-empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.padding-xxhuge {
  padding: 12rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.container-medium {
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.nav-client-first-logo {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.fs-styleguide-label {
  color: #fff;
  background-color: #2d62ff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide-label.is-tag {
  background-color: #dd23bb;
}

.text-style-muted {
  opacity: .6;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

.padding-medium {
  padding: 2rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.background-color-primary {
  background-color: var(--black);
  color: #fff;
}

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

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.fs-styleguide-1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.nav-button {
  padding: 1rem;
}

.padding-huge {
  padding: 6rem;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

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

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

.margin-custom1 {
  margin: 1.5rem;
}

.form-radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.margin-large {
  margin: 3rem;
}

.padding-tiny {
  padding: .125rem;
}

.fs-styleguide-spacing-all {
  display: none;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.heading-style-h1 {
  color: var(--white);
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 12rem;
  font-weight: 400;
  line-height: 1;
}

.hide {
  display: none;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.nav-style-guide {
  background-color: var(--dark);
  justify-content: space-between;
  align-items: center;
  width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem 1.5rem;
  display: flex;
  position: fixed;
  inset: auto 0% 5%;
}

.nav-style-guide-link {
  background-color: var(--border);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.nav-style-guide-link:hover {
  transform: scale(1.2);
}

.nav-style-guide-icon {
  width: 2rem;
  height: 2rem;
  color: var(--white);
  font-family: Material Icons;
  line-height: 1;
}

.style-guide-body {
  background-color: var(--black);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.checkout-form, .paypal-checkout-form, .order-confirmation-form {
  background-color: #0000;
  padding: 0;
}

.blog-post-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.licenses-list-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  list-style-type: square;
  display: flex;
}

.link-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.link-text {
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
}

.link-text.is-hover {
  color: var(--grey);
}

.link-text.bottom {
  color: var(--white);
  font-size: 14px;
}

.link-text.bottom-hover {
  color: var(--light-grey);
  font-size: 14px;
}

.link-button {
  flex-direction: column;
  height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-button.bottom {
  height: 14px;
}

.changelog-content-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.changelog-flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.list {
  list-style-type: square;
}

.checkout-header-block {
  border-color: var(--border);
  background-color: #aeaeae0d;
  padding-top: 20px;
  padding-bottom: 10px;
}

.checkout-content-block {
  border-right-color: var(--border);
  border-bottom-color: var(--border);
  border-left-color: var(--border);
  background-color: #aeaeae0d;
}

.checkout-title {
  color: var(--white);
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.checkout-image {
  width: 50px;
}

.padding-top-header {
  padding-top: 10rem;
}

.utility-icon {
  width: 12rem;
  height: 12rem;
  color: var(--white);
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.shipping-method-list {
  border-left-style: none;
  border-right-style: none;
}

.shipping-method {
  background-color: #fff0;
  border-bottom-style: none;
}

.utility-page-title {
  color: var(--white);
  font-family: Sunday Masthead, Impact, sans-serif;
  font-weight: 400;
}

.contact-form-wrapper {
  border: 1px solid var(--border);
  background-color: var(--background);
  color: #000;
  margin-bottom: 0;
  padding: 3rem 2rem;
}

.blog-post-info-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.blog-post-info-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.empty-state {
  background-color: var(--border);
  color: var(--white);
  text-align: center;
}

.blog-component-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-link-wrapper {
  border: 1px solid var(--border);
  background-color: var(--dark);
  width: 100%;
  padding: 5px;
  display: block;
  position: relative;
}

.blog-link-wrapper.is-sidebar {
  height: 20rem;
}

.blog-image-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-post-content {
  background-color: var(--dark);
  padding: 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.blog-post-title {
  color: var(--white);
  font-size: 2.5rem;
  line-height: 1.1;
}

.blog-post-title.sidebar {
  font-size: 1.375rem;
}

.blog-post-info {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.blog-post-icon {
  width: 1rem;
  height: 1rem;
  color: var(--white);
  position: absolute;
}

.blog-post-category {
  z-index: 10;
  background-color: var(--dark);
  color: var(--white);
  padding: 8px 12px;
  position: absolute;
  inset: 0 auto auto;
}

.blog-post-category.sidebar-category {
  font-size: 12px;
}

.newsletter-form-wrapper {
  border: 1px solid var(--border);
  background-color: var(--dark);
  padding: 2rem 3rem 2rem 2rem;
}

.newsletter-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog-post-icon-wrap {
  border: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 10px;
  display: flex;
}

.blog-post-icon-overflow {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-top-content-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  width: 100%;
}

.blog-post-content-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  place-items: start;
  width: 100%;
}

.blog-post-author-wrapper {
  position: sticky;
  top: 2rem;
}

.author-picture {
  border: 1px solid var(--border);
  object-fit: cover;
  width: 6rem;
  height: 6rem;
  padding: 5px;
}

.author-s-social-media-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.social-link {
  border: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
}

.social-icon-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  overflow: hidden;
}

.social-icon {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--white);
}

.produc-component-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.product-content-wrapper {
  border: 1px solid var(--border);
  background-color: var(--background);
  padding: 3rem 2rem;
}

.product-title {
  font-size: 2.5rem;
}

.price-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.price-text {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.pricing-benefits-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pricing-benefit-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.check-icon {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  color: var(--white);
}

.product-feature-text {
  color: var(--light-grey);
  margin-bottom: 0;
  font-size: .875rem;
}

.faq-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.accordion-content-wrap {
  overflow: hidden;
}

.accordion-content-item {
  cursor: pointer;
  width: 100%;
  position: relative;
}

.plus-block {
  border: 1px solid var(--border);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accordion-answer-text {
  color: var(--light-grey);
  margin-bottom: 0;
  padding-top: 2rem;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.accordion-top-wrap {
  grid-column-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-track-component {
  justify-content: flex-end;
  align-items: center;
  margin-top: 2rem;
  display: flex;
  position: relative;
}

.accordion-track-line {
  background-color: var(--border);
  border-radius: .25rem;
  width: 100%;
  height: 1px;
}

.accordion-track-progress {
  background-color: var(--white);
  width: 0%;
  height: 1px;
  position: absolute;
}

.accordion-heading {
  color: var(--white);
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

.plus-line {
  z-index: 1;
  background-color: var(--white);
  border-radius: .5rem;
  width: .75rem;
  height: .083rem;
  position: relative;
}

.plus-line.vertical {
  position: absolute;
  transform: rotate(90deg);
}

.accordion-content-block {
  width: 100%;
  max-width: 36rem;
}

.accordion-title-item {
  position: relative;
  overflow: hidden;
}

.product-content-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.product-quantity {
  display: none;
}

.footer-component-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 5rem;
}

.footer-content-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-logo-link {
  transition: opacity .35s;
}

.footer-logo-link:hover {
  opacity: .5;
}

.footer-logo {
  height: 2.7rem;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.back-to-top-link {
  border: 1px solid var(--border);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.back-to-top-arrow {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--white);
  font-weight: 400;
}

.footer-top-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.footer-padding {
  padding-top: 8rem;
  padding-bottom: 4rem;
}

.bottom-component-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  width: 100%;
  margin-top: 4rem;
}

.bottom-content-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.bottom-content-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-menu-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.divider-line {
  background-color: var(--border);
  width: 100%;
  height: 1px;
}

.section-home-header {
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.social-media-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-form-block {
  width: 100%;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

.project-info-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.project-info-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

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

.testimonial-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-picture {
  border: 1px solid var(--border);
  width: 8rem;
  height: 8rem;
  padding: 5px;
}

.testimonial-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cover-image-wrapper {
  position: relative;
  overflow: hidden;
}

.empty-shipping-state {
  background-color: #0000;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.header-component-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  height: 100vh;
}

.title-01 {
  color: var(--white);
  text-align: center;
  letter-spacing: -5px;
  text-transform: uppercase;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 18.5rem;
  font-weight: 400;
  line-height: 1;
  position: relative;
  bottom: -2.5rem;
}

.title-01.about-header {
  bottom: -.5rem;
}

.heading-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.title-02 {
  color: var(--grey);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: HC Gleam, Impact, sans-serif;
  font-size: 26rem;
  font-weight: 400;
  line-height: 1;
  position: relative;
  bottom: -2.5rem;
}

.title-02.about-header {
  font-size: 24.5rem;
  bottom: -.5rem;
}

.card-image-wrapper {
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0% auto auto;
}

.card-item {
  perspective: 1000px;
  border-radius: 100%;
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0%;
  transform: rotate(0);
}

.card-item._07 {
  z-index: 2;
  transform-origin: 0 0;
  transform: rotate(-290deg);
}

.card-item._03 {
  z-index: 6;
  transform-origin: 0 0;
  transform: rotate(-75deg);
}

.card-item._04 {
  z-index: 5;
  transform-origin: 0 0;
  transform: rotate(-135deg);
}

.card-item._05 {
  z-index: 4;
  transform-origin: 0 0;
  transform: rotate(-195deg);
}

.card-item._06 {
  z-index: 3;
  transform-origin: 0 0;
  transform: rotate(-235deg);
}

.card-item._01 {
  z-index: 8;
  transform-origin: 0 0;
  transform: rotate(20deg);
}

.card-item._02 {
  z-index: 7;
  transform-origin: 0 0;
  transform: rotate(-35deg);
}

.card-component {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: rotate(0);
}

.card-image._01 {
  transform: rotate(0);
}

.card-image._02, .card-image._03, .card-image._04, .card-image._05, .card-image._06, .card-image._07, .card-image.about-01 {
  transform: rotate(180deg);
}

.card-wrapper {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transform: scale(1.5);
}

.header-opacity {
  z-index: 20;
  background-image: linear-gradient(180deg, #0000, var(--black));
  width: 100%;
  height: 4rem;
  position: absolute;
  inset: auto 0% 0%;
}

.menu-side {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-overlay {
  background-color: #0a0a0a33;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.logo-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 2.25rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.navbar-menu {
  background-color: #0000;
  flex-flow: row;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.link-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-content-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  width: 100%;
}

.nav-background {
  background-color: var(--dark);
  transform-origin: 100% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.menu-item {
  -webkit-text-stroke-color: #f2f2f2;
  background-color: #fafafa;
  width: 5px;
  height: 5px;
}

.nav-text-item {
  color: var(--white);
  text-transform: uppercase;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 1;
}

.nav-text-item.is-hover {
  color: var(--grey);
}

.nav-number {
  color: var(--grey);
  margin-top: 20px;
  line-height: 1;
}

.menu-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: -1rem;
  display: flex;
}

.alternate-logo {
  opacity: .25;
  height: 2rem;
  color: var(--grey);
  text-transform: capitalize;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

.navbar {
  background-color: #0000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: absolute;
  inset: 0% 0% auto;
}

.menu-icon-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.menu-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: center;
}

.menu {
  width: 2rem;
  height: 2rem;
  padding: 0;
}

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

.logo-link {
  z-index: 99;
  position: relative;
}

.logo-link.w--current {
  z-index: 999;
}

.logo {
  height: 2rem;
  color: var(--white);
  text-transform: capitalize;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.navbar-menu-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.nav-link-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 6rem;
  display: flex;
  overflow: hidden;
}

.menu-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.location-lottie {
  opacity: .85;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
}

.globe-lottie {
  opacity: .9;
  width: 1.65rem;
  height: 1.65rem;
}

.header-content-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 1.5rem;
}

.header-flex {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-home-intro, .text-scroll-component {
  overflow: hidden;
}

.text-scroll-wrapper {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.text-scroll-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.scrolling-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 16rem;
  font-weight: 400;
  line-height: .5;
}

.scrolling-text.is-grey {
  color: var(--grey);
}

.scroll-image-wrapper {
  width: 11.5rem;
  height: 11.5rem;
}

.corner-component {
  position: absolute;
  inset: 0%;
}

.main-button {
  border: 1px solid var(--border);
  padding: 1.25rem 2rem;
  position: relative;
}

.corner-01 {
  background-color: #fff;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: -2px auto auto -2px;
}

.vertical-button-outline {
  width: 1px;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.vertical-button-outline.left {
  inset: 0% auto 0% 0%;
}

.vertical-button-outline.right {
  inset: 0% 0% 0% auto;
}

.button-component {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.corner-02 {
  background-color: #fff;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: -2px -2px auto auto;
}

.horizontal-button-outline {
  width: 100%;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.horizontal-button-outline.bottom {
  inset: auto 0% 0%;
}

.horizontal-button-outline.top {
  inset: 0% 0% auto;
}

.button-text-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 15px;
  display: flex;
  overflow: hidden;
}

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

.button-text {
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1;
}

.corner-04 {
  background-color: #fff;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: auto -2px -2px auto;
}

.horizontal-outline {
  background-color: var(--white);
  width: 100%;
  height: 1px;
}

.vertical-outline {
  background-color: var(--white);
  width: 1px;
  height: 100%;
}

.corner-03 {
  background-color: #fff;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: auto auto -2px -2px;
}

.outline-button-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.contact-component-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.header-top-content {
  margin-top: 30px;
}

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

.project-back-image-wrapper {
  width: 100%;
  height: 100%;
}

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

.project-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-middle-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-middle-image {
  width: 80%;
  height: 80%;
}

.project-front-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-front-image {
  width: 60%;
  height: 60%;
}

.project-overlay {
  background-color: #0c0c0ca6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.project-container {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
}

.client-name {
  color: var(--white);
  margin-bottom: 0;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-weight: 400;
  position: absolute;
}

.call-to-action {
  height: 300vh;
  position: relative;
  overflow: clip;
}

.cta-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.cta-content-block {
  z-index: 10;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.cta-card-item {
  transform-origin: 0 0;
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0%;
  transform: rotate(0);
}

.cta-card-item._01 {
  z-index: 8;
  transform: rotate(20deg);
}

.cta-card-item._02 {
  z-index: 7;
  transform: rotate(-35deg);
}

.cta-card-item._03 {
  z-index: 6;
  transform: rotate(-75deg);
}

.cta-card-item._04 {
  z-index: 5;
  transform: rotate(-135deg);
}

.cta-card-item._05 {
  z-index: 4;
  transform: rotate(-195deg);
}

.cta-card-item._06 {
  z-index: 3;
  transform: rotate(-235deg);
}

.cta-card-item._07 {
  z-index: 2;
  transform: rotate(-290deg);
}

.cta-card-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta-link {
  border: 1px solid var(--border);
  background-color: var(--black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  transition: all .35s;
  display: flex;
  position: absolute;
}

.cta-link:hover {
  transform: scale(1.05);
}

.cta-link-text {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1;
}

.cta-link-text span {
  display: block;
}

.cta-text-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 2.05rem;
  display: flex;
  overflow: hidden;
}

.call-to-action .cta-text-wrapper {
  height: auto;
  overflow: visible;
}

.call-to-action .cta-link {
  width: 7rem;
  height: 7rem;
}

.call-to-action .cta-link-text {
  display: flex;
  flex-direction: column;
  gap: .08rem;
}

.call-to-action .cta-link-text:nth-child(2) {
  display: none;
}

.is-grey {
  color: var(--grey);
}

.contact-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.contact-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-icon {
  color: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: 10px;
  display: flex;
}

.contact-subtitle {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.contact-link {
  color: var(--light-grey);
  text-transform: uppercase;
  text-decoration: underline;
  transition: all .35s;
}

.contact-link:hover {
  color: var(--white);
}

.contact-top-content {
  position: relative;
}

.contact-image-block {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact-image {
  transform-origin: 0 100%;
  width: 14rem;
  height: 14rem;
  position: absolute;
  transform: rotate(0);
}

.contact-image._03 {
  transform: rotate(-60deg);
}

.contact-image._02 {
  transform: rotate(-30deg);
}

.contact-image._01 {
  transform: rotate(-10deg);
}

.contact-title-wrapper {
  z-index: 1;
  mix-blend-mode: difference;
  position: relative;
}

.contact-image-wrapper {
  margin-top: -2rem;
}

.contact-content-wrapper {
  z-index: 1;
  position: relative;
}

.service-image-absolute {
  z-index: 5;
  transform-origin: 0 100%;
  width: 20rem;
  height: 20rem;
  position: absolute;
  inset: auto auto 0% 5%;
}

.service-description-item {
  z-index: 1;
  width: 26rem;
  padding-top: 20px;
  padding-left: 50px;
  position: relative;
  overflow: hidden;
}

.service-number {
  width: 100%;
  color: var(--light-grey);
  margin-top: 15px;
  padding-right: 10px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.service-title-wrap {
  grid-column-gap: .5rem;
  align-items: flex-start;
  display: flex;
}

.service-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.service-component-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
  position: relative;
}

.service-title {
  color: var(--white);
  text-transform: none;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

.service-title.service {
  white-space: nowrap;
}

.service-title-item {
  width: 100%;
  overflow: hidden;
}

.service-title-item.z-index-3 {
  z-index: 3;
  position: relative;
}

.service-top-content {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.service-image-wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.alternate-service-title {
  color: var(--grey);
  text-transform: none;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
  position: absolute;
  inset: auto auto 0% 0%;
}

.alternate-service-title.service {
  white-space: nowrap;
}

.service-number-wrap {
  opacity: .5;
  position: relative;
  overflow: hidden;
}

.service-content-block {
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-icon {
  height: 4rem;
  margin-bottom: 1.5rem;
}

.cart-button {
  background-color: #0000;
  padding: 0;
}

.cart-icon {
  display: none;
}

.cart-text {
  color: var(--white);
  font-size: 1rem;
  transition: color .35s;
}

.cart-text:hover {
  color: var(--grey);
}

.cart-quantity {
  width: 18px;
  min-height: 18px;
  color: var(--black);
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  margin-left: 0;
  line-height: 1;
  display: flex;
}

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

.close-button {
  filter: invert();
  cursor: pointer;
}

.cart-header {
  border-bottom-color: var(--border);
}

.cart-footer {
  border-top-color: var(--border);
}

.cart-quantity-block {
  border-color: var(--border);
  background-color: var(--background);
  border-radius: 0;
}

.cart-image {
  width: 50px;
}

.remove-text {
  color: var(--grey);
  transition: all .35s;
}

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

.blog-main-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  place-items: start;
  width: 100%;
}

.blog-content-block {
  position: sticky;
  top: 2rem;
}

.blog-sidebar-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.newsletter-title {
  font-size: 4rem;
}

.newsletter-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  width: 100%;
}

.newsletter-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.next-project-wrapper {
  margin-top: 6rem;
  position: relative;
}

.next-project-image {
  z-index: -1;
  height: 12rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -50% 0% 0%;
}

.next-project-title {
  mix-blend-mode: difference;
}

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

.process-content-block {
  border: 1px solid var(--border);
  background-color: var(--dark);
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem 1.5rem;
  display: flex;
}

.process-content {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.process-number {
  color: var(--grey);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}

.process-title-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.process-title {
  color: var(--white);
  text-transform: capitalize;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.team-member-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-member-block {
  background-color: #1d1d1d;
  border: 1px solid #3d3d3d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 1rem 1.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.spacer-medium-2 {
  width: 100%;
  padding-top: 2rem;
}

.member-name {
  color: var(--white);
  margin-bottom: 10px;
  font-family: Sunday Masthead, Impact, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1;
}

.member-line {
  background-color: #3d3d3d;
  width: 100%;
  height: 1px;
}

.member-content-block {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.member-content-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.subtitle-sticky {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 2rem;
}

.team-members-component-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  width: 100%;
}

.team-content-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.member-inner-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
}

.team-member-social-media {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.team-member-image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.member-social-media {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.numbers-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  width: 100%;
}

.number {
  height: 10vw;
  min-height: 10vw;
  color: var(--white);
  text-align: center;
  font-size: 10vw;
  font-weight: 400;
  line-height: 1;
}

.number.alternate {
  color: var(--grey);
}

.roll-numbers-wrapper {
  height: 10vw;
  min-height: 10vw;
  display: flex;
  overflow: hidden;
}

.roll-numbers {
  height: 10vw;
  min-height: 10vw;
}

.numbers-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info-text {
  color: #aeaeae;
  text-transform: uppercase;
  line-height: 1;
}

.info-text-block {
  z-index: 2;
  position: relative;
}

.info-title-item {
  z-index: 3;
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
  position: relative;
}

.info-number {
  color: #aeaeae;
  line-height: 1;
}

.info-title {
  color: #fdfdfd;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}

.info-block {
  grid-row-gap: 0rem;
  justify-content: space-between;
  align-items: center;
  padding: 2rem .5rem;
  display: flex;
  position: relative;
}

.info-line {
  background-color: #1d1d1d;
  width: 100%;
  height: 1px;
}

.info-line-wrapper {
  position: absolute;
  inset: auto 0% 0%;
}

.nav-social-media-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  position: relative;
}

.nav-social-media-wrapper {
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .heading-style-h2 {
    font-size: 10rem;
  }

  .blog-link-wrapper.is-sidebar {
    height: auto;
  }

  .card-wrapper {
    transform: scale(1.75);
  }

  .nav-number {
    font-size: 16px;
  }

  .process-number {
    font-size: 2rem;
  }

  .process-title {
    font-size: 2.25rem;
  }

  .member-name {
    font-size: 2.5rem;
  }

  .nav-social-media-grid {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1920px) {
  .number {
    height: 10rem;
    min-height: 10rem;
    font-size: 10rem;
  }

  .roll-numbers-wrapper, .roll-numbers {
    height: 10rem;
    min-height: 10rem;
  }
}

@media screen and (max-width: 991px) {
  .margin-xhuge {
    margin: 6rem;
  }

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

  .fs-styleguide-heading-header {
    font-size: 4rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide-2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .fs-styleguide-4-col {
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .fs-styleguide-section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

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

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h2 {
    font-size: 6rem;
  }

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

  .spacer-huge {
    padding-top: 5rem;
  }

  .heading-style-h3 {
    font-size: 5rem;
  }

  .fs-styleguide-3-col {
    grid-template-columns: 1fr;
  }

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

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

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

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .fs-styleguide-heading-medium {
    font-size: 3rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .fs-styleguide-1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .nav-button {
    color: #fff;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .heading-style-h1 {
    font-size: 10rem;
  }

  .nav-style-guide {
    width: 80vw;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .nav-style-guide-link {
    width: 2.25rem;
    height: 2.25rem;
  }

  .nav-style-guide-icon {
    font-size: 1.5rem;
  }

  .blog-link-wrapper.is-sidebar {
    height: auto;
  }

  .blog-post-title, .blog-post-title.sidebar {
    font-size: 2.5rem;
  }

  .blog-post-content-grid {
    grid-template-columns: auto;
  }

  .author-content-wrapper {
    display: flex;
  }

  .author-s-social-media-block {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .produc-component-grid {
    grid-template-columns: 1fr;
  }

  .accordion-content-wrap {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .plus-block:hover {
    background-position: 50%;
  }

  .bottom-component-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .bottom-content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .title-01 {
    letter-spacing: -2px;
    font-size: 15rem;
  }

  .title-01.about-header {
    bottom: 2.5rem;
  }

  .heading-wrapper {
    grid-column-gap: 5.5rem;
    grid-row-gap: 5.5rem;
  }

  .title-02 {
    font-size: 21rem;
  }

  .title-02.about-header {
    font-size: 20rem;
    bottom: 2.5rem;
  }

  .card-wrapper {
    transform: scale(1.25);
  }

  .menu-side {
    width: 100%;
  }

  .menu-overlay {
    display: none;
  }

  .nav-text-item {
    font-size: 5rem;
  }

  .nav-link-wrap {
    height: 5rem;
  }

  .scrolling-text {
    font-size: 12rem;
  }

  .scroll-image-wrapper {
    width: 8.75rem;
    height: 8.75rem;
  }

  .cta-link {
    width: 8rem;
    height: 8rem;
  }

  .cta-link-text {
    font-size: 14px;
  }

  .cta-text-wrapper {
    height: 14px;
  }

  .contact-link:hover {
    color: #fdfdfd;
  }

  .contact-image {
    width: 12rem;
    height: 12rem;
  }

  .service-image-absolute {
    display: none;
  }

  .service-description-item {
    padding-left: 20px;
  }

  .service-number {
    margin-top: 12px;
    font-size: 1rem;
  }

  .service-component-wrapper {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .service-title, .alternate-service-title {
    font-size: 3rem;
  }

  .alternate-service-title.service {
    display: none;
  }

  .blog-main-grid {
    grid-template-columns: 1fr;
  }

  .blog-content-block {
    position: static;
  }

  .blog-sidebar-wrapper {
    width: 100%;
  }

  .newsletter-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .next-project-image {
    height: 10rem;
    top: -60%;
  }

  .process-component-grid {
    grid-template-columns: 1fr 1fr;
  }

  .process-content-block {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .process-title, .member-name {
    font-size: 2.5rem;
  }

  .subtitle-sticky {
    position: static;
  }

  .team-members-component-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .nav-social-media-wrapper {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .heading-style-h4 {
    font-size: 1.25rem;
  }

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

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .fs-styleguide-section-header {
    font-size: .875rem;
  }

  .spacer-xhuge {
    padding-top: 5rem;
  }

  .text-rich-text h5 {
    font-size: 1.25rem;
  }

  .text-rich-text h6 {
    font-size: 1rem;
  }

  .text-rich-text h4 {
    font-size: 1.5rem;
  }

  .text-rich-text h3 {
    font-size: 2rem;
  }

  .text-rich-text h2 {
    font-size: 2.5rem;
  }

  .text-rich-text h1 {
    font-size: 3rem;
  }

  .text-rich-text p, .text-rich-text ul, .text-rich-text ol {
    font-size: 14px;
  }

  .text-rich-text blockquote {
    font-size: 16px;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

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

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h2 {
    font-size: 5rem;
  }

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

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .heading-style-h3 {
    font-size: 4rem;
  }

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

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .fs-styleguide-heading-medium {
    font-size: 2rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h6 {
    font-size: .875rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h5 {
    font-size: 1rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 6rem;
  }

  .checkout-title {
    font-size: 1.5rem;
  }

  .checkout-image {
    width: 40px;
  }

  .blog-component-grid {
    grid-template-columns: 1fr;
  }

  .blog-post-title, .blog-post-title.sidebar {
    font-size: 2rem;
  }

  .blog-post-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .newsletter-form {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-top-content-grid {
    grid-template-columns: 1fr;
  }

  .blog-post-content-grid {
    grid-template-columns: auto;
  }

  .blog-post-author-wrapper {
    position: static;
  }

  .price-text {
    font-size: 2.25rem;
  }

  .plus-block {
    background-image: none;
  }

  .accordion-answer-text {
    padding-top: 2rem;
  }

  .accordion-heading {
    font-size: 1.5rem;
  }

  .product-content-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer-component-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

  .footer-content-block {
    flex-flow: wrap;
  }

  .footer-padding {
    padding-top: 6rem;
  }

  .bottom-component-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .bottom-content-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .footer-menu-block {
    justify-content: center;
    align-items: flex-end;
  }

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

  .title-01 {
    font-size: 12rem;
    bottom: -1rem;
  }

  .title-01.about-header {
    font-size: 10.5rem;
    bottom: -.5rem;
  }

  .heading-wrapper {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
  }

  .title-02 {
    font-size: 17rem;
    bottom: -1rem;
  }

  .title-02.about-header {
    font-size: 14rem;
    bottom: -.5rem;
  }

  .card-wrapper {
    perspective: 800px;
    transform: scale(1);
  }

  .navbar-menu {
    width: 100%;
    left: 0;
  }

  .nav-text-item {
    font-size: 4rem;
  }

  .nav-number {
    margin-top: 10px;
  }

  .menu-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    margin-top: -3rem;
  }

  .menu {
    width: 1.75rem;
    height: 1.75rem;
  }

  .navbar-menu-grid {
    padding-top: 20vh;
  }

  .nav-link-wrap {
    height: 4rem;
  }

  .menu-container {
    padding-left: 1rem;
  }

  .header-content-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-scroll-wrapper, .text-scroll-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .scrolling-text {
    font-size: 8rem;
  }

  .scroll-image-wrapper {
    width: 6rem;
    height: 6rem;
  }

  .header-top-content {
    margin-top: 60px;
  }

  .contact-icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .contact-subtitle {
    font-size: 1rem;
  }

  .contact-image {
    width: 8rem;
    height: 8rem;
  }

  .service-description-item {
    width: auto;
  }

  .service-number {
    margin-top: 8px;
  }

  .service-title, .alternate-service-title {
    font-size: 2.5rem;
  }

  .cart-title {
    font-size: 1.75rem;
  }

  .newsletter-title {
    font-size: 3rem;
  }

  .next-project-image {
    height: 8rem;
    top: -50%;
  }

  .process-content-block {
    width: 100%;
  }

  .process-title, .member-name {
    font-size: 2rem;
  }

  .subtitle-sticky {
    position: static;
  }

  .number {
    height: 15vw;
    min-height: 15vw;
    font-size: 15vw;
  }

  .roll-numbers-wrapper, .roll-numbers {
    height: 15vw;
    min-height: 15vw;
  }

  .nav-social-media-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav-social-media-wrapper {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 479px) {
  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

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

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h2 {
    font-size: 3rem;
  }

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

  .heading-style-h3 {
    font-size: 3rem;
  }

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

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .fs-styleguide-row {
    flex-wrap: wrap;
  }

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

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
  }

  .nav-style-guide {
    width: 92vw;
    padding: 1rem;
  }

  .nav-style-guide-link {
    width: 2rem;
    height: 2rem;
  }

  .nav-style-guide-icon {
    font-size: 1.25rem;
  }

  .checkout-form, .paypal-checkout-form, .order-confirmation-form {
    padding: 0;
  }

  .changelog-content-flex {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-direction: column;
    align-items: flex-start;
  }

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

  .list {
    padding-left: 20px;
  }

  .checkout-image {
    width: 50px;
  }

  .utility-icon {
    width: 8rem;
    height: 8rem;
  }

  .contact-form-wrapper {
    padding: 2.5rem 1.5rem;
  }

  .blog-post-info-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
  }

  .blog-link-wrapper, .blog-link-wrapper.is-sidebar {
    height: 20rem;
  }

  .blog-post-title, .blog-post-title.sidebar {
    font-size: 1.5rem;
  }

  .blog-post-category {
    font-size: 12px;
  }

  .newsletter-form-wrapper {
    padding: 1.5rem 1rem;
  }

  .author-content-wrapper {
    flex-flow: column;
  }

  .product-content-wrapper {
    padding: 2rem 1.5rem;
  }

  .price-text {
    font-size: 2rem;
  }

  .plus-block {
    width: 2rem;
    height: 2rem;
  }

  .accordion-top-wrap {
    grid-column-gap: 0rem;
  }

  .accordion-title-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-menu-block {
    flex-flow: wrap;
  }

  .social-media-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .project-info-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .testimonial-content-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .order-item {
    margin-left: 0;
    margin-right: 0;
  }

  .order-item-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .header-component-grid {
    height: 90vh;
  }

  .title-01 {
    letter-spacing: -1px;
    font-size: 6.75rem;
    bottom: -.5rem;
  }

  .title-01.about-header {
    font-size: 6.5rem;
  }

  .heading-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .title-02 {
    font-size: 9.5rem;
    bottom: -.5rem;
  }

  .title-02.about-header {
    font-size: 8.75rem;
  }

  .card-component {
    height: 90vh;
  }

  .card-wrapper {
    transform: scale(.65);
  }

  .menu-item {
    width: 4px;
    height: 4px;
  }

  .nav-text-item {
    font-size: 3.5rem;
  }

  .menu-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: -2.5rem;
  }

  .alternate-logo {
    font-size: 1.875rem;
  }

  .menu {
    width: 1.65rem;
    height: 1.65rem;
  }

  .logo {
    font-size: 1.875rem;
  }

  .nav-link-wrap {
    height: 3.5rem;
  }

  .location-lottie {
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    margin-right: -5px;
  }

  .globe-lottie {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -3px;
  }

  .header-flex {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .scrolling-text {
    font-size: 6rem;
  }

  .scroll-image-wrapper {
    width: 4.25rem;
    height: 4.25rem;
  }

  .main-button {
    padding: 1.125rem 1.5rem;
  }

  .contact-component-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .client-name {
    font-size: 1.5rem;
  }

  .call-to-action {
    height: 250vh;
  }

  .cta-wrapper, .cta-content-block {
    height: 90vh;
  }

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

  .contact-image {
    width: 6rem;
    height: 6rem;
  }

  .service-description-item {
    padding-left: 20px;
  }

  .service-number {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 1;
  }

  .service-title-wrap {
    grid-column-gap: 1rem;
  }

  .service-component-wrapper {
    grid-template-columns: 1fr;
  }

  .service-title, .alternate-service-title {
    font-size: 2.25rem;
  }

  .pricing-icon {
    height: 3.5rem;
  }

  .newsletter-title {
    font-size: 2.5rem;
  }

  .next-project-image {
    height: 6rem;
  }

  .process-component-grid {
    grid-template-columns: 1fr;
  }

  .process-content-block {
    padding: 2rem 1.25rem;
  }

  .member-content-grid, .numbers-grid {
    grid-template-columns: 1fr;
  }

  .number {
    height: 20vw;
    min-height: 20vw;
    font-size: 20vw;
  }

  .roll-numbers-wrapper, .roll-numbers {
    height: 20vw;
    min-height: 20vw;
  }

  .info-text {
    font-size: .875rem;
  }

  .info-title-item {
    grid-column-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
  }

  .info-number {
    font-size: .875rem;
  }

  .info-title {
    text-align: left;
    font-size: .875rem;
    line-height: 1.35;
  }

  .info-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: flex-start;
    padding: 1.5rem 1rem 1.5em;
  }

  .nav-social-media-wrapper {
    margin-bottom: 8rem;
  }
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a1416869f8-60249efb {
  place-self: center start;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a02-60249efb {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a2b-60249efb {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a2f-60249efb {
  place-self: center start;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a3c-60249efb, #w-node-_334796d8-f2ed-b2ae-89bb-94a141686a49-60249efb, #w-node-_334796d8-f2ed-b2ae-89bb-94a141686a56-60249efb {
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a63-60249efb {
  place-self: center end;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a70-60249efb {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start end;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a73-60249efb {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a74-60249efb {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a75-60249efb {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a76-60249efb {
  grid-area: 2 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a77-60249efb {
  grid-area: 2 / 2 / 3 / 3;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a78-60249efb {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a79-60249efb {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a7a-60249efb {
  grid-area: 3 / 2 / 4 / 3;
  place-self: center;
}

#w-node-_334796d8-f2ed-b2ae-89bb-94a141686a7b-60249efb {
  grid-area: 3 / 3 / 4 / 4;
  place-self: center;
}

#w-node-_49b2c560-74c4-ba62-1f6c-4136bef26271-60249efb {
  grid-area: 1 / 1 / 2 / 7;
  align-self: end;
}

#w-node-_49b2c560-74c4-ba62-1f6c-4136bef26274-60249efb {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_353a66fa-56fe-5b08-a41d-6efc71ef8e00-60249efb {
  grid-area: 1 / 1 / 7 / 7;
  place-self: center;
}

#w-node-dc477745-3966-e0b7-d759-df101af708f9-60249efb {
  grid-area: 6 / 1 / 7 / 7;
}

#w-node-c9048e71-0847-1ad8-14f4-ca1053b5964d-60249efb {
  place-self: end start;
}

#w-node-e6c2dbcd-df49-8b1c-5aeb-77b996b9cffe-60249efb {
  place-self: center;
}

#w-node-c9048e71-0847-1ad8-14f4-ca1053b59651-60249efb {
  grid-area: 1 / 3 / 2 / 4;
  place-self: end;
}

#w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc1a-60249efb {
  place-self: center end;
}

#w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc1e-60249efb, #w-node-c027493f-4308-39e5-9c81-a26fe6b8c455-60249efb, #w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc22-60249efb {
  place-self: center;
}

#w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc2a-60249efb {
  place-self: center start;
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88a0-4bac888f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88cb-4bac888f {
  place-self: center;
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac889c-4bac888f {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center;
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88e2-4bac888f {
  place-self: end start;
}

#w-node-_37b78ce8-6c56-439d-e460-72774bac88f5-4bac888f {
  place-self: end;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94a9f11-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94a9f30-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94a9f35-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94a9f3a-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94a9f3f-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94a9f45-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94a9f4b-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94a9f51-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa034-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa03c-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa053-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa06c-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa06f-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa071-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa074-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa0c6-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa0d0-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa0d1-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa145-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa14a-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa14f-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa154-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa159-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa15e-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa168-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa16d-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa172-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa177-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa17c-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa181-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa186-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa18b-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa190-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa195-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa19a-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa19e-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa19f-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1a4-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1a9-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1ae-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1c3-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1c8-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1cd-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1d2-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1d7-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1dc-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1e6-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1eb-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1f0-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1f5-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1fa-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa1ff-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa204-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa209-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa20e-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa213-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa218-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa21c-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa21d-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa222-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa227-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa22c-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa23e-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa243-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa248-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa24d-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa252-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa257-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa25c-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa261-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa266-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa26b-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa26f-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa270-60249efd {
  justify-self: start;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa273-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa2f6-60249efd, #w-node-aab53833-6355-e599-7fd0-21ecb94aa323-60249efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab53833-6355-e599-7fd0-21ecb94aa367-60249efd {
  justify-self: start;
}

#w-node-af63e3b2-629f-3e16-fc9a-6c8b6f546d3f-60249efe {
  grid-area: 1 / 1 / 7 / 7;
  place-self: end center;
}

#w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db4-60249efe {
  grid-area: 6 / 1 / 7 / 7;
}

#w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db7-60249efe {
  place-self: end start;
}

#w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9dbe-60249efe {
  grid-area: 1 / 3 / 2 / 4;
  place-self: end;
}

#w-node-_7481e168-a5df-5021-5c19-71172e5c43ff-60249efe {
  place-self: center end;
}

#w-node-_7481e168-a5df-5021-5c19-71172e5c440c-60249efe, #w-node-_7481e168-a5df-5021-5c19-71172e5c4419-60249efe, #w-node-_7481e168-a5df-5021-5c19-71172e5c442f-60249efe {
  place-self: center;
}

#w-node-_7481e168-a5df-5021-5c19-71172e5c443c-60249efe {
  place-self: center start;
}

#w-node-_555d71fb-2805-1aa4-2ddf-ff3fbc08d969-60249efe, #w-node-_555d71fb-2805-1aa4-2ddf-ff3fbc08d999-60249efe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_93f47ae8-2f3f-34da-c191-6cc5e8d8a2b3-60249efe {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_50fa66e2-5ee9-3207-aa23-bfee778b7b0a-60249efe, #w-node-acbb282c-627b-46ef-802c-b2c5694daef9-60249efe, #w-node-_7b4ea696-35d9-3351-370c-d592fe85c586-60249efe, #w-node-_7a6fed25-348e-56ac-ab00-01726c96a6c0-60249efe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2776c58f-2398-829f-4e40-77f3829183fa-60249efe {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918405-60249efe {
  place-self: start;
}

#w-node-_2776c58f-2398-829f-4e40-77f38291840b-60249efe {
  place-self: end start;
}

#w-node-_2776c58f-2398-829f-4e40-77f38291840c-60249efe {
  align-self: center;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918429-60249efe {
  place-self: start;
}

#w-node-_2776c58f-2398-829f-4e40-77f38291842f-60249efe {
  place-self: end start;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918430-60249efe {
  align-self: center;
}

#w-node-ebf66766-c359-1ac3-896e-b56b02f54319-60249efe {
  place-self: start;
}

#w-node-ebf66766-c359-1ac3-896e-b56b02f5431f-60249efe {
  place-self: end start;
}

#w-node-ebf66766-c359-1ac3-896e-b56b02f54320-60249efe {
  align-self: center;
}

#w-node-_2776c58f-2398-829f-4e40-77f38291844d-60249efe {
  place-self: start;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918453-60249efe {
  place-self: end start;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918454-60249efe {
  align-self: center;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918471-60249efe {
  place-self: start;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918477-60249efe {
  place-self: end start;
}

#w-node-_2776c58f-2398-829f-4e40-77f382918478-60249efe {
  align-self: center;
}

#w-node-e44a3d12-a4dc-45b9-933a-986a324c49f2-60249efe {
  place-self: start;
}

#w-node-e44a3d12-a4dc-45b9-933a-986a324c49f8-60249efe {
  place-self: end start;
}

#w-node-e44a3d12-a4dc-45b9-933a-986a324c49f9-60249efe {
  align-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d4573-fb0d456f {
  place-self: center start;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d457f-fb0d456f {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_87350adb-9268-13d5-b0e6-e04af74225ba-fb0d456f {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-b64640d0-a253-58e0-0d9f-e2d2ca317ac5-fb0d456f {
  place-self: center start;
}

#w-node-f09c08cc-1f8d-6f32-76b5-734fbc26d7f9-fb0d456f, #w-node-d29dede7-9840-22d8-359a-f93df5466e95-fb0d456f, #w-node-_38bff865-6510-eadc-0e56-9389462557fd-fb0d456f {
  place-self: center;
}

#w-node-ee3f9d44-6664-e5d4-fe41-6c58c24565c0-fb0d456f {
  place-self: center end;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45a8-fb0d456f {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start end;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45ab-fb0d456f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45ac-fb0d456f {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45ad-fb0d456f {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45ae-fb0d456f {
  grid-area: 2 / 1 / 3 / 2;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45af-fb0d456f {
  grid-area: 2 / 2 / 3 / 3;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45b0-fb0d456f {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45b1-fb0d456f {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45b2-fb0d456f {
  grid-area: 3 / 2 / 4 / 3;
  place-self: center;
}

#w-node-fed82876-88af-316a-5383-8b2dfb0d45b3-fb0d456f {
  grid-area: 3 / 3 / 4 / 4;
  place-self: center;
}

#w-node-_01c93512-2ba0-796a-f1f9-2dc1eaea0801-60249eff {
  justify-self: end;
}

#w-node-_01c93512-2ba0-796a-f1f9-2dc1eaea0807-60249eff {
  justify-self: center;
}

#w-node-_01c93512-2ba0-796a-f1f9-2dc1eaea080d-60249eff {
  justify-self: start;
}

#w-node-_2ccd486e-f5ab-2dea-3310-ffc1accd865f-60249f0b {
  place-self: start;
}

#w-node-_9bb71c5d-1864-5a90-10ed-27984631b5ee-60249f0b {
  place-self: end start;
}

#w-node-e9550177-cad0-2719-6249-cb9a98878d30-60249f0b {
  place-self: end;
}

#w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2720-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2732-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2744-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2758-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a276a-60249f0d, #w-node-smartez-service-seo-60249f0d, #w-node-smartez-service-reviews-60249f0d {
  grid-area: 1 / 2 / 2 / 3;
  place-self: end start;
}

#w-node-_60cd58f1-719a-c388-bf9c-38eba80fe3a7-60249f10 {
  justify-self: start;
}

#w-node-_23bf4613-eba3-b902-dafe-5778dc4fe147-60249f10 {
  justify-self: center;
}

#w-node-d80311b8-49c0-7bae-bdaa-fcc1775c2c12-60249f10 {
  place-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_353a66fa-56fe-5b08-a41d-6efc71ef8e00-60249efb {
    align-self: center;
  }

  #w-node-dc477745-3966-e0b7-d759-df101af708f9-60249efb {
    align-self: end;
  }

  #w-node-_37b78ce8-6c56-439d-e460-72774bac88e2-4bac888f, #w-node-_37b78ce8-6c56-439d-e460-72774bac88f5-4bac888f {
    place-self: center;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db4-60249efe {
    align-self: end;
  }

  #w-node-_93f47ae8-2f3f-34da-c191-6cc5e8d8a2b2-60249efe {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2776c58f-2398-829f-4e40-77f3829183fa-60249efe {
    grid-column-end: 3;
  }

  #w-node-_2776c58f-2398-829f-4e40-77f3829183ff-60249efe {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_54d189ea-1e67-4bc4-185d-b1255e4e44a0-60249f0b {
    order: -9999;
  }

  #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2720-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2732-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2744-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a2758-60249f0d, #w-node-e3e6cecc-327f-4a0d-b05a-31e7811a276a-60249f0d, #w-node-smartez-service-seo-60249f0d, #w-node-smartez-service-reviews-60249f0d {
    grid-column-start: 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_334796d8-f2ed-b2ae-89bb-94a141686a02-60249efb {
    align-self: start;
  }

  #w-node-_49b2c560-74c4-ba62-1f6c-4136bef26274-60249efb {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_353a66fa-56fe-5b08-a41d-6efc71ef8e00-60249efb {
    align-self: center;
  }

  #w-node-dc477745-3966-e0b7-d759-df101af708f9-60249efb {
    align-self: end;
  }

  #w-node-c9048e71-0847-1ad8-14f4-ca1053b5964d-60249efb {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e6c2dbcd-df49-8b1c-5aeb-77b996b9cffe-60249efb {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-c9048e71-0847-1ad8-14f4-ca1053b59651-60249efb {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_37b78ce8-6c56-439d-e460-72774bac88a0-4bac888f {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: start;
  }

  #w-node-_37b78ce8-6c56-439d-e460-72774bac88cb-4bac888f {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_37b78ce8-6c56-439d-e460-72774bac889c-4bac888f {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_37b78ce8-6c56-439d-e460-72774bac88e2-4bac888f {
    justify-self: center;
  }

  #w-node-_37b78ce8-6c56-439d-e460-72774bac88f5-4bac888f {
    place-self: center;
  }

  #w-node-af63e3b2-629f-3e16-fc9a-6c8b6f546d3f-60249efe {
    align-self: center;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db4-60249efe {
    align-self: end;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db7-60249efe {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9dbe-60249efe {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_93f47ae8-2f3f-34da-c191-6cc5e8d8a2b2-60249efe {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_2776c58f-2398-829f-4e40-77f3829183fa-60249efe {
    grid-column-end: 3;
  }

  #w-node-_2776c58f-2398-829f-4e40-77f3829183ff-60249efe {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-fed82876-88af-316a-5383-8b2dfb0d457f-fb0d456f {
    align-self: start;
  }

  #w-node-e9550177-cad0-2719-6249-cb9a98878d30-60249f0b {
    justify-self: start;
  }

  #w-node-_60cd58f1-719a-c388-bf9c-38eba80fe3a7-60249f10, #w-node-_23bf4613-eba3-b902-dafe-5778dc4fe147-60249f10, #w-node-d80311b8-49c0-7bae-bdaa-fcc1775c2c12-60249f10 {
    place-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_49b2c560-74c4-ba62-1f6c-4136bef26271-60249efb, #w-node-dc477745-3966-e0b7-d759-df101af708f9-60249efb {
    align-self: end;
  }

  #w-node-c9048e71-0847-1ad8-14f4-ca1053b5964d-60249efb {
    grid-column-end: 3;
  }

  #w-node-c9048e71-0847-1ad8-14f4-ca1053b59651-60249efb {
    grid-column-start: 2;
  }

  #w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc1a-60249efb {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc1e-60249efb {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
  }

  #w-node-c027493f-4308-39e5-9c81-a26fe6b8c455-60249efb {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc22-60249efb {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
  }

  #w-node-_84878b3b-717f-c3fb-dcee-c2ea3484fc2a-60249efb {
    grid-area: 3 / 2 / 4 / 3;
    justify-self: end;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db4-60249efe {
    align-self: end;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9db7-60249efe {
    grid-column-end: 3;
  }

  #w-node-_77a4479d-7eb7-37ae-a93b-fc0ab8cd9dbe-60249efe {
    grid-column-start: 2;
  }

  #w-node-_7481e168-a5df-5021-5c19-71172e5c43ff-60249efe {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_7481e168-a5df-5021-5c19-71172e5c440c-60249efe {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
  }

  #w-node-_7481e168-a5df-5021-5c19-71172e5c4419-60249efe {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_7481e168-a5df-5021-5c19-71172e5c442f-60249efe {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
  }

  #w-node-_7481e168-a5df-5021-5c19-71172e5c443c-60249efe {
    grid-area: 3 / 2 / 4 / 3;
    justify-self: end;
  }

  #w-node-_01c93512-2ba0-796a-f1f9-2dc1eaea0801-60249eff, #w-node-_01c93512-2ba0-796a-f1f9-2dc1eaea0807-60249eff, #w-node-_01c93512-2ba0-796a-f1f9-2dc1eaea080d-60249eff {
    justify-self: center;
  }
}


@font-face {
  font-family: 'HC Gleam';
  src: url('../fonts/HCGleam-Reg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sunday Masthead';
  src: url('../fonts/SundayMasthead-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neutral Sans';
  src: url('../fonts/NeutralSans-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neutral Sans';
  src: url('../fonts/NeutralSans-Meidum.woff2') format('woff2'), url('../fonts/NeutralSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neutral Sans';
  src: url('../fonts/NeutralSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* smartez.ai overrides */
.logo-wrapper {
  height: 2.75rem;
  overflow: visible;
}

.logo-wrapper .alternate-logo {
  display: none;
}

.logo-wrapper .logo,
.footer-logo {
  filter: brightness(0) invert(1);
}

.logo-wrapper .logo {
  height: 2.55rem;
}

.section-home-header {
  min-height: 100svh;
}

.section-home-header .heading-wrapper {
  grid-row-gap: clamp(1.25rem, 3.5vw, 3rem);
  grid-column-gap: clamp(1.25rem, 3.5vw, 3rem);
  z-index: 5;
}

.section-home-header .title-01,
.section-home-header .title-02 {
  letter-spacing: 0;
  max-width: min(94vw, 78rem);
  margin-left: auto;
  margin-right: auto;
  overflow-wrap: normal;
}

.section-home-header .title-01 {
  font-size: clamp(4.6rem, 11.8vw, 11.8rem);
  bottom: -.25rem;
}

.section-home-header .title-02 {
  font-size: clamp(5.1rem, 12.8vw, 12.6rem);
  bottom: 0;
}

.section-home-header .header-content-grid {
  position: relative;
  z-index: 6;
  margin-bottom: clamp(1rem, 3vh, 2.25rem);
}

.section-home-intro .text-scroll-wrapper {
  padding-top: clamp(1.25rem, 3vw, 2.25rem);
  padding-bottom: clamp(1.25rem, 3vw, 2.25rem);
  opacity: .92;
}

.scroll-image-wrapper.smartez-scroll-ring {
  isolation: isolate;
  border-radius: 999px;
  flex: none;
  position: relative;
}

@property --smartez-ring-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.scroll-image-wrapper.smartez-scroll-ring::before,
.scroll-image-wrapper.smartez-scroll-ring::after {
  content: "";
  border-radius: 999px;
  position: absolute;
  inset: 22% 5%;
  transform: rotate(-5deg);
  -webkit-mask-image: radial-gradient(ellipse at center, #0000 0 48%, #000 51% 69%, #0000 72%);
  mask-image: radial-gradient(ellipse at center, #0000 0 48%, #000 51% 69%, #0000 72%);
}

.scroll-image-wrapper.smartez-scroll-ring::before {
  background:
    radial-gradient(ellipse at 68% 32%, #ffffffe0 0 5%, #ffffff52 13%, #0000 24%),
    conic-gradient(from 205deg, #071118 0deg, #0cc0ac4d 42deg, #8afff2c9 96deg, #0a1720 168deg, #ffffff1f 224deg, #0cc0acb3 286deg, #eaffff99 330deg, #071118 360deg);
  box-shadow:
    0 .25rem .75rem #0000005e,
    inset 0 .12rem .28rem #ffffff70,
    inset 0 -.2rem .5rem #02080bcc,
    inset 0 0 1rem #0cc0ac33;
  opacity: .94;
}

.scroll-image-wrapper.smartez-scroll-ring::after {
  background: conic-gradient(from var(--smartez-ring-angle), #0000 0deg, #0000 42deg, #ffffffd9 70deg, #86fff080 92deg, #0000 126deg, #0000 230deg, #ffffff73 255deg, #0000 286deg, #0000 360deg);
  filter: blur(.02rem);
  opacity: .62;
  animation: smartez-ring-glint 5.8s linear infinite;
}

.scroll-image-wrapper.smartez-scroll-ring.is-b::before {
  background:
    radial-gradient(ellipse at 36% 30%, #ffffffe0 0 5%, #ffffff4d 12%, #0000 24%),
    conic-gradient(from 28deg, #061016 0deg, #7ffff0bd 54deg, #0cc0ac63 118deg, #07121b 186deg, #ffffff1c 238deg, #0cc0aca3 300deg, #eaffff80 344deg, #061016 360deg);
}

.scroll-image-wrapper.smartez-scroll-ring.is-b::before,
.scroll-image-wrapper.smartez-scroll-ring.is-b::after {
  transform: rotate(5deg);
}

.scroll-image-wrapper.smartez-scroll-ring.is-b::after {
  animation-duration: 7.2s;
  animation-direction: reverse;
}

@keyframes smartez-ring-glint {
  0% {
    --smartez-ring-angle: 0deg;
  }

  100% {
    --smartez-ring-angle: 360deg;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-image-wrapper.smartez-scroll-ring::after {
    animation: none;
  }
}

.smartez-project-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.smartez-project-card {
  color: var(--white);
  border: 1px solid #ffffff1f;
  background-color: #111;
  border-radius: 1.25rem;
  min-height: 24rem;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.smartez-project-card.is-wide {
  min-height: 31rem;
}

.smartez-project-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  inset: 0%;
}

.smartez-project-card:hover img {
  transform: scale(1.045);
}

.section-home-services-preview {
  background-color: var(--black);
}

.smartez-services-preview {
  border-top: 1px solid #ffffff1f;
  border-bottom: 1px solid #ffffff1f;
  padding-top: clamp(3rem, 7vw, 6rem);
  padding-bottom: clamp(3rem, 7vw, 6rem);
}

.smartez-services-preview-header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.smartez-services-preview-header .text-size-small {
  color: #ffffffe0;
}

.smartez-services-preview-link {
  color: var(--white);
  letter-spacing: .04em;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff80;
  padding-bottom: .25rem;
  font-size: .78rem;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity .2s ease, border-color .2s ease;
}

.smartez-services-preview-link:hover {
  opacity: .72;
  border-bottom-color: #fff;
}

.smartez-services-benefit-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.smartez-services-benefit {
  color: var(--white);
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  min-height: 12rem;
  padding: 1.1rem;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.smartez-services-benefit:hover {
  background-color: #ffffff0f;
  border-color: #ffffff38;
  transform: translateY(-.12rem);
}

.smartez-services-benefit-kicker {
  color: #ffffff80;
  letter-spacing: .08em;
  margin-bottom: 2.25rem;
  font-size: .72rem;
  line-height: 1;
}

.smartez-services-benefit h3 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .7rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.05rem, 1.2vw, 1.25rem);
  font-weight: 700;
  line-height: 1.08;
}

.smartez-services-benefit p {
  color: #ffffffa8;
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 1.45;
}

.smartez-project-card::before {
  content: "";
  z-index: 1;
  background: linear-gradient(180deg, #0505051a, #050505d9);
  position: absolute;
  inset: 0%;
}

.smartez-project-card::after {
  content: "";
  z-index: 2;
  pointer-events: none;
  border: 1px solid #ffffff24;
  border-radius: inherit;
  position: absolute;
  inset: .75rem;
}

.smartez-browser-bar {
  z-index: 3;
  grid-column-gap: .45rem;
  grid-row-gap: .45rem;
  color: #ffffffe6;
  background: #050505a6;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  align-items: center;
  padding: .55rem .9rem;
  font-size: .75rem;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
}

.smartez-browser-dot {
  background-color: #fff;
  border-radius: 999px;
  width: .45rem;
  height: .45rem;
  display: block;
  opacity: .72;
}

.smartez-browser-url {
  opacity: .72;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartez-project-copy {
  z-index: 3;
  max-width: 30rem;
  padding: 2rem;
  position: absolute;
  inset: auto 0% 0%;
}

.smartez-project-kicker {
  color: #ffffffb3;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin-bottom: .55rem;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
}

.smartez-project-title {
  color: var(--white);
  letter-spacing: -.02em;
  margin-bottom: .6rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(2rem, 4vw, 4.1rem);
  font-weight: 900;
  line-height: .95;
}

.smartez-project-text {
  color: #ffffffe0;
  max-width: 26rem;
  margin-bottom: 1rem;
  font-size: .95rem;
  line-height: 1.45;
}

.smartez-chip-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.smartez-chip {
  color: #fff;
  background: #ffffff1c;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  padding: .45rem .7rem;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
}

.smartez-chip.is-light {
  color: #0a0a0a;
  background: #fff;
}

.smartez-showcase-list {
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.smartez-showcase-card {
  color: var(--white);
  border: 1px solid #ffffff1f;
  border-radius: 1.5rem;
  min-height: 36rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.smartez-showcase-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.smartez-showcase-card::before {
  content: "";
  z-index: 1;
  background:
    linear-gradient(90deg, #050505e6 0%, #050505a8 44%, #05050526 100%),
    linear-gradient(180deg, #0505051f, #050505c7);
  position: absolute;
  inset: 0%;
}

.smartez-showcase-content {
  z-index: 2;
  align-self: end;
  max-width: 39rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  position: relative;
}

.smartez-showcase-eyebrow {
  color: #ffffffa6;
  text-transform: uppercase;
  letter-spacing: .16em;
  margin-bottom: .75rem;
  font-size: .78rem;
  font-weight: 700;
}

.smartez-showcase-title {
  color: var(--white);
  letter-spacing: -.03em;
  margin-bottom: .85rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(2.8rem, 7vw, 6.4rem);
  font-weight: 900;
  line-height: .88;
}

.smartez-showcase-text {
  color: #ffffffe0;
  max-width: 32rem;
  margin-bottom: 1.25rem;
  font-size: 1.05rem;
  line-height: 1.5;
}

.smartez-showcase-panel {
  z-index: 2;
  background: #050505b3;
  border: 1px solid #ffffff24;
  border-radius: 1rem;
  width: min(22rem, 32vw);
  padding: 1rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.smartez-panel-label {
  color: #ffffff8c;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin-bottom: .65rem;
  font-size: .66rem;
  font-weight: 700;
}

.smartez-panel-row {
  border-top: 1px solid #ffffff17;
  justify-content: space-between;
  gap: 1rem;
  padding-top: .65rem;
  padding-bottom: .65rem;
  font-size: .82rem;
  display: flex;
}

.smartez-panel-row:first-of-type {
  border-top-width: 0;
}

.smartez-panel-row strong {
  color: #fff;
}

.smartez-panel-row span {
  color: #ffffffa8;
}

.smartez-dandy-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.smartez-dandy-card {
  color: var(--white);
  background: #0d0d0d;
  border: 1px solid #ffffff1f;
  border-radius: 1.35rem;
  min-height: 28rem;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.smartez-dandy-card.is-large {
  min-height: 34rem;
}

.smartez-dandy-back,
.smartez-dandy-back img,
.smartez-dandy-overlay {
  position: absolute;
  inset: 0%;
}

.smartez-dandy-back img,
.smartez-dandy-middle img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.smartez-dandy-card:hover .smartez-dandy-back img,
.smartez-dandy-showcase-card:hover .smartez-dandy-back img {
  transform: scale(1.045);
}

.smartez-dandy-back img {
  transition: transform .65s cubic-bezier(.16, 1, .3, 1);
}

.smartez-dandy-overlay {
  background:
    linear-gradient(180deg, #0505050d, #050505db),
    linear-gradient(110deg, #050505d9 0%, #0505058c 42%, #0505051f 100%);
  z-index: 1;
}

.smartez-dandy-middle {
  z-index: 2;
  border: 1px solid #ffffff24;
  border-radius: 1rem;
  width: 64%;
  height: 48%;
  position: absolute;
  top: 15%;
  right: 8%;
  overflow: hidden;
  transform: rotate(2deg);
  box-shadow: 0 2rem 5rem #0000008c;
}

.smartez-dandy-middle::after {
  content: "";
  background: linear-gradient(180deg, #ffffff1c, #00000038);
  position: absolute;
  inset: 0%;
}

.smartez-dandy-front {
  z-index: 3;
  background: #050505b8;
  border: 1px solid #ffffff29;
  border-radius: 1rem;
  width: min(34rem, 86%);
  padding: 1rem;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  box-shadow: 0 1.5rem 4.5rem #00000099;
  backdrop-filter: blur(14px);
}

.smartez-dandy-browser {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: #ffffffad;
  border-bottom: 1px solid #ffffff17;
  align-items: center;
  padding-bottom: .75rem;
  margin-bottom: 1rem;
  font-size: .72rem;
  line-height: 1;
  display: flex;
}

.smartez-dandy-browser span {
  background: var(--accent);
  border-radius: 999px;
  width: .42rem;
  height: .42rem;
  display: block;
}

.smartez-dandy-browser span:nth-child(2) {
  opacity: .62;
}

.smartez-dandy-browser span:nth-child(3) {
  opacity: .34;
}

.smartez-dandy-browser strong {
  min-width: 0;
  margin-left: .35rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartez-dandy-label {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .15em;
  margin-bottom: .55rem;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1;
}

.smartez-dandy-title {
  color: var(--white);
  letter-spacing: -.03em;
  margin-bottom: .65rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(2.05rem, 3.8vw, 3.2rem);
  font-weight: 900;
  line-height: .86;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.smartez-dandy-text {
  color: #ffffffe0;
  max-width: 26rem;
  margin-bottom: 0;
  font-size: .95rem;
  line-height: 1.45;
}

.smartez-dandy-action {
  color: #061312;
  background: var(--accent);
  border-radius: 999px;
  width: fit-content;
  max-width: 100%;
  margin-top: .85rem;
  margin-bottom: .65rem;
  padding: .45rem .75rem;
  font-size: .68rem;
  font-weight: 900;
  line-height: 1;
  overflow-wrap: anywhere;
}

.smartez-dandy-chatline {
  color: #ffffffe0;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  max-width: 27rem;
  margin-bottom: 0;
  padding: .65rem .7rem;
  font-size: .76rem;
  line-height: 1.35;
}

.smartez-dandy-showcase-list {
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.smartez-dandy-showcase-card {
  color: var(--white);
  background: #0d0d0d;
  border: 1px solid #ffffff1f;
  border-radius: 1.5rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .92fr);
  align-items: stretch;
  min-height: 38rem;
  padding: 1.25rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.smartez-dandy-showcase-card:nth-child(even) {
  grid-template-columns: minmax(20rem, .92fr) minmax(0, 1.08fr);
}

.smartez-dandy-showcase-card:nth-child(even) .smartez-dandy-showcase-preview {
  order: 2;
}

.smartez-dandy-showcase-card:nth-child(even) .smartez-dandy-showcase-copy {
  order: 1;
}

.smartez-dandy-showcase-preview {
  border-radius: 1.05rem;
  min-height: 35rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.smartez-dandy-showcase-preview .smartez-dandy-middle {
  width: 66%;
  height: 46%;
  top: 14%;
  right: 7%;
}

.smartez-dandy-showcase-preview .smartez-dandy-front {
  width: min(34rem, 80%);
  left: 1.4rem;
  bottom: 1.4rem;
}

.smartez-dandy-showcase-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: clamp(1rem, 2.5vw, 2rem);
  display: flex;
}

.smartez-dandy-showcase-copy .smartez-showcase-title {
  font-size: clamp(2.35rem, 4.6vw, 4.6rem);
  overflow-wrap: anywhere;
}

.smartez-showcase-panel.is-static {
  width: 100%;
  max-width: 32rem;
  margin-top: .35rem;
  margin-bottom: 1.25rem;
  position: static;
}

.smartez-example-detail {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 54%),
    #ffffff0a;
  border: 1px solid #ffffff1c;
  border-radius: 1rem;
  width: 100%;
  max-width: 32rem;
  margin-bottom: 1.25rem;
  padding: 1rem;
}

.smartez-example-detail-label {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .14em;
  margin-bottom: .65rem;
  font-size: .64rem;
  font-weight: 900;
  line-height: 1;
}

.smartez-example-detail h3 {
  color: var(--white);
  letter-spacing: -.02em;
  max-width: 25rem;
  margin-top: 0;
  margin-bottom: .65rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.35rem, 2.1vw, 2rem);
  font-weight: 900;
  line-height: 1;
}

.smartez-example-detail p {
  color: #ffffffd1;
  margin-bottom: 1rem;
  font-size: .92rem;
  line-height: 1.5;
}

.smartez-example-flow {
  grid-row-gap: .58rem;
  grid-template-columns: minmax(4.7rem, auto) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.smartez-example-flow span {
  color: #ffffff8c;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding-top: .08rem;
  font-size: .58rem;
  font-weight: 900;
  line-height: 1.25;
}

.smartez-example-flow strong {
  color: var(--white);
  font-size: .8rem;
  line-height: 1.28;
}

.cta-link {
  border-color: #ffffff2b;
  box-shadow: 0 0 0 1px #00000040, 0 1.5rem 4rem #00000073;
}

.cta-link-text {
  letter-spacing: .04em;
  font-size: .86rem;
  line-height: 1.05;
}

.footer .text-size-regular {
  color: #ffffffc9;
}

.services-signal-cta .card-wrapper {
  width: min(34rem, 64vw);
  height: min(34rem, 64vw);
  opacity: .78;
  transform: none;
  isolation: isolate;
}

.services-signal-cta .signal-field {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: relative;
  transform: none;
}

.services-signal-cta .signal-ring,
.services-signal-cta .signal-core {
  position: absolute;
  left: 50%;
  top: 50%;
}

.services-signal-cta .signal-ring {
  aspect-ratio: 1;
  border: 1px solid #ffffff18;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 3rem #ffffff05, 0 0 4rem #00000080;
}

.services-signal-cta .signal-ring.is-outer {
  width: 100%;
}

.services-signal-cta .signal-core {
  background: #fafafa;
  border-radius: 100%;
  width: .32rem;
  height: .32rem;
  box-shadow: 0 0 1.2rem #ffffff8c, 0 0 3.5rem #9fffe026;
  transform: translate(-50%, -50%);
}

.services-signal-cta .signal-cta-button-track {
  pointer-events: none;
  z-index: 20;
  width: 14.25rem;
  height: 14.25rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: smartez-button-orbit 28s linear infinite;
}

.services-signal-cta .signal-cta-button-track:before {
  content: "";
  border: 1px solid #ffffff1f;
  border-radius: 100%;
  position: absolute;
  inset: 0;
}

.services-signal-cta .signal-cta-button-track:after {
  content: "";
  background: linear-gradient(180deg, #ffffff00, #ffffff22 35%, #ffffff00);
  width: 1px;
  height: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.services-signal-cta .signal-cta-button-anchor {
  pointer-events: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  animation: smartez-button-counter-orbit 28s linear infinite;
}

.services-signal-cta .cta-link {
  position: relative;
  inset: auto;
  box-shadow: 0 0 0 1px #ffffff24, 0 1.25rem 3rem #00000070, 0 0 2.5rem #ffffff12;
  transform: none;
}

.services-signal-cta .signal-cta-button-track:hover,
.services-signal-cta .signal-cta-button-track:hover .signal-cta-button-anchor {
  animation-play-state: paused;
}

.services-signal-cta .cta-link:hover {
  box-shadow: 0 0 0 1px #ffffff40, 0 1.5rem 3.5rem #00000080, 0 0 3rem #ffffff1f;
  transform: scale(1.035);
}

@keyframes smartez-button-orbit {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes smartez-button-counter-orbit {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@supports (animation-timeline: view()) {
  .services-signal-cta .signal-cta-button-track,
  .services-signal-cta .signal-cta-button-anchor {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-timeline: view(block);
    animation-range: entry 10% exit 90%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .services-signal-cta .signal-cta-button-track,
  .services-signal-cta .signal-cta-button-anchor {
    animation: none;
  }

  .services-signal-cta .signal-cta-button-track {
    transform: translate(-50%, -50%) rotate(18deg);
  }

  .services-signal-cta .signal-cta-button-anchor {
    transform: translate(-50%, -50%) rotate(-18deg);
  }
}

@media screen and (max-width: 991px) {
  .services-signal-cta .card-wrapper {
    width: min(30rem, 78vw);
    height: min(30rem, 78vw);
  }

  .services-signal-cta .signal-cta-button-track {
    width: 12.75rem;
    height: 12.75rem;
  }

  .section-home-header .title-01 {
    font-size: clamp(4rem, 13vw, 8rem);
  }

  .section-home-header .title-02 {
    font-size: clamp(4.3rem, 14vw, 8.5rem);
  }

  .smartez-project-grid {
    grid-template-columns: 1fr;
  }

  .smartez-services-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .smartez-dandy-grid {
    grid-template-columns: 1fr;
  }

  .smartez-dandy-card,
  .smartez-dandy-card.is-large {
    min-height: 31rem;
  }

  .smartez-dandy-showcase-card,
  .smartez-dandy-showcase-card:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .smartez-dandy-showcase-card:nth-child(even) .smartez-dandy-showcase-preview,
  .smartez-dandy-showcase-card:nth-child(even) .smartez-dandy-showcase-copy {
    order: initial;
  }

  .smartez-dandy-showcase-preview {
    min-height: 32rem;
  }

  .smartez-project-card,
  .smartez-project-card.is-wide {
    min-height: 27rem;
  }

  .smartez-showcase-card {
    min-height: 33rem;
  }

  .smartez-showcase-panel {
    width: auto;
    left: 1.5rem;
    right: 1.5rem;
    top: 1.5rem;
  }

  .smartez-showcase-content {
    padding-top: 11rem;
  }
}

@media screen and (max-width: 767px) {
  .services-signal-cta .card-wrapper {
    width: min(25rem, 88vw);
    height: min(25rem, 88vw);
    opacity: .68;
  }

  .services-signal-cta .signal-cta-button-track {
    width: 10.75rem;
    height: 10.75rem;
  }

  .section-home-header .heading-wrapper {
    grid-row-gap: 1rem;
  }

  .section-home-header .title-01 {
    font-size: clamp(3.2rem, 16vw, 5.8rem);
    line-height: .9;
  }

  .section-home-header .title-02 {
    font-size: clamp(3.4rem, 17vw, 6.2rem);
    line-height: .9;
  }

  .section-home-header .header-content-grid {
    grid-template-columns: 1fr;
  }

  .smartez-services-preview-header {
    align-items: flex-start;
    flex-flow: column;
  }

  .smartez-services-benefit {
    min-height: 10.5rem;
  }

  .smartez-project-card,
  .smartez-project-card.is-wide {
    border-radius: 1rem;
    min-height: 24rem;
  }

  .smartez-dandy-card,
  .smartez-dandy-card.is-large {
    border-radius: 1rem;
    min-height: 29rem;
    max-width: 100%;
  }

  .smartez-dandy-middle {
    width: 72%;
    height: 42%;
    top: 13%;
    right: -3%;
  }

  .smartez-dandy-front {
    width: auto;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    padding: .9rem;
    overflow: hidden;
  }

  .smartez-dandy-title {
    font-size: clamp(1.9rem, 10vw, 2.65rem);
  }

  .smartez-dandy-text {
    font-size: .88rem;
  }

  .smartez-dandy-showcase-list {
    grid-row-gap: 2rem;
  }

  .smartez-dandy-showcase-card {
    border-radius: 1rem;
    padding: .8rem;
    max-width: 100%;
    overflow: hidden;
  }

  .smartez-dandy-showcase-preview {
    min-height: 30rem;
  }

  .smartez-dandy-showcase-preview .smartez-dandy-middle {
    width: 74%;
    height: 41%;
    top: 13%;
    right: -4%;
  }

  .smartez-dandy-showcase-preview .smartez-dandy-front {
    width: auto;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
  }

  .smartez-dandy-showcase-copy {
    padding: .8rem .3rem .3rem;
  }

  .smartez-dandy-showcase-copy .smartez-showcase-title {
    font-size: clamp(2rem, 10vw, 2.9rem);
  }

  .smartez-project-copy {
    padding: 1.35rem;
  }

  .smartez-browser-bar {
    top: .9rem;
    left: .9rem;
    right: .9rem;
  }

  .smartez-showcase-card {
    border-radius: 1rem;
    min-height: 34rem;
  }

  .smartez-showcase-content {
    padding: 10.5rem 1.25rem 1.35rem;
  }

  .smartez-showcase-title {
    font-size: clamp(2.4rem, 15vw, 4.2rem);
  }

  .smartez-showcase-panel {
    left: 1rem;
    right: 1rem;
    top: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .services-signal-cta .card-wrapper {
    width: 96vw;
    height: 96vw;
    opacity: .58;
  }

  .services-signal-cta .signal-cta-button-track {
    width: 9.1rem;
    height: 9.1rem;
  }

  html,
  body,
  .page-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }

  .logo-wrapper {
    height: 2.35rem;
  }

  .logo-wrapper .logo {
    height: 2.2rem;
  }

  .section-home-header {
    padding-bottom: 4rem;
  }

  .section-home-header .title-01 {
    font-size: clamp(2.7rem, 17vw, 4.2rem);
  }

  .section-home-header .title-02 {
    font-size: clamp(2.9rem, 18vw, 4.6rem);
  }

  .section-home-header .text-size-small {
    font-size: .78rem;
  }

  .smartez-services-benefit-grid {
    grid-template-columns: 1fr;
  }

  .smartez-services-benefit {
    min-height: auto;
  }

  .smartez-services-benefit-kicker {
    margin-bottom: 1.4rem;
  }

  .smartez-project-title {
    font-size: 2.25rem;
  }

  .smartez-dandy-card,
  .smartez-dandy-card.is-large {
    min-height: 27rem;
  }

  .smartez-dandy-middle {
    width: 78%;
    height: 38%;
    top: 12%;
    right: -8%;
  }

  .smartez-dandy-browser {
    font-size: .64rem;
    padding-bottom: .6rem;
    margin-bottom: .8rem;
  }

  .smartez-dandy-label {
    font-size: .62rem;
  }

  .smartez-dandy-title {
    font-size: clamp(1.55rem, 8vw, 1.95rem) !important;
  }

  .smartez-dandy-showcase-copy .smartez-showcase-title {
    font-size: clamp(1.65rem, 8.5vw, 2.15rem) !important;
    max-width: 100%;
  }

  .section-projects-header .heading-style-h1 {
    font-size: clamp(2.25rem, 11vw, 2.85rem) !important;
    line-height: .9;
    overflow-wrap: anywhere;
  }

  .smartez-showcase-panel.is-static .smartez-panel-row {
    flex-flow: column;
    align-items: flex-start;
    gap: .2rem;
  }

  .smartez-showcase-panel.is-static .smartez-panel-row strong {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .smartez-dandy-showcase-preview {
    min-height: 28rem;
  }

  .smartez-dandy-showcase-preview .smartez-dandy-middle {
    width: 80%;
    height: 37%;
    right: -9%;
  }

  .smartez-project-text,
  .smartez-showcase-text {
    font-size: .9rem;
  }

  .smartez-chip {
    font-size: .68rem;
  }
}

.smartez-funnel {
  position: relative;
}

.smartez-analysis-kicker {
  color: var(--accent-color);
  letter-spacing: .08em;
  margin-bottom: .75rem;
}

.smartez-analysis-subline {
  color: var(--light-grey);
  text-align: center;
  max-width: 28rem;
  margin: .65rem auto 0;
  font-size: 1.05rem;
  line-height: 1.5;
}

.smartez-analysis-copy {
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-analysis-points {
  color: var(--white);
  grid-column-gap: 1.2rem;
  grid-row-gap: .7rem;
  grid-template-columns: 1fr 1fr;
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.smartez-analysis-points span {
  align-items: center;
  gap: .5rem;
  font-size: .88rem;
  line-height: 1.35;
  display: flex;
}

.smartez-analysis-points span::before {
  color: var(--accent-color);
  content: "✓";
  border: 1px solid #0cc0ac66;
  border-radius: 999px;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  height: 1.1rem;
  font-size: .72rem;
  line-height: 1;
  display: flex;
}

.smartez-analysis-note,
.smartez-funnel-delivery-note {
  color: var(--light-grey);
}

.section-contact-header .contact-content-wrapper > .social-media-wrapper {
  display: none;
}

.smartez-form-intro {
  text-align: center;
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-form-intro .contact-subtitle {
  margin-bottom: .75rem;
}

.smartez-funnel-delivery-note {
  text-align: center;
  margin-bottom: 0;
}

.smartez-funnel-progress {
  margin-bottom: 2rem;
}

.smartez-funnel-progress-row {
  color: var(--light-grey);
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .75rem;
  font-size: .85rem;
  display: flex;
}

.smartez-funnel-progress-row span:first-child {
  color: var(--accent-color);
  font-weight: 700;
}

.smartez-funnel-progress-track {
  background-color: #ffffff1a;
  border-radius: 999px;
  height: .3rem;
  overflow: hidden;
}

.smartez-funnel-progress-bar {
  background-color: var(--accent-color);
  border-radius: 999px;
  width: 20%;
  height: 100%;
  transition: width .25s ease;
}

.smartez-funnel-question {
  margin-top: .8rem;
  margin-bottom: 1.5rem;
}

.smartez-funnel-options {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.smartez-funnel-option {
  color: var(--white);
  text-align: left;
  cursor: pointer;
  background-color: #aeaeae0d;
  border: 1px solid var(--border);
  padding: 1rem;
  transition: border-color .25s, background-color .25s, transform .25s;
}

.smartez-funnel-option:hover,
.smartez-funnel-option:focus {
  background-color: #ffffff12;
  border-color: var(--accent-color);
  transform: translateY(-1px);
}

.smartez-funnel-option.is-selected {
  background-color: #0cc0ac1f;
  border-color: var(--accent-color);
  box-shadow: inset 0 0 0 1px var(--accent-color);
}

.smartez-funnel-option-title,
.smartez-funnel-option-description {
  display: block;
}

.smartez-funnel-option-title {
  color: var(--white);
  margin-bottom: .35rem;
  font-weight: 700;
}

.smartez-funnel-option-description {
  color: var(--light-grey);
  font-size: .9rem;
  line-height: 1.45;
}

.smartez-funnel-text,
.smartez-funnel-contact-step {
  display: none;
}

.smartez-funnel-hint,
.smartez-funnel-field-note {
  color: var(--light-grey);
  text-align: right;
  margin-top: .45rem;
  font-size: .75rem;
  line-height: 1.35;
}

.smartez-funnel-field-note {
  text-align: left;
}

.smartez-funnel-actions {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.smartez-funnel-back {
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .smartez-analysis-subline {
    max-width: 20rem;
    font-size: .95rem;
  }

  .smartez-analysis-copy {
    max-width: 20rem;
  }

  .smartez-funnel-options {
    grid-template-columns: 1fr;
  }

  .smartez-funnel-actions,
  .smartez-funnel-progress-row {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .smartez-analysis-points {
    grid-template-columns: 1fr;
    max-width: 16rem;
  }

  .smartez-analysis-points span {
    justify-content: flex-start;
  }
}

.smartez-mini-site-intro {
  text-align: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-mini-site-intro h2 {
  color: var(--white);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(2.4rem, 5vw, 5rem);
  font-weight: 900;
  line-height: .92;
}

.smartez-mini-site-intro p {
  color: #ffffffe0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
}

.smartez-mini-site-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.smartez-mini-site-card {
  min-height: auto;
  display: flex;
  flex-direction: column;
  transition: transform .28s cubic-bezier(.16, 1, .3, 1), border-color .28s cubic-bezier(.16, 1, .3, 1), box-shadow .28s cubic-bezier(.16, 1, .3, 1);
}

.smartez-mini-site-card:hover {
  border-color: color-mix(in srgb, var(--accent) 62%, #ffffff 0%);
  transform: translateY(-.35rem);
  box-shadow: 0 2rem 5rem #00000073;
}

.smartez-mini-site-media {
  min-height: 20rem;
  padding: 1rem;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.smartez-mini-site-media::after {
  content: "";
  background: linear-gradient(180deg, #0505050a, #050505e8);
  position: absolute;
  inset: 0%;
  z-index: 1;
}

.smartez-mini-site-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 20rem;
  position: absolute;
  inset: 0%;
  transform: scale(1.02);
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
}

.smartez-mini-site-card:hover .smartez-mini-site-image {
  transform: scale(1.07);
}

.smartez-mini-site-screen {
  z-index: 2;
  background: #050707c7;
  border: 1px solid #ffffff24;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: 18rem;
  padding: .85rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff0d, 0 1.4rem 3.5rem #0000008a;
  backdrop-filter: blur(10px);
}

.smartez-mini-site-screen::before {
  content: "";
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 24%, transparent), transparent 48%);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.smartez-mini-browser {
  z-index: 1;
  grid-column-gap: .32rem;
  grid-row-gap: .32rem;
  color: #ffffffa8;
  border-bottom: 1px solid #ffffff18;
  align-items: center;
  padding-bottom: .62rem;
  font-size: .58rem;
  font-weight: 800;
  line-height: 1;
  display: flex;
  position: relative;
}

.smartez-mini-browser span {
  background: var(--accent);
  border-radius: 999px;
  width: .36rem;
  height: .36rem;
  display: block;
}

.smartez-mini-browser span:nth-child(2) {
  opacity: .62;
}

.smartez-mini-browser span:nth-child(3) {
  opacity: .34;
}

.smartez-mini-browser strong {
  min-width: 0;
  margin-left: .28rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartez-mini-hero-title {
  z-index: 1;
  color: var(--white);
  letter-spacing: -.045em;
  text-transform: uppercase;
  margin-top: 1.4rem;
  margin-bottom: auto;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.7rem, 2.2vw, 2.55rem);
  font-weight: 900;
  line-height: .88;
  position: relative;
}

.smartez-mini-action {
  z-index: 1;
  color: #061312;
  background: var(--accent);
  border-radius: 999px;
  width: fit-content;
  max-width: 100%;
  margin-top: 1.4rem;
  margin-bottom: .65rem;
  padding: .48rem .7rem;
  font-size: .68rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

.smartez-mini-chat {
  z-index: 1;
  color: #ffffffe0;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  margin-bottom: 0;
  padding: .72rem;
  font-size: .73rem;
  line-height: 1.35;
  position: relative;
}

.smartez-mini-chat span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .28rem;
  font-size: .58rem;
  font-weight: 900;
  display: block;
}

.smartez-mini-site-copy {
  background: #090b0c;
  border-top: 1px solid #ffffff14;
  flex: 1;
  padding: 1.1rem;
}

.smartez-mini-site-copy .smartez-dandy-title {
  font-size: clamp(1.55rem, 2.1vw, 2.3rem);
}

.smartez-mini-site-copy .smartez-dandy-text {
  font-size: .86rem;
}

.smartez-mini-facts {
  grid-row-gap: .55rem;
  margin-top: 1rem;
  display: grid;
}

.smartez-mini-facts div {
  border-top: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: flex-start;
  gap: .8rem;
  padding-top: .58rem;
  display: flex;
}

.smartez-mini-facts span {
  color: #ffffff8c;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .58rem;
  font-weight: 800;
}

.smartez-mini-facts strong {
  color: var(--white);
  text-align: right;
  max-width: 9.5rem;
  font-size: .72rem;
  line-height: 1.2;
}

@media screen and (max-width: 1180px) {
  .smartez-mini-site-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .smartez-mini-site-grid {
    grid-template-columns: 1fr;
  }

  .smartez-mini-site-media,
  .smartez-mini-site-image {
    min-height: 18rem;
  }

  .smartez-mini-site-screen {
    min-height: 16rem;
  }

  .smartez-mini-site-copy .smartez-dandy-title {
    font-size: clamp(1.75rem, 8vw, 2.35rem) !important;
  }
}

.smartez-site-example-intro {
  text-align: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-site-example-intro h2 {
  color: var(--white);
  letter-spacing: 0;
  margin-top: 1.1rem;
  margin-bottom: .9rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  font-weight: 900;
  line-height: .92;
}

.smartez-site-example-intro p {
  color: #ffffffe0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
}

.smartez-example-picker {
  justify-content: center;
  align-items: center;
  gap: .65rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
}

.smartez-example-picker-item {
  color: #ffffffb8;
  background: #ffffff0d;
  border: 1px solid #ffffff1c;
  border-radius: 999px;
  align-items: center;
  gap: .5rem;
  padding: .58rem .85rem;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.smartez-example-picker-item.is-active,
.smartez-example-picker-item:hover {
  color: var(--white);
  border-color: color-mix(in srgb, var(--accent) 62%, #ffffff 0%);
  background: #ffffff14;
}

.smartez-example-picker-item span {
  background: var(--accent);
  border-radius: 999px;
  width: .55rem;
  height: .55rem;
  display: block;
}

.smartez-website-window {
  color: var(--site-ink);
  background: #0b0d0f;
  border: 1px solid #ffffff24;
  border-radius: .75rem;
  width: 100%;
  text-decoration: none;
  display: block;
  overflow: hidden;
  box-shadow: 0 2rem 5rem #00000073;
}

.smartez-home-window {
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-example-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  max-width: 58rem;
  margin: 1rem auto 0;
  display: grid;
}

.smartez-example-summary-grid a {
  color: var(--white);
  background: #ffffff0b;
  border: 1px solid #ffffff18;
  border-radius: .6rem;
  padding: .9rem;
  text-decoration: none;
  display: block;
}

.smartez-example-summary-grid a:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, #ffffff 0%);
}

.smartez-example-summary-grid strong,
.smartez-example-summary-grid span,
.smartez-example-summary-grid small {
  display: block;
}

.smartez-example-summary-grid strong {
  margin-bottom: .55rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}

.smartez-example-summary-grid span {
  color: var(--accent);
  margin-bottom: .4rem;
  font-size: .78rem;
  font-weight: 900;
}

.smartez-example-summary-grid small {
  color: #ffffffb8;
  font-size: .72rem;
  line-height: 1.35;
}

.smartez-window-topbar {
  background: #111416;
  border-bottom: 1px solid #ffffff16;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  display: grid;
}

.smartez-window-dots {
  gap: .38rem;
  display: flex;
}

.smartez-window-dots span {
  border-radius: 999px;
  width: .62rem;
  height: .62rem;
  display: block;
}

.smartez-window-dots span:nth-child(1) {
  background: #ff6b6b;
}

.smartez-window-dots span:nth-child(2) {
  background: #ffd166;
}

.smartez-window-dots span:nth-child(3) {
  background: #6ee7b7;
}

.smartez-window-domain {
  color: #ffffffa8;
  text-align: center;
  background: #ffffff0c;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  min-width: 0;
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
  padding: .38rem .9rem;
  font-size: .76rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartez-window-badge {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .62rem;
  font-weight: 900;
}

.smartez-demo-site {
  color: var(--site-ink);
  background:
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 26rem),
    var(--site-bg);
  min-height: 38rem;
  position: relative;
  overflow: hidden;
}

.smartez-demo-site.is-dark-example {
  color: var(--site-ink);
  background:
    radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 24rem),
    linear-gradient(140deg, #0b111c, #090b10 62%);
}

.smartez-demo-site.is-warm-example {
  background:
    radial-gradient(circle at 86% 18%, #f59e0b33, transparent 24rem),
    linear-gradient(140deg, #fff8ed, #fffaf5);
}

.smartez-demo-nav {
  border-bottom: 1px solid color-mix(in srgb, var(--site-ink) 14%, transparent);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.05rem clamp(1rem, 3vw, 2rem);
  display: flex;
}

.smartez-demo-nav strong {
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: .98rem;
  font-weight: 900;
}

.smartez-demo-nav span {
  opacity: .72;
  font-size: .78rem;
  font-weight: 800;
}

.smartez-demo-hero {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);
  align-items: center;
  gap: clamp(1.2rem, 4vw, 3rem);
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1.1rem, 4vw, 3rem) 2rem;
  display: grid;
}

.smartez-demo-eyebrow {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: .8rem;
  font-size: .7rem;
  font-weight: 900;
}

.smartez-demo-hero h3 {
  color: var(--site-ink);
  letter-spacing: 0;
  max-width: 35rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(2rem, 4.2vw, 3.45rem);
  font-weight: 900;
  line-height: .92;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.smartez-demo-hero p {
  color: var(--site-ink);
  opacity: .82;
  max-width: 30rem;
  margin-bottom: 1.35rem;
  font-size: 1rem;
  line-height: 1.5;
}

.smartez-demo-actions {
  flex-wrap: wrap;
  gap: .7rem;
  display: flex;
}

.smartez-demo-actions span {
  color: var(--site-ink);
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 36%, transparent);
  border-radius: 999px;
  padding: .72rem .95rem;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1;
}

.smartez-demo-actions span:first-child {
  color: #07110f;
  background: var(--accent);
}

.smartez-demo-visual {
  min-height: 17rem;
  position: relative;
}

.smartez-paint-wall,
.smartez-detailing-panel,
.smartez-restaurant-plate,
.smartez-fitness-rings {
  border: 1px solid color-mix(in srgb, var(--accent) 38%, #ffffff 0%);
  border-radius: .75rem;
  width: 100%;
  min-height: 16rem;
  box-shadow: 0 1.5rem 4rem #00000030;
}

.smartez-paint-wall {
  background:
    linear-gradient(90deg, #ffffff00 0 28%, color-mix(in srgb, var(--accent) 28%, #fff) 28% 55%, #ffffff00 55%),
    repeating-linear-gradient(0deg, #ffffff70 0 1px, transparent 1px 3rem),
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 24%, #f6fbf7), #fff);
}

.smartez-detailing-panel {
  background:
    radial-gradient(circle at 30% 46%, #ffffff24, transparent 6rem),
    linear-gradient(120deg, #111827, #020617);
}

.smartez-restaurant-plate {
  background:
    radial-gradient(circle at 50% 50%, #fff 0 4.2rem, #f7d08a 4.25rem 4.55rem, transparent 4.6rem),
    radial-gradient(circle at 42% 46%, #166534 0 .55rem, transparent .6rem),
    radial-gradient(circle at 58% 54%, #b45309 0 .7rem, transparent .75rem),
    linear-gradient(135deg, #fff3dd, #fef7ed);
}

.smartez-fitness-rings {
  background:
    radial-gradient(circle at 38% 48%, transparent 0 3rem, #38bdf8 3.05rem 3.45rem, transparent 3.5rem),
    radial-gradient(circle at 62% 48%, transparent 0 3rem, #0f172a 3.05rem 3.45rem, transparent 3.5rem),
    linear-gradient(135deg, #e0f2fe, #ffffff);
}

.smartez-paint-card {
  color: var(--site-ink);
  background: color-mix(in srgb, var(--site-bg) 82%, #ffffff 18%);
  border: 1px solid color-mix(in srgb, var(--accent) 34%, transparent);
  border-radius: .75rem;
  width: min(16rem, 78%);
  padding: .9rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  box-shadow: 0 1rem 2.2rem #00000038;
}

.smartez-paint-card strong,
.smartez-paint-card span {
  display: block;
}

.smartez-paint-card strong {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .35rem;
  font-size: .62rem;
  font-weight: 900;
}

.smartez-paint-card span {
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.3;
}

.smartez-demo-section-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  padding: 0 clamp(1.1rem, 4vw, 3rem) 1rem;
  display: grid;
}

.smartez-demo-section-grid div {
  background: color-mix(in srgb, var(--site-bg) 78%, #ffffff 22%);
  border: 1px solid color-mix(in srgb, var(--site-ink) 12%, transparent);
  border-radius: .75rem;
  min-height: 7rem;
  padding: 1rem;
}

.smartez-demo-section-grid strong,
.smartez-demo-section-grid span {
  display: block;
}

.smartez-demo-section-grid strong {
  margin-bottom: .5rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}

.smartez-demo-section-grid span {
  opacity: .76;
  font-size: .82rem;
  line-height: 1.4;
}

.smartez-demo-cta {
  color: #07110f;
  background: var(--accent);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin: .25rem clamp(1.1rem, 4vw, 3rem) 2rem;
  border-radius: .75rem;
  padding: 1rem;
  display: flex;
}

.smartez-demo-cta strong,
.smartez-demo-cta span {
  display: block;
}

.smartez-demo-cta strong {
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 900;
}

.smartez-demo-cta span {
  max-width: 30rem;
  font-size: .85rem;
  font-weight: 800;
  line-height: 1.35;
}

.smartez-demo-chat-bubble {
  color: #07110f;
  background: var(--accent);
  border-radius: 999px;
  padding: .75rem 1rem;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  right: 1.1rem;
  bottom: 1.1rem;
  box-shadow: 0 .9rem 2rem color-mix(in srgb, var(--accent) 30%, transparent);
}

.smartez-example-site-list {
  grid-row-gap: 3rem;
  display: grid;
}

.smartez-example-site-case {
  background: #0d0f10;
  border: 1px solid #ffffff1f;
  border-radius: .9rem;
  grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
  gap: 1.25rem;
  align-items: stretch;
  padding: 1.25rem;
  display: grid;
}

.smartez-example-site-case:nth-child(even) {
  grid-template-columns: minmax(0, 1.28fr) minmax(17rem, .72fr);
}

.smartez-example-site-case:nth-child(even) .smartez-example-copy {
  order: 2;
}

.smartez-example-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.75rem);
  display: flex;
}

.smartez-example-copy .smartez-showcase-title {
  font-size: clamp(1.9rem, 3vw, 3rem);
  line-height: .94;
}

.smartez-example-copy .smartez-showcase-text {
  max-width: 33rem;
}

.smartez-example-facts {
  width: 100%;
  max-width: 31rem;
  margin-top: .8rem;
  display: grid;
}

.smartez-example-facts div {
  border-top: 1px solid #ffffff18;
  justify-content: space-between;
  gap: 1rem;
  padding: .78rem 0;
  display: flex;
}

.smartez-example-facts span {
  color: #ffffff8c;
  text-transform: uppercase;
  letter-spacing: .08em;
  min-width: 7.4rem;
  font-size: .62rem;
  font-weight: 900;
}

.smartez-example-facts strong {
  color: var(--white);
  text-align: right;
  font-size: .82rem;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  .smartez-example-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .smartez-example-site-case,
  .smartez-example-site-case:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .smartez-example-site-case:nth-child(even) .smartez-example-copy {
    order: 0;
  }

  .smartez-demo-hero {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .smartez-site-example-intro h2 {
    font-size: clamp(2rem, 12vw, 3rem);
  }

  .smartez-window-topbar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .smartez-window-badge {
    display: none;
  }

  .smartez-demo-nav {
    align-items: flex-start;
    flex-flow: column;
    padding-left: .95rem;
    padding-right: .95rem;
  }

  .smartez-demo-nav span {
    display: none;
  }

  .smartez-demo-hero h3 {
    font-size: clamp(1.8rem, 9.5vw, 2.35rem);
    max-width: 100%;
  }

  .smartez-demo-section-grid {
    grid-template-columns: 1fr;
    padding-left: .95rem;
    padding-right: .95rem;
  }

  .smartez-demo-cta {
    align-items: flex-start;
    flex-flow: column;
    margin-left: .95rem;
    margin-right: .95rem;
  }

  .smartez-example-site-case {
    border-radius: .75rem;
    padding: .8rem;
    width: calc(100vw - 2rem);
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
  }

  .smartez-website-window,
  .smartez-demo-site,
  .smartez-example-copy {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .smartez-demo-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .smartez-demo-actions span {
    max-width: 100%;
    white-space: normal;
  }

  .smartez-example-copy *,
  .smartez-demo-site *,
  .smartez-example-facts strong {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal !important;
  }

  .smartez-example-facts div {
    flex-flow: column;
    gap: .25rem;
  }

  .smartez-example-facts strong {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .smartez-example-summary-grid {
    grid-template-columns: 1fr;
  }

  .smartez-demo-site {
    min-height: 34rem;
  }

  .smartez-demo-hero {
    padding-left: .95rem;
    padding-right: .95rem;
  }

  .smartez-demo-hero h3 {
    font-size: clamp(1.45rem, 7.4vw, 1.75rem);
    line-height: .96;
  }

  .smartez-example-copy .smartez-showcase-title {
    font-size: clamp(1.55rem, 8.2vw, 2rem) !important;
    max-width: 100%;
  }

  .smartez-window-domain {
    max-width: 11rem;
    font-size: .66rem;
  }

  .smartez-demo-visual {
    min-height: 14rem;
  }

  .smartez-paint-wall,
  .smartez-detailing-panel,
  .smartez-restaurant-plate,
  .smartez-fitness-rings {
    min-height: 13rem;
  }

  .smartez-paint-card {
    width: calc(100% - 2rem);
    left: 1rem;
    right: 1rem;
  }
}

.smartez-compact-examples {
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-compact-copy {
  text-align: center;
  max-width: 43rem;
  margin-left: auto;
  margin-right: auto;
}

.smartez-compact-copy h2 {
  color: var(--white);
  letter-spacing: 0;
  margin-top: 1rem;
  margin-bottom: .75rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.8rem, 3.1vw, 3rem);
  font-weight: 900;
  line-height: .96;
}

.smartez-compact-copy p {
  color: #ffffffbd;
  margin-bottom: 0;
  font-size: .95rem;
  line-height: 1.55;
}

.smartez-compact-pill-row {
  flex-wrap: wrap;
  justify-content: center;
  gap: .55rem;
  margin-top: 1.45rem;
  margin-bottom: .9rem;
  display: flex;
}

.smartez-compact-pill-row a {
  color: #ffffffe0;
  background: #ffffff0b;
  border: 1px solid #ffffff1c;
  border-radius: 999px;
  align-items: center;
  gap: .45rem;
  padding: .55rem .75rem;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.smartez-compact-pill-row a:before {
  content: "";
  background: var(--accent);
  border-radius: 999px;
  width: .42rem;
  height: .42rem;
  display: block;
}

.smartez-compact-hero-preview {
  color: var(--white);
  background: #090b0c;
  border: 1px solid #ffffff1e;
  border-radius: .62rem;
  width: 100%;
  margin-top: .65rem;
  padding: .7rem;
  text-decoration: none;
  display: block;
  overflow: hidden;
  box-shadow: 0 1.4rem 4rem #00000059;
}

.smartez-compact-browser {
  color: #ffffff96;
  background: #111416;
  border: 1px solid #ffffff12;
  border-radius: .42rem .42rem 0 0;
  grid-template-columns: auto auto auto minmax(0, 1fr);
  align-items: center;
  gap: .38rem;
  min-height: 2.35rem;
  padding: .55rem .7rem;
  display: grid;
}

.smartez-compact-browser span {
  border-radius: 999px;
  width: .45rem;
  height: .45rem;
  display: block;
}

.smartez-compact-browser span:nth-child(1) {
  background: #ff6b6b;
}

.smartez-compact-browser span:nth-child(2) {
  background: #facc15;
}

.smartez-compact-browser span:nth-child(3) {
  background: #22c55e;
}

.smartez-compact-browser strong {
  text-align: center;
  min-width: 0;
  margin-left: .45rem;
  font-size: .72rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartez-compact-preview-grid {
  background:
    radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 15rem),
    linear-gradient(145deg, #0e1513, #070909 68%);
  border: 1px solid #ffffff12;
  border-top: 0;
  border-radius: 0 0 .42rem .42rem;
  grid-template-columns: minmax(0, 1fr) minmax(13rem, .52fr);
  align-items: stretch;
  gap: 1rem;
  min-height: 15rem;
  padding: 1.15rem;
  display: grid;
}

.smartez-compact-kicker,
.smartez-hero-screen-kicker {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .65rem;
  font-size: .66rem;
  font-weight: 900;
}

.smartez-compact-preview-grid h3 {
  color: var(--white);
  letter-spacing: 0;
  max-width: 24rem;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.8rem, 3.4vw, 2.85rem);
  font-weight: 900;
  line-height: .96;
}

.smartez-compact-preview-grid p {
  color: #ffffffb8;
  max-width: 25rem;
  margin-bottom: 0;
  font-size: .92rem;
  line-height: 1.48;
}

.smartez-compact-chat {
  background: #ffffff0b;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, #ffffff 0%);
  border-radius: .5rem;
  align-self: end;
  padding: .9rem;
}

.smartez-compact-chat span,
.smartez-compact-chat strong,
.smartez-compact-mini-grid span,
.smartez-compact-mini-grid strong,
.smartez-compact-mini-grid small {
  display: block;
}

.smartez-compact-chat span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .35rem;
  font-size: .62rem;
  font-weight: 900;
}

.smartez-compact-chat strong {
  color: var(--white);
  font-size: .84rem;
  line-height: 1.35;
}

.smartez-compact-meta {
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem .1rem .05rem;
  display: flex;
}

.smartez-compact-meta span {
  color: #ffffffad;
  font-size: .76rem;
  font-weight: 850;
}

.smartez-compact-meta span:first-child {
  color: var(--accent);
}

.smartez-compact-mini-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .8rem;
  display: grid;
}

.smartez-compact-mini-grid a {
  color: var(--white);
  background: #ffffff09;
  border: 1px solid #ffffff15;
  border-radius: .5rem;
  min-width: 0;
  padding: .8rem;
  text-decoration: none;
  display: block;
}

.smartez-compact-mini-grid a:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, #ffffff 0%);
}

.smartez-compact-mini-grid strong {
  margin-bottom: .42rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: .92rem;
  font-weight: 900;
}

.smartez-compact-mini-grid span {
  color: var(--accent);
  margin-bottom: .32rem;
  font-size: .72rem;
  font-weight: 900;
}

.smartez-compact-mini-grid small {
  color: #ffffffa8;
  font-size: .68rem;
  line-height: 1.35;
}

.smartez-hero-example-list {
  grid-row-gap: 1.1rem;
  display: grid;
}

.smartez-hero-example-card {
  background: #0d0f10;
  border: 1px solid #ffffff1e;
  border-radius: .65rem;
  grid-template-columns: minmax(18rem, .86fr) minmax(0, 1.14fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
  display: grid;
}

.smartez-hero-example-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: .8rem;
  display: flex;
}

.smartez-hero-example-copy .smartez-showcase-title {
  letter-spacing: 0;
  margin-bottom: .85rem;
  font-size: clamp(1.45rem, 2.05vw, 2.05rem);
  line-height: 1;
}

.smartez-hero-example-copy .smartez-showcase-text {
  color: #ffffffbd;
  max-width: 31rem;
  margin-bottom: .85rem;
  font-size: .94rem;
  line-height: 1.52;
}

.smartez-hero-example-facts {
  width: 100%;
  max-width: 31rem;
  display: grid;
}

.smartez-hero-example-facts div {
  border-top: 1px solid #ffffff16;
  justify-content: space-between;
  gap: 1rem;
  padding: .68rem 0;
  display: flex;
}

.smartez-hero-example-facts span {
  color: #ffffff80;
  text-transform: uppercase;
  letter-spacing: .08em;
  min-width: 7rem;
  font-size: .6rem;
  font-weight: 900;
}

.smartez-hero-example-facts strong {
  color: var(--white);
  text-align: right;
  font-size: .8rem;
  line-height: 1.32;
}

.smartez-hero-example-preview {
  background: #080a0b;
  border: 1px solid #ffffff17;
  border-radius: .55rem;
  min-width: 0;
  overflow: hidden;
}

.smartez-hero-example-preview .smartez-compact-browser {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.smartez-hero-screen {
  background:
    radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 15rem),
    linear-gradient(145deg, #101414, #060707 70%);
  min-height: 17rem;
  padding: 1.25rem;
  position: relative;
}

.smartez-hero-screen h3 {
  color: var(--white);
  letter-spacing: 0;
  max-width: 25rem;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.7rem, 2.65vw, 2.55rem);
  font-weight: 900;
  line-height: .96;
}

.smartez-hero-screen p {
  color: #ffffffb5;
  max-width: 24rem;
  margin-bottom: 1rem;
  font-size: .92rem;
  line-height: 1.48;
}

.smartez-hero-screen-action {
  color: #07110f;
  background: var(--accent);
  border-radius: 999px;
  width: fit-content;
  max-width: 100%;
  padding: .66rem .85rem;
  font-size: .76rem;
  font-weight: 900;
  line-height: 1;
}

.smartez-hero-screen-chat {
  background: #ffffff0b;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, #ffffff 0%);
  border-radius: .5rem;
  width: min(17rem, calc(100% - 2.5rem));
  padding: .8rem;
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
}

.smartez-hero-screen-chat span,
.smartez-hero-screen-chat strong {
  display: block;
}

.smartez-hero-screen-chat span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .35rem;
  font-size: .6rem;
  font-weight: 900;
}

.smartez-hero-screen-chat strong {
  color: var(--white);
  font-size: .8rem;
  line-height: 1.35;
}

@media screen and (max-width: 991px) {
  .smartez-compact-preview-grid,
  .smartez-hero-example-card {
    grid-template-columns: 1fr;
  }

  .smartez-compact-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .smartez-compact-chat {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  .smartez-compact-copy h2 {
    font-size: clamp(1.75rem, 8.5vw, 2.45rem);
  }

  .smartez-compact-preview-grid {
    min-height: 0;
    padding: .95rem;
  }

  .smartez-compact-preview-grid h3,
  .smartez-hero-screen h3 {
    font-size: clamp(1.55rem, 7.5vw, 2.1rem);
  }

  .smartez-compact-mini-grid {
    grid-template-columns: 1fr;
  }

  .smartez-hero-example-card {
    border-radius: .58rem;
    padding: .75rem;
  }

  .smartez-hero-example-copy {
    padding: .55rem;
  }

  .smartez-hero-example-facts div {
    flex-flow: column;
    gap: .25rem;
  }

  .smartez-hero-example-facts strong {
    text-align: left;
  }

  .smartez-hero-screen {
    flex-flow: column;
    min-height: 0;
    padding: 1rem;
    display: flex;
  }

  .smartez-hero-screen-chat {
    position: static;
    width: auto;
    margin-top: .85rem;
  }
}

@media screen and (max-width: 479px) {
  .smartez-compact-pill-row {
    justify-content: flex-start;
  }

  .smartez-compact-meta {
    flex-flow: column;
    gap: .25rem;
  }

  .smartez-compact-browser strong {
    font-size: .66rem;
  }
}

.smartez-home-example-teaser {
  max-width: 62rem;
}

.smartez-home-example-head {
  text-align: center;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.15rem;
}

.smartez-home-example-head p {
  color: #ffffffb8;
  margin-top: .55rem;
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 1.45;
}

.smartez-home-example-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.smartez-home-example-card {
  color: var(--white);
  background: #ffffff08;
  border: 1px solid #ffffff16;
  border-radius: .55rem;
  min-width: 0;
  padding: .7rem;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.smartez-home-example-card:hover {
  border-color: color-mix(in srgb, var(--accent) 54%, #ffffff 0%);
  background: #ffffff0d;
}

.smartez-home-example-card > span {
  color: #ffffffe0;
  align-items: center;
  gap: .42rem;
  margin-bottom: .55rem;
  font-size: .74rem;
  font-weight: 900;
  line-height: 1;
  display: flex;
}

.smartez-home-example-card > span:before {
  content: "";
  background: var(--accent);
  border-radius: 999px;
  width: .42rem;
  height: .42rem;
  flex: none;
  display: block;
}

.smartez-home-example-screen {
  background:
    radial-gradient(circle at 78% 22%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 7rem),
    linear-gradient(150deg, #101414, #070808 72%);
  border: 1px solid #ffffff13;
  border-radius: .42rem;
  min-height: 9.8rem;
  padding: .75rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.smartez-home-example-screen small {
  color: #ffffff82;
  text-transform: uppercase;
  font-size: .56rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smartez-home-example-screen h3 {
  color: var(--white);
  letter-spacing: 0;
  margin-top: 1.1rem;
  margin-bottom: 0;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  font-weight: 900;
  line-height: 1.02;
}

.smartez-home-example-card > strong {
  color: var(--accent);
  margin-top: .6rem;
  font-size: .7rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.smartez-project-example-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.smartez-project-example-card {
  background: #0d0f10;
  border: 1px solid #ffffff1c;
  border-radius: .65rem;
  min-width: 0;
  padding: .75rem;
  overflow: hidden;
}

.smartez-project-example-preview {
  background: #080a0b;
  border: 1px solid #ffffff13;
  border-radius: .5rem;
  min-width: 0;
  overflow: hidden;
}

.smartez-project-example-preview .smartez-compact-browser {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  min-height: 2.2rem;
}

.smartez-project-example-screen {
  background:
    radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 12rem),
    linear-gradient(145deg, #101414, #060707 72%);
  min-height: 17rem;
  padding: 1rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}

.smartez-project-example-kicker {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .55rem;
  font-size: .62rem;
  font-weight: 900;
}

.smartez-project-example-screen h2 {
  color: var(--white);
  letter-spacing: 0;
  max-width: 24rem;
  margin-top: 0;
  margin-bottom: .8rem;
  font-family: Neutral Sans, Arial, sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.45rem);
  font-weight: 900;
  line-height: .98;
}

.smartez-project-example-action {
  color: #07110f;
  background: var(--accent);
  border-radius: 999px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: .8rem;
  padding: .62rem .78rem;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
}

.smartez-project-example-screen p {
  color: #ffffffbf;
  background: #ffffff0a;
  border: 1px solid color-mix(in srgb, var(--accent) 26%, #ffffff 0%);
  border-radius: .45rem;
  max-width: 25rem;
  margin-bottom: 0;
  padding: .72rem;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.35;
}

@media screen and (max-width: 991px) {
  .smartez-home-example-gallery,
  .smartez-project-example-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .smartez-home-example-gallery,
  .smartez-project-example-grid {
    grid-template-columns: 1fr;
  }

  .smartez-home-example-head {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .smartez-home-example-head .text-align-center {
    text-align: left;
  }

  .smartez-home-example-screen {
    min-height: 8.6rem;
  }

  .smartez-project-example-screen {
    min-height: 15rem;
  }

  .smartez-project-example-screen h2 {
    font-size: clamp(1.5rem, 7.4vw, 2.05rem);
  }
}

@media screen and (max-width: 767px) {
  .call-to-action {
    height: 300svh;
  }

  .cta-wrapper,
  .cta-content-block {
    height: 100svh;
  }

  .cta-wrapper {
    position: sticky;
    top: 0;
  }
}

@media screen and (max-width: 479px) {
  html,
  body {
    overflow-x: clip;
  }

  .page-wrapper {
    overflow: visible;
  }
}

.call-to-action .heading-wrapper {
  grid-column-gap: clamp(1.5rem, 4vw, 4.5rem);
  grid-row-gap: clamp(1.5rem, 4vw, 4.5rem);
  width: min(94vw, 78rem);
  margin-left: auto;
  margin-right: auto;
}

.call-to-action .title-01,
.call-to-action .title-02 {
  letter-spacing: 0;
  max-width: 100%;
  line-height: .95;
  bottom: 0;
}

.call-to-action .title-01 {
  font-size: clamp(5.25rem, 15.5vw, 14rem);
}

.call-to-action .title-02 {
  color: #8f8f8f;
  font-size: clamp(6rem, 19vw, 19rem);
  text-shadow: 0 .08em .18em #0000009e;
}

.call-to-action:not(.services-signal-cta) .cta-link {
  z-index: 30;
  background-color: #111111d9;
  width: clamp(4.6rem, 8vw, 5.6rem);
  height: clamp(4.6rem, 8vw, 5.6rem);
  box-shadow: 0 0 0 1px #ffffff30, 0 1.2rem 3rem #0000008c, 0 0 2rem #ffffff12;
}

.call-to-action:not(.services-signal-cta) .cta-link:hover {
  transform: scale(1.04);
}

@media screen and (max-width: 991px) {
  .call-to-action .heading-wrapper {
    grid-column-gap: clamp(1.5rem, 5vw, 3.5rem);
    grid-row-gap: clamp(1.5rem, 5vw, 3.5rem);
  }

  .call-to-action .title-01 {
    font-size: clamp(4.75rem, 18vw, 10rem);
  }

  .call-to-action .title-02 {
    font-size: clamp(5.75rem, 24vw, 13rem);
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-service-header .heading-style-h1 {
    font-size: clamp(6.5rem, 16vw, 10rem);
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .section-home-header .heading-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .section-home-header .title-01,
  .section-home-header .title-02 {
    line-height: .98;
    bottom: 0;
  }

  .call-to-action .heading-wrapper {
    grid-column-gap: clamp(1.25rem, 4.5vw, 2.75rem);
    grid-row-gap: clamp(1.25rem, 4.5vw, 2.75rem);
  }

  .call-to-action .title-01 {
    font-size: clamp(4.25rem, 17vw, 7rem);
  }

  .call-to-action .title-02 {
    font-size: clamp(5.25rem, 25vw, 9rem);
  }

  .call-to-action:not(.services-signal-cta) .cta-link {
    width: clamp(4.4rem, 13vw, 5.1rem);
    height: clamp(4.4rem, 13vw, 5.1rem);
  }
}

@media screen and (max-width: 479px) {
  .call-to-action .heading-wrapper {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
  }

  .call-to-action .title-01 {
    font-size: clamp(3.85rem, 20vw, 5.4rem);
  }

  .call-to-action .title-02 {
    font-size: clamp(4.8rem, 28vw, 6.7rem);
  }

  .call-to-action:not(.services-signal-cta) .cta-link {
    width: clamp(3.15rem, 14vw, 3.8rem);
    height: clamp(3.15rem, 14vw, 3.8rem);
  }

  .call-to-action:not(.services-signal-cta) .cta-link-text {
    font-size: .52rem;
    line-height: 1.05;
  }

  .service-title-wrap {
    width: 100%;
    max-width: calc(100vw - 40px);
  }

  .service-title-item {
    flex: 1 1 auto;
    min-width: 0;
  }

  .service-number-wrap {
    flex: none;
  }
}

.smartez-consent-banner {
  z-index: 9999;
  position: fixed;
  left: 1rem;
  right: auto;
  bottom: 1rem;
  display: block;
  width: calc(100vw - 2rem);
  max-width: 23.75rem;
  padding: .85rem;
  border: 1px solid #ffffff24;
  border-radius: .5rem;
  background: #101010;
  box-shadow: 0 .9rem 2.5rem #00000059;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
}

.smartez-consent-copy {
  max-width: none;
}

.smartez-consent-banner * {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.smartez-consent-copy strong {
  display: block;
  margin-bottom: .35rem;
  font-size: .86rem;
  line-height: 1.2;
}

.smartez-consent-copy p {
  margin: 0 0 .55rem;
  color: #ffffffb8;
  font-size: .82rem;
  line-height: 1.45;
}

.smartez-consent-copy a,
.smartez-consent-link-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #0cc0ac;
  font-size: .76rem;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}

.smartez-consent-copy a:hover,
.smartez-consent-link-button:hover {
  text-decoration: underline;
}

.smartez-consent-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
}

.smartez-consent-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .75rem;
}

.smartez-consent-button {
  min-height: 2.25rem;
  padding: .55rem .75rem;
  border: 1px solid #0cc0ac;
  border-radius: .35rem;
  background: #0cc0ac;
  color: #07110f;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

.smartez-consent-button.is-secondary {
  border-color: #ffffff38;
  background: transparent;
  color: #fff;
}

.smartez-consent-button:hover {
  filter: brightness(1.08);
}

.smartez-consent-toggle {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: .25rem 0 .55rem;
  color: #fff;
  font-size: .82rem;
  line-height: 1.3;
}

.smartez-consent-toggle input {
  width: 1rem;
  height: 1rem;
  accent-color: #0cc0ac;
}

@media screen and (max-width: 767px) {
  .smartez-consent-banner {
    left: .75rem;
    right: .75rem;
    bottom: .75rem;
    width: auto;
    max-width: none;
    padding: .9rem;
  }

  .smartez-consent-actions {
    justify-content: stretch;
  }

  .smartez-consent-button {
    flex: 1 1 auto;
  }
}