/* NEW VIBE — "More works" section + project cards extracted from newvibe.css for standalone pages */
.w-inline-block{max-width:100%;display:inline-block}
.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}
.w-embed:after{clear:both}
.w-dyn-items{display:block}
.w-dyn-item{display:block}
.section-about-text{font-family: var(--font-secondary);
  color: var(--brand-black);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 100%;
  position: absolute;
  inset: 0% auto auto 1.125em;}
.section-about-text.white{color: var(--brand-white);}
.section-projects-wrapper{grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;}
.section-projects-wrapper.padding{padding-bottom: 10em;}
.section-projects-header{z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 1.25em;
  padding-right: 1.125em;
  display: flex;
  position: relative;}
.section-projects-header.none{display: none;}
.section-heading-wrapper{justify-content: center;
  align-items: center;
  display: flex;
  position: relative;}
.section-heading{z-index: 2;
  width: 100%;
  max-width: 5em;
  font-family: var(--font-primary-dark);
  color: var(--brand-black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.25em;
  font-weight: 400;
  line-height: 85%;
  position: relative;}
.section-heading.orange{z-index: 1;
  color: var(--brand-primary);
  line-height: 85%;
  position: absolute;
  inset: 0%;}
.section-heading.orange.black{color: var(--brand-black);}
.section-heading.less-max-w{max-width: 3em;}
.section-heading.white{max-width: 6em;
  color: var(--brand-secondary);}
.projects-list-wrapper{width: 100%;
  height: auto;}
.projects-list{grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;}
.project-item{cursor: pointer;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;}
.project-card{border-radius: 0;
  flex-flow: column;
  width: 100%;
  min-width: 0;
  height: 43em;
  min-height: 0;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;}
.project-img{z-index: 1;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  min-width: 445px;
  height: 100%;
  position: absolute;}
.project-img-hover{z-index: 3;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  min-width: 445px;
  height: 100%;
  display: none;
  position: absolute;}
.projects-vertical-wrapper{scrollbar-width: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  overflow: visible;}
.project-detail{z-index: 2;
  background-color: #be202600;
  border-radius: 1em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 1em 1em 1em 0;
  display: flex;
  position: static;
  inset: auto auto 0%;}
.project-detail-header{grid-column-gap: .65em;
  grid-row-gap: .65em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;}
.project-detail-text{font-family: var(--font-secondary);
  color: var(--brand-primary);
  text-transform: uppercase;
  font-size: .875em;
  font-weight: 500;
  line-height: 100%;}
.project-detail-btm{justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;}
.project-name-text{font-family: var(--font-primary-dark);
  color: var(--brand-black);
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 80%;}
.code-embed-7{color: var(--brand-accent);
  justify-content: center;
  align-items: center;
  display: flex;}
.projects-arrow{background-color: var(--brand-primary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  min-width: 2.5em;
  height: 2.5em;
  padding: .75em;
  font-size: .8em;
  display: flex;}
.project-card-img-wrapper{z-index: 1;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
  transform: scale(1);}
.project-img-svg{z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;}
.section-projects-work{flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;}
.section-projects-work.none{display: none;}
.section-projects-work-wrapper{grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;}
.project-logo{border-radius: 300px;
  width: 3em;
  min-width: 3em;
  height: 3em;
  min-height: 3em;
  max-height: 3em;
  margin-right: 1em;
  overflow: hidden;}
.section-more-works-wrapper{grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10em;
  display: flex;}
.more-works-list{grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;}
.more-works-list-wrapper{width: 100%;
  height: auto;}
.more-works{cursor: pointer;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;}
@media screen and (max-width: 991px){.section-about-text{font-size: 1em;}}
@media screen and (max-width: 991px){.section-heading{font-size: 4em;}}
@media screen and (max-width: 991px){.projects-list{grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;}}
@media screen and (max-width: 991px){.project-item{width: 100%;}}
@media screen and (max-width: 991px){.project-card{height: 40em;}}
@media screen and (max-width: 991px){.project-detail{min-height: 0;}}
@media screen and (max-width: 991px){.project-detail-text{font-size: .85em;}}
@media screen and (max-width: 991px){.project-name-text{font-size: 3em;}}
@media screen and (max-width: 991px){.project-card-img-wrapper{justify-content: center;
    align-items: center;}}
@media screen and (max-width: 991px){.project-logo-img{object-fit: cover;
    width: 100%;
    height: 100%;}}
@media screen and (max-width: 991px){.project-logo{border-radius: 300px;
    width: 5em;
    height: 5em;
    overflow: hidden;}}
@media screen and (max-width: 991px){.more-works-list{grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;}}
@media screen and (max-width: 991px){.more-works{width: 100%;}}
@media screen and (max-width: 767px){.section-about-text{position: static;}}
@media screen and (max-width: 767px){.section-projects-wrapper.padding{padding-bottom: 6em;}}
@media screen and (max-width: 767px){.section-projects-header{justify-content: space-between;
    align-items: flex-start;}}
@media screen and (max-width: 767px){.section-heading{font-size: 3em;}}
@media screen and (max-width: 767px){.projects-list{grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;}}
@media screen and (max-width: 767px){.project-item{width: 100%;
    min-width: 0;}}
@media screen and (max-width: 767px){.project-card{grid-column-gap: 1em;
    grid-row-gap: 1em;
    height: 35em;}}
@media screen and (max-width: 767px){.project-detail{min-height: 4em;
    padding: 0;}}
@media screen and (max-width: 767px){.project-name-text{font-size: 2em;}}
@media screen and (max-width: 767px){.projects-arrow{font-size: .85em;}}
@media screen and (max-width: 767px){.project-logo{width: 4em;
    height: 4em;}}
@media screen and (max-width: 767px){.more-works-list{grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;}}
@media screen and (max-width: 767px){.more-works{width: 100%;
    min-width: 0;}}
@media screen and (max-width: 479px){.section-about-text{font-size: .75em;
    display: none;}}
@media screen and (max-width: 479px){.section-projects-header{justify-content: center;
    align-items: flex-start;
    padding-left: .5em;
    padding-right: .5em;}}
@media screen and (max-width: 479px){.section-heading{text-align: center;}}
@media screen and (max-width: 479px){.section-heading.left-align{text-align: left;}}
@media screen and (max-width: 479px){.projects-list{grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr;}}
@media screen and (max-width: 479px){.project-detail{padding: 0;}}
@media screen and (max-width: 479px){.project-name-text{font-size: 2em;}}
@media screen and (max-width: 479px){.projects-arrow{font-size: .85em;}}
@media screen and (max-width: 479px){.project-card-img-wrapper{justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;}}
@media screen and (max-width: 479px){.section-more-works-wrapper{padding-bottom: 5em;}}
@media screen and (max-width: 479px){.more-works-list{grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr;}}