/** Shopify CDN: Minification failed

Line 178:11 Unexpected "{"
Line 178:20 Expected ":"
Line 179:16 Expected identifier but found whitespace
Line 179:18 Unexpected "{"
Line 179:27 Expected ":"
Line 179:78 Expected ":"
Line 180:19 Expected identifier but found whitespace
Line 180:21 Unexpected "{"
Line 180:30 Expected ":"
Line 180:84 Expected ":"
... and 10 more hidden warnings

**/


.yy-page-left, .yy-page-right {
    width:50%;
  }

.yy-half-width {
  width:50%;
  display:inline-block;
}

.yy-quarter-width {
   width:24%;
  display:inline-block;
  text-align: center;
  background: #ececec;
    padding-bottom: 20px;
}

 .yy-quarter-width h4 {
    margin-top:0;
  }



.yy-image-container {
      position: relative;
      width: 100%;
    }

    .yy-image-container img {
      width: 100%;
      height: auto;
      display: block;
    }


.page-title {
  margin-top: 0;
}

.main-page-title {
  margin-bottom: 3rem;
}



    .yy-overlay-text {
      margin-top:0;
      position: absolute;
      top: 0px;
      color: white;
      padding: 10px 20px;
      font-size: 3.8rem;
      font-weight: bold;
      border-radius: 5px;
      width:100%;
      text-align:center;
    }

.yy-overlay-text-main {
      top:50%;
      transform: translateY(-50%);
      position: absolute;
      color: white;
      padding: 10px 20px;
      font-size: 3.8rem;
      font-weight: bold;
      border-radius: 5px;
      width:100%;
      text-align:center;
    }


.yy-overlay-text-main h1 {
  border: 1px solid white;
   width: 20%;
  text-align: center;
  color: white;
  font-size: calc(var(--font-heading-scale) * 3rem);
  display: inline-block;
  padding: 8px;
  /*margin-bottom: 10px;*/
}

.yy-overlay-text-main h2 {
  color: white;
  margin:0;
}




.yy-flip-container {
      display: inline-block;
      perspective: 1000px;
      width: 160px;
      height: 190px;
      margin-right:10px;
    }

    .yy-flip-card {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.6s;
      transform-style: preserve-3d;
    }

    .yy-flip-container:hover .yy-flip-card {
      /* transform: rotateY(180deg);*/
    }

    .yy-flip-face {
      /* position: absolute;*/
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
    }

    .front {
      z-index: 2;
    }

    .back {
      transform: rotateY(180deg);
    }

    .yy-flip-face img {
      /*width: 150px;*/
      height: 100%;
      object-fit: cover;
    }


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

.page-placeholder {
  width: 52.5rem;
  height: 52.5rem;
}


.yy-flex-container-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
  gap:15px;
}

  .yy-smaller-text {
    padding: 0 10px 15px;
    min-height: 125px;
    font-size: 15px;
  }



 .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }


#early-days, #evolution, #our-team, #movement-inspired, #design-customisation, #fsc-and-breeam, #circular-by-design, #refurbishment {
    scroll-margin-top: 100px;
}




@media screen and (min-width: 750px) {
  .main-page-title {
    margin-bottom: 4rem;
  }


 .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }


}