/** Shopify CDN: Minification failed

Line 3755:2 Unexpected "}"

**/


/* CSS from section stylesheet tags */
.about-realty {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 45vw;
  position: relative;
}

.about-realty .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .4);
}

.about-realty .content-container {
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

  .about-realty .content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

.about-realty .content-container p {
  width: 30%;
  color: #eeece8;
  margin-top: 0;
  margin-bottom: 0;
}

.about-realty .content-container p em {
  font-family: 'adobe_garamond_proitalic';
  margin-right: 1.4rem;
}


@media screen and (max-width: 1350px) {
  .about-realty .content-container p {
    width: 38%;
  }
}

  @media screen and (max-width: 1150px) {
    .about-realty {
      height: 50vw;
    }

    .about-realty .content-container p {
      width: 45%;
    }
  }

  @media screen and (max-width: 950px) {
    .about-realty .content-container p {
      width: 60%;
    }

    .about-realty {
      height: 57vw;
    }
  }

  @media screen and (max-width: 750px) {
    .about-realty .content-container {
      flex-direction: column;
    }
  }

  @media screen and (max-width: 600px) {
    .about-realty {
        height: 62vw;
    }

        .about-realty .content-container p {
        width: 90%;
          margin-bottom: 2rem;
    }

    .about-realty .content-bottom {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  @media screen and (max-width: 500px) {
        .about-realty {
        height: 75vw;
    }

    .about-realty .content-container {
    height: 100%;
    padding-bottom: 4rem;
    }

    .about-realty .content-container p em {
      margin-right: 1rem;
    }

        .about-realty .content-container p {
        width: 100%;
    }
  }
.about-team h1 {
  padding-bottom: 4vw;
  margin: 0 auto;
  text-align: center;
}

.about-page h3.italic {
  margin-top: 0;
}

.about-page p {
  margin-top: 3.5rem;
}

.about-team .fw-image {
  width: 72%;
  margin: 0 auto;
  height: 48vw;
  background-position: center;
  background-size: cover;
   opacity: 0; 
  transition: opacity 200ms linear;
}

.about-team .fw-image.show {
  opacity: 1; 
  transition: opacity 200ms linear;
}

  
.about-page {
  display: flex;
  width: 72%;
  margin: 0 auto;
  min-width: 1150px;
  position: relative;
}

.about-left {
  padding: 5rem 0;
  width: 50%;
  position: relative;
  top:0;
}

.about-left .image-container {
  width: 100%;
  aspect-ratio: 4 / 5;
  background-position: center;
  background-size: cover;
  position: absolute; 
  top: 0;
  left: 0;
}

.about-left .images-sticky {
  position: sticky;
  top: 5rem;
  aspect-ratio: 4 / 5;
}

.about-left .images-sticky.remove-transform {
  transform: unset;
  top: 6%;
}
  
.about-right {
  width: 50%;
  padding: 5rem 0;
}

 /* .about-page .about-right .about-section {
    height: 100vh;
  }*/

.about-page .team1, .about-page .team2 {
  width: 100%;
  aspect-ratio: 4 / 5;
  padding: 23% 18%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}




.about-left .image1.show {
 
   opacity: 1; 
  transition: opacity 200ms linear;
}

.about-left .image1 {
  
  opacity: 0;
  transition: opacity 200ms linear;
}

.about-left .image2.show {
  
   opacity: 1;
  transition: opacity 200ms linear;
}

.about-left .image2 {
  
   opacity: 0;
  transition: opacity 200ms linear;
}  

.about-left .image3.show {

  opacity: 1;
  transition: opacity 200ms linear;
}

.about-left .image3 {
 
   opacity: 0;
  transition: opacity 200ms linear;
}

  .about-right h2 {
    margin-bottom: 1rem;
  }

  .about-page-mobile {
    display: none;
  }




  @media screen and (max-width: 1500px) {
   

    .about-left .images-sticky.remove-transform {
      top: 14.5%;
    }
  }


@media screen and (max-width: 1200px) {
  .about-page .team1, .about-page .team2 {
    padding: 23% 15%;
  }

  .about-page {
    min-width: 0;
    width: 85%;
  }
}

  @media screen and (max-width: 1100px) {
    .about-page {
      width: 100%;
    }
  }

  @media screen and (max-width: 1000px) {
        .about-page .team1, .about-page .team2 {
        padding: 17% 10%;
    }
  }

  @media screen and (max-width: 850px) {
    .about-page {
      display: none;
    }

    .about-page-mobile {
      display: block;
    }

    .about-page-mobile .image-background {
      padding: 5rem;
    }

    .about-page-mobile .image-container {
      width: 80%;
      margin: 0 auto;
      aspect-ratio: 4 / 5;
      background-position: center;
      background-size: cover;
    }

    .about-page-mobile .about-section {
    padding: 5rem 18vw;
    text-align: center;
    }

    .about-page-mobile .team1 p {
      margin-top: 7rem;
    }

    .about-page-mobile .team2 p {
      margin-top: 5rem;
      margin-bottom: 5rem;
    }

    .about-page-mobile .press .press-cols {
      display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
    }

    .about-page-mobile .press-email {
    margin-top: 2rem;
    }

    .about-page-mobile .team2 h1 {
      margin-top: 0;
    }

  }

  @media screen and (max-width: 750px) {
        .about-page-mobile .image-background {
        padding: 3rem;
    }

    .about-page-mobile .about-section {
      padding: 7rem 0;
      width: 75%;
      margin: 0 auto;
    }

        .about-page-mobile .team1 p, .about-page-mobile .team2 p {
        margin-top: 5rem;
    }
  }

  @media screen and (max-width: 600px) {
    .about-page-mobile .image-container {
      width: 100%;
    }

    .about-page-mobile .about-section {
      padding: 5rem 3rem;
        width: 100%;
    }
  }

  @media screen and (max-width: 500px) {
    .about-page-mobile .about-section {
      padding: 2rem 3rem;
    }

    .about-page-mobile .team1 p, .about-page-mobile .team2 p {
        margin-top: 3rem;
    }

        .about-page-mobile .image-background {
        padding: 2rem 3rem;
    }
    
  }
.blog-fw-image {
  padding: 1rem 0;
}

.blog-fw-image img {
  width: 100%;
  height: auto;
}
.blog-grid {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
}

.blog-grid .article-block {
  width: calc((100% - 8rem) / 3 );
  margin-bottom: 4rem;
  position: relative;
  cursor: pointer;
}

.blog-grid .article-block a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-grid .article-block:nth-of-type(3n + 2) {
  margin-left: 4rem;
  margin-right: 4rem;
}

.blog-grid .article-block .article-image {
  width: 100%;
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
}

.blog-grid .article-block .h1 {
    margin-top: 1rem;
    margin-bottom: 0;
  width: 100%;
  }

.blog-grid .article-block p.italic {
  margin-top: 0;
  -webkit-font-smoothing: auto;
}

.blog-grid .article-block p {
  margin-bottom: 0;
  width: 70%;
  margin-top: 0;
}

.blog-grid .article-block p span {
  font-family: 'adobe_garamond_proitalic';
  font-size: 1.6rem;
  letter-spacing: 0;
  -webkit-font-smoothing: auto;
  text-transform: revert;
}

@media screen and (max-width: 1450px) {
  .blog-grid .article-block p {
      width: 80%;
  }
}

@media screen and (max-width: 1300px) {
  .blog-grid .article-block p {
      width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .blog-grid {
    justify-content: space-between;
  }
  
  .blog-grid .article-block {
  width: calc((100% - 4rem) / 2 );
}

  .blog-grid .article-block:nth-of-type(3n + 2) {
  margin-left: 0rem;
  margin-right: 0rem;
}

}

@media screen and (max-width: 750px) {
  .blog-grid .article-block {
  width: calc((100% - 1.5rem) / 2 );
}
}


@media screen and (max-width: 500px) {
  .blog-grid .article-block {
  width: 100%;
}

  .blog-grid {
    padding-bottom: 0;
  }
}
.blog-post-header {
  padding: 5vw 0 1rem;
}

.blog-post-header h1, .blog-post-header h2 {
  text-align: center;
  margin: 0 auto;
}

.blog-post-header h2 p {
  font-family: 'adobe_garamond_proitalic';
  color: #2b2623;
  font-size: 2.3rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 1rem;
}

@media screen and (max-width: 750px) {
  .blog-post-header {
    padding: 3rem 0 1rem;
  }
}
.blog-page-feature {
  width: 100%;
  height: 45vw;
  background-position: center;
  background-size: cover;
  background-color: rgba(0, 0, 0, .3);
  background-blend-mode: multiply;
  position: relative;
  cursor: pointer;
}

.blog-page-feature a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.blog-page-feature .article-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 45vw;
  padding: 3rem 0;
}

.blog-page-feature .content-bottom {
  border-top: 1px solid #eeece8;
  
}

.blog-page-feature .content-bottom p {
  color: #eeece8;
  opacity: 1;
  font-family: 'adobe_garamond_proitalic';
  font-size: 1.6rem;
  letter-spacing: 0;
  -webkit-font-smoothing: auto;
}

.blog-page-feature .content-bottom .h1 {
  margin-bottom: 0;
}

.blog-page-feature .content-bottom p span {
  color: #eeece8;
  opacity: 1;
  font-family: 'adobe_garamond_proitalic';
  font-size: 1.6rem;
  letter-spacing: 0;
       -webkit-font-smoothing: auto;
  text-transform: revert;
}

.blog-page-feature .content-bottom p {
  margin-top: .5rem;
}


@media screen and (max-width: 1300px) {
  .blog-page-feature {
    height: 50vw;
  }

  .blog-page-feature .article-content {
    height: 50vw;
  }
}

@media screen and (max-width: 900px) {
  .blog-page-feature{
    height: 55vw;
  }

  .blog-page-feature .article-content {
    height: 55vw;
  }
}

@media screen and (max-width: 750px) {
  .blog-page-feature .article-content {
    padding: 1rem 0;
  }

  .blog-page-feature .content-bottom .h1 {
    margin-top: 2rem;
  }
}
 
  
@media screen and (max-width: 500px) {
  .blog-page-feature{
    height: 80vw;
  }

  .blog-page-feature .article-content {
    height: 80vw;
  }
}
.blog-post-nav {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  align-items: center;
}

.blog-post-nav .back-blog, .blog-post-nav .next-blog {
  display: flex;
  align-items: center;
}

.blog-post-nav .back-blog img {
  margin-right: 1rem;
}

.blog-post-nav .next-blog img {
  margin-left: 1rem;
}

.blog-post-nav img {
  width: 15px;
  height: 13px;
}
.blog-post-text {
  padding: 1rem 0;
}

.blog-post-text h2 {
  font-family: 'adobe_garamond_proitalic';
  font-size: 2.3rem;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.blog-two-portrait {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}

.blog-two-portrait .single-image {
  width: calc((100% - 4rem) / 2);
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 750px) {
  .blog-two-portrait {
    flex-wrap: wrap;
  }

  .blog-two-portrait .single-image {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.content-page-header {
  text-align: center;
    padding: 1vw 0 5vw;
}

.content-page-header h1 {
  margin: 2.5rem 0;
}

.content-page-header p {
  max-width: 350px;
  line-height: calc(1 + .5 / var(--font-body-scale));
  margin: 1em auto;
}

.content-page-content {
  display: flex;
  padding: 4vw 0;
}

.content-page-menu {
  width: 23rem;
}

.content-page-menu a {
  display: block;
  margin-bottom: 1rem;
}

.content-page-text {
    width: calc(100% - 23rem);
    padding-right: 15%;
}

.content-page-content .h3 {
  margin-bottom: 3rem;
}

.content-page-text p {
  margin-bottom: 5rem;
}


@media screen and (max-width: 1200px) {
  .content-page-text {
    padding-right: 5%;
  }
}

@media screen and (max-width: 950px) {
  .content-page-text {
    padding-right: 0;
  }
}

@media screen and (max-width: 950px) {
  .content-page-menu {
    width: 20rem;
}

  .content-page-text {
    width: calc(100% - 20rem);
}
}

@media screen and (max-width: 750px) {
  .content-page-content {
    flex-direction: column;
    padding: 4rem 0;
  }

      .content-page-menu {
        width: 100%;
        margin-bottom: 4rem;
    }

      .content-page-text {
        width: 100%;
    }
}
.designer-daypass {
  background-position: center;
  background-size: cover;
  background-color: rgba(0, 0, 0, .3);
  background-blend-mode: multiply;
  position: relative;
  width: 100%;
  height: 41vw;
  cursor: pointer;
}

.designer-daypass .content {
  position: absolute;
  padding: 4rem;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
}

.designer-daypass .content h2, .designer-daypass .content h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}


.designer-daypass a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 1400px) {
  .designer-daypass {
    height: 45vw;
  }
}

@media screen and (max-width: 1200px) {
  .designer-daypass {
    height: 52vw;
  }
}

@media screen and (max-width: 800px) {
  .designer-daypass {
    height: 55vw;
  }

  .designer-daypass .content {
    flex-direction: column;
  }

  .designer-daypass .content h2 {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 750px) {
  .designer-daypass .content {
    padding: 2rem 1.5rem;
  }
}

@media screen and (max-width: 600px) {
  .designer-daypass {
    height: 63vw;
  }

  .designer-daypass .content {
    width: 90%;
  }
}
.featured-collections {
  padding: 6vw 0;
}

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

.fc-header p.h3 {
  margin-bottom: 3rem;
}

.fc-menu ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 4.5vw;
}

.fc-menu li {
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.fc-menu li.active {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.fc-menu li:nth-of-type(2n + 2) {
  margin-left: 3rem;
  margin-right: 3rem;
}

.fc-products .collection-container {
  display: none;
}

.fc-products .collection-container.show {
  display: flex;
  justify-content: space-between;

}

.fc-products .product-block .product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
  

.fc-products .product-block .product-info p {
  margin-top: 0;
}


 .fc-products .product-block {
    position: relative;
   width: calc((100% - 12rem) / 4);
  }

  .fc-products .product-block:hover p.h3 {
    color: #9b8f7e;
  }

  .fc-products .product-block .product-price {
    white-space: nowrap;
  }
  
  .fc-products .product-block:hover .product-price {
    color: #9b8f7e;
  }

  .fc-products .product-block a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
  }

  .fc-products .product-block .product-image {
  aspect-ratio: 4 / 5;
    width: 100%;
}
  

@media screen and (max-width: 950px) {
  .fc-products .product-block {
   width: calc((100% - 4rem) / 2);
    margin-bottom: 2rem;
  }

  .fc-products .collection-container {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 750px) {
  .fc-products .product-block {
    width: calc((100% - 1.5rem) / 2);
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .fc-products .product-block .product-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .fc-products .product-block .product-info p {
    margin-bottom: .3rem;
  }

  .fc-products .product-block {
    margin-bottom: 1.5rem;
  }

  .featured-collections {
    padding: 6vw 0 11vw;
}

  .fc-products .product-block .product-price {
    font-size: 1.3rem;
  }

  .fc-header p.h3 {
    margin-bottom: .5rem;
  }

  .fc-header .fc-menu li p.h3 {
    margin-bottom: 3rem;
  }
  
}
.fin-synch {
  padding: 5vw 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fin-synch img {
  width: 36rem;
  height: auto;
  margin: 0 auto;
}

.fin-synch .column-container {
  display: flex;
  justify-content: space-between;
  padding: 2.5vw 0;
  text-align: center;
  width: 100%;
}

.fin-synch .column-block {
  width: 29%;
}

.fin-synch .column-block h2.h1 {
  margin-bottom: 2rem;
}

.fin-synch .column-block p {
  width: 200px;
  margin: 0 auto;
}

.fin-synch a.custom-button {
  background-color: #eeece8;
  padding: 1rem 2.5rem;
  margin: 0 auto;
}


@media screen and (max-width: 1500px) {
  .fin-synch .column-block {
    width: 31%;
}

  .page-width.narrow.early-margin {
    width: 90%;
  }
}

@media screen and (max-width: 1300px) {
  .page-width.narrow.early-margin {
    width: 100%;
  }
}

  @media screen and (max-width: 1068px) {
    .fin-synch .column-block h2.h1 {
      font-size: 3rem;
    }

    .fin-synch .column-container {
          padding: 2rem 0 3rem;
    }
  }

  @media screen and (max-width: 950px) {
    .fin-synch .column-container {
      flex-direction: column;
    align-items: center;
    }

        .fin-synch .column-container {
        padding: 0rem 0 5rem;
        }

    .fin-synch {
      padding: 4rem 0 5rem;
    }

        .fin-synch .column-block {
        width: 100%;
    }
  }

  @media screen and (max-width: 600px) {
    .fin-synch img {
      width: 28rem;
    }
  }

  @media screen and (max-width: 500px) {
        .fin-synch .column-block h2.h1 {
        font-size: 2.5rem;
    }

    .fin-synch .column-block p {
    width: 250px;
    margin: 0 auto;
}
  }
.fin-text {
  text-align: center;
  padding: 5vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fin-text p {
  width: 30%;
    max-width: 400px;
    min-width: 350px;
    margin-top: 0;
  margin-bottom: 3.5rem;
}

.fin-text h1 {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

  @media screen and (max-width: 850px) {
    .fin-text {
      padding: 5rem 0;
    }
  }
.gtl-header {
  padding: 6vw 0;
  text-align: center;
}

.gtl-header p {
  margin: 1em auto;
  max-width: 400px;
}

.gtl-grid {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5vw;
  justify-content: center;
}


  .gtl-grid .product-info {
  display: flex;
  justify-content: space-between;
  margin-top: .4rem;
}

.gtl-grid .product-info p {
  margin-top: 0;
  margin-bottom: 0;
}


.gtl-grid .product img {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.gtl-grid .product {
  position: relative;
  width: calc((100% - 12rem) / 4);
  margin-bottom: 4rem;
}

.gtl-grid .product:nth-of-type(4n + 2) {
  margin-left: 4rem;
  margin-right: 2rem;
}

.gtl-grid .product:nth-of-type(4n + 3) {
  margin-left: 2rem;
  margin-right: 4rem;
}

.gtl-grid .product:hover .product-info .h3 {
  color: #827265;
}

.gtl-grid .product-info .h3.italic {
  white-space: nowrap;
}

.gtl-grid .product a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}


@media screen and (max-width: 1500px) {
  .gtl-grid .product {
    width: calc((100% - 8rem) / 3);
  }

  .gtl-grid .product:nth-of-type(4n + 2) {
    margin-left: unset;
    margin-right: unset;
}

  .gtl-grid .product:nth-of-type(4n + 3) {
    margin-left: unset;
    margin-right: unset;
}

  .gtl-grid .product:nth-of-type(3n + 2) {
    margin-left: 4rem;
    margin-right: 4rem;
}
}

@media screen and (max-width: 750px) {

  .gtl-grid {
    justify-content: space-between;
  }
  
  .gtl-grid .product {
    width: calc(50% - .75rem);
    margin-bottom: 3rem;
  }

   .gtl-grid .product:nth-of-type(3n + 2) {
    margin-left: unset;
    margin-right: unset;
}
}

@media screen and (max-width: 600px) {
  .gtl-header {
        padding: 5vw 0 8vw;
  }

  .gtl-grid .product-info {
    flex-direction: column;
  }

  .gtl-grid .product-info .h3.italic {
    margin-top: .3rem;
  }
}
.ff-section {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
}



.ff-wrapper {
  width: 100%;
}
  

.ff-section .img-side {
  position: relative;
  width: 100%;
  height: 44vw;
}

.ff-section .img-side ul {
  margin-top: 0;
  margin-bottom: 0;
}


.ff-section .img-side ul li {
  background: #f9f9f9;
  list-style: none;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  box-shadow: 2px 2px 15px #23221e;
  cursor: pointer;
  transition: transform .5s cubic-bezier(.15,.99,.18,.99);
}

.ff-section .img-side ul li::after {
  position: absolute;
  top: -55%;
  left: -55%;
  width: 211%;
  height: 211%;
  content: "";
  border: 2px solid hsla(0,0%,97.6%,.5);
  border-radius: 50%;
  transform-origin: 50% 50%;
  transition: background .5s linear,transform .5s cubic-bezier(.15,.99,.18,.99),border-color .2s linear;
}

.ff-section .img-side ul li.active {
  transform: scale(2);
}

.ff-section .img-side ul li.active::after {
  background: hsla(0,0%,97.6%,.35);
  transform: scale(1.2);
  border-color: #f9f9f900;
}

.ff-section .img-side .callout-details {
  position: relative;
  display: inline-block;
  padding: 2em 5%;
  background: white;
}

.ff-section .img-side .callout-details a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.get-the-look .gtl-anchor {
  display: none;
  height: 250%;
  width: 250%;
  top: 50%;
  left: -70%;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 999;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

  
.img-side .callout-details h4 {
  color: black;
  font-size: 2rem;
}

.ff-section .single-product {
  display: none;
  background-color: #2b241c;
  border-radius: 4px;
  padding: 1rem;
  z-index: 2;
}

.ff-section .single-product.show {
  display: flex;
  position: relative;
  max-width: 21vw;
}


.ff-section .single-product img {
  width: 50%;
  aspect-ratio: 1 / 1;
  max-width: 180px;
}

  .ff-section .single-product .product-content-right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 1rem;
  }

.ff-section .single-product:hover .ff-name {
  color: #9b8f7e;
}

.ff-section .single-product:hover p.h3 {
  color: #9b8f7e;
}

  
.ff-content-side {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
}
  
.ff-product-box {
  margin: 0 auto;
  text-align: center;
}
  
.ff-content-side h2 {
    font-size: 2.5em;
    margin-bottom: 0;
}

.ff-section .single-product.show a.product-image-link {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}



p.ff-name {
  margin-top: 0;
  margin-bottom: 0;
}

.product-content-right p.h3 {
  text-decoration: underline;
  text-underline-offset: 5px;
}



@media screen and (max-width: 1500px) {
  .ff-section .img-side {
    height: 49vw;
  }

  .ff-section .single-product img {
    width: 46%;
  }

  .ff-section .single-product .product-content-right {
    width: 54%;
  }
}

@media screen and (max-width: 1300px) {
  .ff-section .single-product.show {
    max-width: 310px;
  }

  .ff-section .img-side {
    height: 54vw;
  }
}


@media screen and (max-width: 950px) {
  .ff-section .single-product .product-content-right {
        width: 64%;
    }

      .ff-section .single-product img {
        width: 36%;
    }

  .ff-section .single-product.show {
        max-width: 270px;
    }
}


@media screen and (max-width: 750px) {
  .ff-section .single-product img {
    display: none;
  }

  .ff-section .single-product .product-content-right {
        width: 100%;
        padding-left: 0;
    }

      .ff-section .img-side {
        height: 60vw;
    }
}

@media screen and (max-width: 600px) {
  .ff-section p.small {
    font-size: 1.2rem;
  }

  .ff-section p.h3 {
    font-size: 1rem;
  }
}


@media screen and (max-width: 500px) {
  .ff-section .img-side {
        height: 62vw;
    }
}
.homepage-ethos {
  padding: 6vw 0 0;
}

.homepage-ethos .h3 {
  margin: 0 auto;
  text-align: center;
}

.homepage-ethos .h1 {
  width: 650px;
  margin: 0 auto;
  padding-top: 1vw;
  padding-bottom: 5vw;
  text-align: center;
}

.homepage-ethos .ethos-image {
  width: 19%;
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  min-width: 280px;
}

@media screen and (max-width: 1000px) {
  .homepage-ethos {
    padding: 6rem 0 2rem;
}

  .homepage-ethos .h1 {
    padding-top: 2rem;
    padding-bottom: 5rem;
  }
}

@media screen and (max-width: 700px) {
  .homepage-ethos .h1 {
    width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 500px) {
  .homepage-ethos {
    padding: 4rem 0;
}
}
.hp-gtl {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
}



.hp-gtl-wrapper {
  width: 100%;
  display: flex;
}
  

.hp-gtl .img-side {
  position: relative;
  width: 50%;
  aspect-ratio: 1 / 1;
}

.hp-gtl .img-side ul {
  margin-top: 0;
  margin-bottom: 0;
}


.hp-gtl .img-side ul li {
  background: #f9f9f9;
  list-style: none;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  box-shadow: 2px 2px 15px #23221e;
  cursor: pointer;
  transition: transform .5s cubic-bezier(.15,.99,.18,.99);
}

.hp-gtl .img-side ul li::after {
  position: absolute;
  top: -55%;
  left: -55%;
  width: 211%;
  height: 211%;
  content: "";
  border: 2px solid hsla(0,0%,97.6%,.5);
  border-radius: 50%;
  transform-origin: 50% 50%;
  transition: background .5s linear,transform .5s cubic-bezier(.15,.99,.18,.99),border-color .2s linear;
}

.hp-gtl .img-side ul li.active {
  transform: scale(2);
}

.hp-gtl .img-side ul li.active::after {
  background: hsla(0,0%,97.6%,.35);
  transform: scale(1.2);
  border-color: #f9f9f900;
}

.hp-gtl .img-side .callout-details {
  position: relative;
  display: inline-block;
  padding: 2em 5%;
  background: white;
}

.hp-gtl .img-side .callout-details a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.hp-get-the-look .gtl-anchor {
  display: none;
  height: 250%;
  width: 250%;
  top: 50%;
  left: -70%;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 999;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}

  
.img-side .callout-details h4 {
  color: black;
  font-size: 2rem;
}

.hp-gtl .single-product {
  display: none;
  border-radius: 4px;
  padding: 1rem;
  z-index: 2;
  -moz-box-shadow: 0px 0px 17px -2px lightgrey;
-webkit-box-shadow: 0px 0px 17px -2px lightgrey;
box-shadow: 0px 0px 17px -2px lightgrey;
}

.hp-gtl .single-product.show {
  display: block;
  position: relative;
  width: 54%;
  padding: 3rem;
}

.hp-gtl .gtl-heading {
  margin: 0 auto; 
  text-align: center;
  padding-bottom: 5rem;
}


.hp-gtl .single-product img {
  width: 100%;
  aspect-ratio: 4 / 5;
}

  .hp-gtl .single-product .hp-product-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
  }

.hp-gtl .single-product:hover .ff-name {
  color: #9b8f7e;
}

.hp-gtl .single-product:hover .hp-product-content p.h3 {
  color: #9b8f7e;
}

  
.hp-gtl .content-side {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
  
.ff-product-box {
  margin: 0 auto;
  text-align: center;
}
  


.hp-gtl .single-product.show a.product-image-link {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}


  

p.ff-name {
  margin-top: 0;
  margin-bottom: 0;
}

  .hp-product-content .h3.italic {
    margin-top: 0;
    margin-bottom: 0;
  }



@media screen and (max-width: 1200px) {
  .hp-gtl .gtl-heading {
    padding-bottom: 3rem;
  }

  .hp-gtl .single-product.show {
    width: 56%;
  }
}

@media screen and (max-width: 1050px) {
  .hp-gtl .single-product .hp-product-content {
    flex-direction: column;
  }

  .hp-gtl .ff-name {
    margin-bottom: .5rem;
  }

  .hp-gtl .single-product.show {
    padding: 2.5rem;
    margin-left: 4rem;
  }
}

@media screen and (max-width: 900px) {
  .hp-gtl .single-product.show {
        width: 65%;
    }
}

@media screen and (max-width: 750px) {
  .hp-gtl-wrapper {
    flex-direction: column;
  }

  .hp-gtl .img-side {
    width: 100%;
  }
  
  .hp-gtl .content-side {
    width: 100%;
    padding: 8vw 0 9vw;
  }

      .hp-gtl .single-product.show {
        padding: 3rem;
        margin-left: 0;
    }
}

@media screen and (max-width: 600px) {
  .hp-gtl .single-product.show {
    padding: 2rem;
  }

  .hp-gtl .content-side {
    padding: 9vw 0;
  }

      .hp-gtl .single-product.show {
        width: 70%;
    }
}
.homepage-image {
  width: calc(100% - 8rem);
  height: 45vw;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}

@media screen and (max-width: 1300px) {
  .homepage-image {
    height: 50vw;
  }
}

@media screen and (max-width: 900px) {
  .homepage-image{
    height: 55vw;
  }
}

@media screen and (max-width: 750px) {
    .homepage-image {
      margin-left: 1.5rem;
  margin-right: 1.5rem;
    }
  }

@media screen and (max-width: 500px) {
  .homepage-image{
    height: 61vw;
    width: calc(100% - 3rem);
  }
}
.homepage-services {
  background-color: rgba(155, 143, 126, .3);
  padding: 10vw 0;
  text-align: center;
}

.homepage-services h2 {
  margin-bottom: 9vw;
}


.homepage-services p {
  max-width: 350px;
  margin: 0 auto;
  padding-bottom: 1.5vw;
}

.homepage-services .h3.italic {
  text-transform: revert;
  padding-top: 1vw;
}
.homepage-slideshow {
  width: 100%;
  height: auto;
}

.homepage-slideshow .slideshow-image {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 95vh;
}


@media screen and (max-width: 1300px) {
  .homepage-slideshow .slideshow-image {
    height: 82vh;
  }
}

@media screen and (max-width: 900px) {
  .homepage-slideshow .slideshow-image {
    height: 60vh;
  }
}

@media screen and (max-width: 500px) {
  .homepage-slideshow .slideshow-image {
    height: 36vh;
  }
}
#hp-intro {
  height: 44vw;
  width: 100%;
  position: relative;
}


#homeVideoBG {
 position: relative;
    width: 100%;
    height: auto;
    
}

#hp-intro a {
      font-family: brown_proregular;
  font-size: 2rem;
}


  #hp-intro .video-wrapper {
    width: 100%;
    height: 44vw;
    /*min-height: 650px;*/
    overflow: hidden;
    position: absolute;
    top: 0;
  }


  #hp-intro .hero-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 10vw 0 8vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
      /*background-color: rgba(0, 0, 0, .5);*/
}



  @media screen and (max-width: 1450px) {
    #hp-intro, #hp-intro .video-wrapper {
      height: 51vw;
    }
  }

  @media screen and (max-width: 1310px) {
    #hp-intro .hero-overlay {
      padding: 7vw 8vw;
    }
  }





  @media screen and (max-width: 1050px) {

        #hp-intro .hero-overlay {
        padding: 5vw 5vw;
    }

        #hp-intro, #hp-intro .video-wrapper {
        height: 55vw;
    }

    #hp-intro {
  width: 100%;
  position: relative;
}

#hp-intro .content-container {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

    #homeVideoBG {
 position: relative;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
}
  }

  @media screen and (max-width: 950px) {
    #hp-intro img {
      width: 35%;
    }

    #hp-intro a {
      font-size: 1.5rem;
    }
  }

  @media screen and (max-width: 750px) {
        #hp-intro, #hp-intro .video-wrapper {
        height: 62vw;
    }
  }

  /*

  @media screen and (max-width: 500px) {
    #hp-intro .content-container {
      flex-direction: column;
      justify-content: center;
      height: 100%;
    }

    #hp-intro img {
      width: 100%;
      margin-bottom: 3rem;
    }

    #hp-intro a {
      text-align: center;
    }

        #hp-intro .hero-overlay {
        padding: 10vw 7vw;
    }

        #hp-intro, #hp-intro .video-wrapper {
        height: 113vw;
    }

  }

  */
.hp-visit {
  display: flex;
}

.hp-visit .content-container {
  width: 50%;
  background-color: rgba(155, 143, 126, .3);
  padding: 4rem;
}

.hp-visit .image {
  width: 50%;
  aspect-ratio: 10 / 9;
  background-position: center;
  background-size: cover;
}

.hp-visit .visit-us {
  width: 47%;
  margin-top: 0;
}

.hp-visit .visit-us i {
  margin-right: 2rem;
}

.hp-visit .h3 {
  margin-bottom: 0;
}

.hp-visit .address a {
  text-decoration: none;
}

@media screen and (max-width: 1400px) {
  .hp-visit .visit-us {
    width: 50%;
  }
}

@media screen and (max-width: 1300px) {
  .hp-visit .visit-us {
    width: 60%;
    min-width: 340px;
  }
}


@media screen and (max-width: 1050px) {
  .hp-visit .image {
    aspect-ratio: 1 / 1;
  }
}

@media screen and (max-width: 850px) {
      .hp-visit .visit-us {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 750px) {
  .hp-visit {
    flex-direction: column-reverse;
  }

      .hp-visit .image {
        width: 100%;
      }

  .hp-visit .content-container {
    width: 100%;
    padding: 5vw 1.5rem 8vw;
  }

  .hp-visit .visit-us {
    width: 50%;
    min-width: 340px;
  }
}
.inquire-header {
  text-align: center;
  margin-bottom: 7vw;
}

.inquire-header h1 {
  margin-bottom: 0;
}

.inquire-header .h3.italic {
  margin-bottom: 0;
  margin-top: .5rem;
}

.inquire-header h2.h3 {
  margin: 0 auto;
  padding-top: 1rem;
  line-height: 1.7;
  width: 330px;
}

.inquire-header div {
  margin-top: 3vw;
}

.inquiry-form h2 {
  text-align: center;
  margin-bottom: 3vw;
}

.inquiry-form {
  margin-top: 7vw;
  margin-bottom: 8vw;
}

@media screen and (max-width: 500px) {
  .inquire-header {
    margin: 1rem 0 4rem;
  }

  .inquire-header div {
    margin-top: 3rem;
  }

  .inquiry-form {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.insta-header {
  padding: 5vw 4rem 0;
}

.insta-header a {
  text-decoration: none;
}

.insta-header .h2 {
  margin-bottom: 0;
}

.insta-header .h2:hover {
    color: #827265;
}

@media screen and (max-width: 750px) {

  .insta-header {
    padding: 5vw 1.5rem 0;
  }
  
  .insta-header .h1 {
    font-size: 2.5rem;
  }
}
.landing-page {
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-size: cover;
  position: relative;
  min-height: 60rem;
}

.landing-page .about-link {
  text-decoration: none;
      color: #eeece8;
  font-size: 1.5rem;
}

  .landing-page .about-link:hover {
    color: #827265;
  }

.landing-page .logo-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100vh;
  width: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 60rem;
}

.landing-page .logo-content .logo-icon {
  width: 5vw;
  min-width: 87px;
  height: auto;
  margin-bottom: 5.8rem;
}


.landing-page .logo-content .logo {
  width: 22vw;
  height: auto;
  min-width: 340px;
  margin-bottom: .4rem;
}

.landing-page .logo-content h3 {
  font-family: 'adobe_garamond_proitalic';
  font-size: 2.2rem;
  color: #eeece8;
  letter-spacing: 0;
}

.landing-page .content-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 5rem 5rem;
  max-width: 2000px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.landing-page .paragraph-left {
  width: 34%;
  color: #eeece8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'centrano2-book';
  font-size: 1.4rem;
  letter-spacing: .03rem;
  max-width: 1230px;
}

.landing-page .paragraph-left.mobile {
  display: none;
}

.landing-page .content-right {
  display: flex;
  width: 34%;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: .7rem;
  min-width: 515px;
}

.landing-page .content-right .left-col, .landing-page .content-right .right-col {
  width: 45%;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.landing-page h2 {
  color: #eeece8;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'centrano2-book';
}

.landing-page .content-right a {
  color: #eeece8;
  text-decoration: none;
  display: block;
  line-height: 1;
  font-family: 'centrano2-book';
  font-size: 1.5rem;
}

.landing-page .field__input {
  background-color: transparent;
  border-bottom: 1px solid #eeece8;
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: 3.5rem;
}

.landing-page .field:after {
  box-shadow: none;
}

.landing-page .field__label {
   color: #eeece8;
  font-family: 'adobe_garamond_proitalic';
  font-size: 1.2rem;
  left: 0;
  letter-spacing: 0;
  top: unset;
    bottom: 0.5rem;
}

.landing-page .field svg {
  color: #eeece8;
  width: 1.2rem;
  height: auto;
  margin-bottom: 1rem;
}

.landing-page .field__button {
  justify-content: flex-end;
  align-items: flex-end;
}

.landing-page .field:hover.field:after {
  box-shadow: none;
}

.landing-page .field__input:focus {
  box-shadow: none;
}

.landing-page .field__input:focus~.field__label {
  left: 0;
  display: none;
}

.landing-page .field input {
  color: #eeece8;
}

.landing-page .field__input:not(:placeholder-shown)~.field__label {
  left: 0;
  display: none;
}

.landing-page .left-col h2 {
  margin-bottom: .85rem;
  font-family: 'centrano2-book';
}

@media screen and (max-width: 1250px) {
  .landing-page .paragraph-left {
    width: 40%;
  }

  .landing-page .content-right {
    flex-direction: column;
    min-width: 0;
    width: 36%;
  }

  .landing-page .content-right .left-col, .landing-page .content-right .right-col {
    width: 100%;
  }

  .landing-page .content-right .left-col {
    margin-bottom: 2.5rem;
  }

  .landing-page .content-bottom {
    align-items: flex-start;
  }
}

@media screen and (max-width: 850px) {
  .landing-page .content-bottom {
    flex-direction: column;
  }

  .landing-page .paragraph-left {
    width: 85%;
    text-align: center;
    margin: 0 auto 5rem;
  }

  .landing-page .content-right {
    flex-direction: row;
    width: 85%;
    margin: 0 auto;
  }

  .landing-page .content-right .left-col {
    margin-bottom: 0;
  }
}

  @media screen and (max-width: 750px) {
    .landing-page .content-right {
      width: 100%;
    }

    .landing-page .paragraph-left {
      width: 100%;
    }
  }

  @media screen and (max-width: 650px) {
    .landing-page .content-right {
      flex-direction: column;
    }

    .landing-page .content-right .left-col {
      margin-bottom: 2.5rem;
    }

    .landing-page .paragraph-left {
      text-align: left;
    }

    .landing-page .content-bottom {
      padding: 0 2rem 4rem;
    }

    .landing-page .paragraph-left {
      font-size: 1.2rem;
      margin: 0 auto 2.5rem;
    }

    .landing-page h2 {
      font-size: 1.2rem;
    }

    .landing-page .content-right a {
      font-size: 1.2rem;
    }

    .landing-page .logo-content .logo-icon {
      margin-bottom: 4rem;
    }

    .landing-page .logo-content .logo {
      min-width: 300px;
    }

    .landing-page .logo-content .logo-icon {
      min-width: 65px;
      margin-bottom: 3rem;
    }

    .landing-page .logo-content h3 {
      font-size: 2rem;
      margin-top: 1.2rem;
    }
  
  }



  @media screen and (max-width: 500px) {

    
    .landing-page .logo-content {
      min-height: 0;
      /*height: auto;
      position: relative;
      margin-top: 10rem;*/
      position: absolute;
    height: 95vh;
    top: 0;
    margin-top: 0;
    left: 0;
    }

    .landing-page {
      display: flex;
    flex-direction: column;
    justify-content: flex-end;
      height: 100vh;
    }

    .landing-page .content-bottom {
      position: relative;
      margin-top: 5rem;
    }

    .landing-page .paragraph-left {
        margin: 1rem auto 6rem;
      display: none;
    }

    .landing-page .paragraph-left.mobile {
  display: block;
      text-align: center;
      width: 278px;
}

        .landing-page .content-bottom {
        padding: 0 2rem 6rem;
    }

          
  }
.product-slider {
  padding: 6vw 0 6vw 4rem;
}

.product-slider .product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 4rem;
  flex-wrap:wrap;
}
  

.product-slider .product-info p {
  margin-top: 0;
  margin-bottom:.5rem;
  width: 100%;
}


.product-slider .buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
  

.product-slider .slider-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  
}  


.product-slider .slider-header h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.product-slider .slider-header .slider-arrows {
  width: 55%;
  display: flex;
  justify-content: space-between;
}


.product-slider .custom-border {
  display: flex;
  align-items: flex-start;
}



.product-slider .portfolio-slider {
  width: 100%;
  overflow: hidden;
  padding-top: 1rem;
  position: relative;
}

  .product-slider .portfolio-slider-container .item {
    position: relative;
  }

  .product-slider .portfolio-slider-container .item:hover p.h3 {
    color: #9b8f7e;
  }

  .product-slider .portfolio-slider-container .item:hover .product-price {
    color: #9b8f7e;
  }

  .product-slider .portfolio-slider-container .item a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
  }

  /*

 .product-slider .portfolio-slider-container::-webkit-scrollbar-thumb {
 
   background-color: #A09C8A;
}

 .product-slider .portfolio-slider-container::-webkit-scrollbar {
   height: 4px;
   background-color: #E0DFD5;
}

  */

  
.product-slider .portfolio-slider ul {
  padding: 0;
}

.product-slider .portfolio-slider ul li {
  list-style-type: none;
}

.product-slider .portfolio-slider .portfolio-slider-container {
  display: flex;
  overflow-x: scroll;
}

.product-slider .portfolio-slider .portfolio-slider-container .product-image {
  aspect-ratio: 4 / 5;
    width: 22vw;
    margin-right: 4rem;
}
  
  

.product-slider .paddle {
    width: 2.5em;
}

.product-slider .paddles .paddle {
  color: black;
  font-weight: 500;
  font-size: 2rem;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  position: unset;
}
  

.product-slider .paddle img {
  width: 15px;
  height: 13px;
  cursor: pointer;
}
  
.product-slider .left-paddle {
    left: 0;
  background: transparent;
  margin-right: 1rem;
}
.product-slider .right-paddle {
    right: 0;
  background: transparent;
}

@media screen and (max-width: 1150px) {
  .product-slider .portfolio-slider .portfolio-slider-container .product-image {
    width: 20vw;
  }

  .product-slider {
    padding: 8vw 0 8vw 4rem;
}
}


@media screen and (max-width: 1000px) {
  .product-slider .portfolio-slider .portfolio-slider-container .product-image {
    width: 27vw;
  }
}

@media screen and (max-width: 750px) {
  .product-slider .portfolio-slider .portfolio-slider-container .product-image {
        width: 35vw;
    margin-right: 1.5rem;
    }

      .product-slider {
        padding: 8vw 0 8vw 1.5rem;
    }

  .product-slider .product-info {
    margin-right: 1.5rem;
    align-items: baseline;
  }
}

  @media screen and (max-width: 600px) {
    .product-slider .h3.italic.product-price {
        font-size: 1.3rem;
    }

    .product-slider .product-info {
      flex-direction: column;
    }

    .product-slider .product-info p {
      margin-bottom: .5rem;
    }

    .product-slider .slider-header .slider-arrows {
      width: 100%;
    }

    .product-slider .left-paddle {
      margin-right: 0;
    }

    .product-slider .portfolio-slider .portfolio-slider-container .product-image {
      width: 50vw;
    }
  }
.project-description {
  width: 33%;
  margin: 0 auto;
  padding: 9vw 0;
  min-width: 550px;
  max-width: 650px;
}

.project-description h2 {
  text-align: center;
}

@media screen and (max-width: 950px) {
  .project-description {
    width: 70%;
    min-width: 0;
  }
}

@media screen and (max-width: 650px) {
  .project-description {
    width: 80%;
    padding: 11vw 0;
  }
}

@media screen and (max-width: 500px) {
  .project-description {
    width: 100%;
  }
}
.project-portrait {
  display: flex;
  justify-content: space-between;
}

.project-portrait .image {
  width: calc(50% - 2rem);
  background-position: center;
  background-size: cover;
  height: 60vw;
}

@media screen and (max-width: 750px) {
  .project-portrait .image {
    width: calc(50% - .75rem);
  }
}
.project-footer {
  border-top: 1px solid #d7d2c8;
  padding: 6vw 0;
  display: flex;
  position: relative;
  cursor: pointer;
}

.project-footer:hover .h1 {
  color: #827265;
}

.project-footer:hover p {
  color: #827265;
}

.project-footer:hover .project-image {
  background-color: rgba(0, 0, 0, .3);
  background-blend-mode: multiply;
  transition: 300ms linear;
}

.project-footer a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.project-footer .next-project {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}

.project-footer .next-project .h1 {
  margin-top: 0;
  margin-bottom: 9rem;
}

.project-footer .next-project p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.project-footer .project-image {
  width: 50%;
  aspect-ratio: 3 / 2;
  background-size: cover;
  background-position: center;
  transition: 300ms linear;
}

@media screen and (max-width: 950px) {
  .project-footer .next-project .h1 {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width: 750px) {
  .project-footer .next-project .h1 {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 600px) {
  .project-footer {
    flex-direction: column;
  }

  .project-footer .next-project {
    width: 100%;
  }

  .project-footer .project-image {
    width: 100%;
    margin-top: 1rem;
  }

  .project-footer .next-project p {
    margin-bottom: .5rem;
  }
}
.project-gtl {
  padding: 10vw 0;
  display: flex; 
  justify-content: space-between;
}

.project-gtl .gtl-block {
  width: 31%;
}

.project-gtl .content {
  text-align: center;
      display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  padding-right: 3rem;
}

.project-gtl .content .h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.project-gtl .product-info {
  display: flex;
  justify-content: space-between;
  margin-top: .4rem;
}

.project-gtl .product-info p {
  margin-top: 0;
  margin-bottom: 0;
}


.project-gtl .product img {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.project-gtl .content h3 {
  width: 70%;
  min-width: 250px;
  max-width: 300px;
}

.project-gtl .product {
  position: relative;
}

.project-gtl .product:hover .product-info .h3 {
  color: #827265;
}

.project-gtl .product a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1400px) {
  .project-gtl .product-info {
    flex-direction: column;
  }
}

@media screen and (max-width: 800px) {
  .project-gtl {
    flex-wrap: wrap;
  }

  .project-gtl .content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 3rem;
  }

  .project-gtl .product {
        width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 750px) {
  .project-gtl .product {
        width: calc(50% - .75rem);
  }
}

@media screen and (max-width: 500px) {
  .project-gtl .product {
    margin-bottom: 2rem;
  }

  .project-gtl .content {
    margin-bottom: 1rem;
  }
  .project-gtl .product-info {
    flex-direction: column;
  }
}
.project-hero {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 45vw;
  position: relative;
  display: flex;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, .3);
  background-blend-mode: multiply;
}

.project-hero .content {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 8rem;
}

.project-hero .content h1 {
  margin-bottom: 0;
}


@media screen and (max-width: 1150px) {
  .project-hero .content {
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 800px) {
  .project-hero {
    height: 51vw;
  }
}

@media screen and (max-width: 600px) {
  .project-hero .content {
    padding-bottom: 2rem;
  }

      .project-hero {
        height: 63vw;
        align-items: center;
    }
}
.project-landscape {
  width: 100%;
  height: auto;
}
.project-masonry {
  margin-bottom: 3vw;
}

.project-masonry .article-block {
      width: calc(50% - 2rem);
    position: relative;
   margin-bottom: 4rem;
}

.project-masonry .article-block:hover a.plain-button {
  color: #9b8f7e;
}

.project-masonry .article-block img {
  width: 100%;
  height: auto;
}

.project-masonry .article-image {
  /*height: 22vw;*/
  overflow: hidden;
  display: flex;
    align-items: flex-start;
}


.gutter-sizer {
  width: 4rem;
}


@media screen and (max-width: 750px) {
  .project-masonry .article-block {
    width: calc(50% - .75rem);
    margin-bottom: 1.5rem;
  }

  .gutter-sizer {
  width: 1.5rem;
}
  
}

@media screen and (max-width: 550px) {
  .project-masonry .article-block {
    width: 100%;
  }
}
.sbr-nav.mobile {
  display: none;
}

.sbr-grid {
  display: flex;
  justify-content: space-between;
  padding: 8vw 0 5vw;
}


.sbr-grid .sbr-nav {
  width: 14%;
}

.sbr-grid .sbr-nav h3 {
  margin-top: 0;
}

.sbr-grid .sbr-nav ul {
  list-style: none;
  padding-left: 0;
}

.sbr-grid .sbr-nav a {
  color: #2b2623;
  font-family: 'garamondregular';
  font-size: 1.3rem;
  text-decoration: none;
  letter-spacing: 0;
}

.sbr-grid .sbr-nav a:hover {
  color: #827265;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sbr-grid .sbr-nav a.active {
  color: #827265;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sbr-grid .sbr-nav h3 {
  border-bottom: 1px solid #d7d2c8;
  padding-bottom: 1.5rem;
}

.sbr-grid .rooms {
  width: 83%;
  display: flex;
  flex-wrap: wrap;
}

.sbr-grid .room-block {
  width: calc((100% - 8rem) / 3);
  position: relative;
  margin-bottom: 4rem;
}

.sbr-grid .room-block:nth-of-type(3n + 2) {
  margin-left: 4rem;
  margin-right: 4rem;
}

.sbr-grid .room-image {
  width: 100%;
  aspect-ratio: 4 / 5;
  background-position: center;
  background-size: cover;
}

.sbr-grid .room-block a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.sbr-grid .room-block:hover .room-image {
  background-color: rgba(0, 0, 0, .3);
  background-blend-mode: multiply;
  transition: 300ms linear;
}

.sbr-grid .room-block:hover .h3 {
  color: #827265;
}

  .mobile.sbr-nav ul {
  list-style: none;
  padding-left: 0;
}

.mobile.sbr-nav a {
  color: #2b2623;
  font-family: 'garamondregular';
  font-size: 1.3rem;
  text-decoration: none;
  letter-spacing: 0;
}

.mobile.sbr-nav a:hover {
  color: #827265;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mobile.sbr-nav a.active {
  color: #827265;
  text-decoration: underline;
  text-underline-offset: 3px;
}


.mobile.sbr-nav .menu-open {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d7d2c8;
  padding-bottom: 1.5rem;
  justify-content: space-between;
  cursor: pointer;
}

.mobile.sbr-nav ul {
  max-height: 0;
  overflow: hidden;
  transition: 300ms linear;
}

.mobile.sbr-nav.expand ul {
  max-height: 800px;
  transition: 300ms linear;
}

.mobile.sbr-nav.expand img {
  transform: rotate(180deg);
  transition: 300ms linear;
}

.mobile.sbr-nav .menu-open img {
  width: 1rem;
  height: auto;
  transition: 300ms linear;
}


@media screen and (max-width: 1250px) {
  .sbr-grid .sbr-nav {
    width: 17%;
  }

  .sbr-grid .rooms {
    width: 80%;
  }
}

@media screen and (max-width: 950px) {
  .sbr-nav.mobile {
  display: block;
    padding-top: 36px;
}

  .sbr-nav {
    display: none;
  }

  .sbr-grid {
    padding: 1.5rem 0;
  }

  .sbr-grid .rooms {
    width: 100%;
  }
}



  @media screen and (max-width: 750px) {
    .sbr-grid .room-block:nth-of-type(3n + 2) {
    margin-left: 0rem;
    margin-right: 0rem;
}

    .sbr-grid .room-block {
      width: calc(50% - .75rem);
      margin-bottom: 2rem;
    }

    .sbr-grid .rooms {
      justify-content: space-between;
    }
  }

  @media screen and (max-width: 500px) {
    .sbr-nav.mobile {
      padding-top: 27px;
    }
  }
.sbr-header {
  text-align: center;
    border-bottom: 1px solid #d7d2c8;
    padding: 1vw 0 5vw;
}

.sbr-header h1 {
  margin: 2.5rem 0;
}

.sbr-header p {
  max-width: 400px;
  line-height: calc(1 + .5 / var(--font-body-scale));
  margin: 1em auto;
}
.seasonal-picks {
  padding: 6vw 0;
  display: flex;
  justify-content: space-between;
}

.seasonal-picks .title-block {
  width: 17.5%;
}

.seasonal-picks .product-block {
  width: 17.5%;
  position: relative;
}

.seasonal-picks .product-block a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.seasonal-picks .pb-image {
  width: 100%;
  aspect-ratio: 5 / 6;
  background-position: center;
  background-size: cover;
}

.seasonal-picks .h1.large {
  margin-bottom: 0;
  line-height: 1;
}

.seasonal-picks .product-block .h3 {
  margin-bottom: 0;
}

.seasonal-picks .product-block .h3.italic {
  margin-bottom: 0;
  margin-top: .5rem;
}


@media screen and (max-width: 1450px) {
  .sp.narrow {
    width: 80%;
  }
}

@media screen and (max-width: 1200px) {
  .sp.narrow {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .seasonal-picks {
    flex-wrap: wrap;
  }

  .seasonal-picks .title-block {
    width: 100%;
    margin-bottom: 3rem;
}

  .seasonal-picks .title-block br {
    display: none;
  }

  .seasonal-picks .product-block {
    width: calc((100% - 4rem) / 2);
    margin-bottom: 3rem;
}
}

@media screen and (max-width: 750px) {
  .seasonal-picks .product-block {
    width: calc((100% - 1.5rem) / 2);
    margin-bottom: 2rem;
}
}
.services-hero {
  width: 33%;
  margin: 0 auto;
  min-width: 550px;
  max-width: 600px;
  padding: 1vw 0 6vw;
  text-align: center;
}

.services-hero h1 {
  margin-bottom: 0;
}

.services-hero p {
  margin-top: 5vw;
  margin-bottom: 3vw;
}

@media screen and (max-width: 750px) {
  .services-hero {
    padding: 2vw 0 8vw;
    min-width: 0;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .services-hero {
    padding: 2vw 0 12vw;
  }
}
.services-info {
  padding: 7vw 0;
}

.services-info .h1 {
  margin-bottom: 4vw;
}

.services-info .info-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.services-info .text-block {
  width: 48%;
  margin-bottom: 3vw;
}

.services-info .h3 {
  margin-bottom: 3rem;
}


@media screen and (max-width: 660px) {
  .services-info .text-block {
  width: 90%;
  margin-bottom: 5vw;
}

  .services-info .info-container {
    flex-direction: column;
  }
}

@media screen and (max-width: 500px) {
  .services-info .text-block {
    width: 100%;
  }

  .services-info .h3 {
    margin-bottom: 1rem;
}
}
.team-image {
  width: 72%;
  margin: 0 auto;
  padding: 6vw 0 10vw;
  min-width: 1150px;
}

.team-image img {
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-out/*, transform 1s ease-out*/;
  will-change: opacity, visibility;
  /*transform: translateY(5vh);*/
}

.team-image img.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}

@media screen and (max-width: 1200px) {
      .team-image {
        min-width: 0;
        width: 85%;
    }
}

  @media screen and (max-width: 1100px) {
    .team-image {
        width: 100%;
    }
}

  @media screen and (max-width: 500px) {
    .team-image {
      padding-top: 0;
    }
  }
.team-section h1 {
  margin-bottom: 7vw;
  margin: 0 auto;
}

.team-section .team-sticky-scroll {
  height: 100vh;
  width: 100vw;
  position: sticky;
  top: 0;
}

.team-section .team-flex {
  width: 80%;
  margin: 0 auto;
  display: flex;
}

.team-section .images {
  position: relative;
  width: 50%;
}

.team-section img {
  width: 100%;
  height: auto;
  display: none;
}

.team-section img.show {
  display: block;
}

.team-section .team-bios {
  width: 50%;
}

.team-section .bio {
  height: 100%;
  width: 100%;
}
.text-section {
    width: 44%;
    margin: 0 auto;
    padding: 8vw 0 6.5vw;
    min-width: 700px;
  } 

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

  @media screen and (max-width: 1200px) {
    .text-section {
      padding: 10vw 0 8.5vw;
    }
  }


  @media screen and (max-width: 750px) {
    .text-section {
      padding: 10rem 0;
      min-width: 0;
      width: 85%;
    }
  }

  @media screen and (max-width: 500px) {
    .text-section {
      padding: 6rem 0;
      width: 95%;
    }
  }
.border-top {
  border-top: 1px solid rgba(155, 143, 126, .3);
}

.two-col-img-text {
  padding: 6.5vw 0;
  display: flex;
}

.two-col-img-text .left-col {
  width: 50%;
  border-right: 1px solid rgba(155, 143, 126, .3);
  padding: 4.5vw 9vw 3.5vw 0;
  position: relative;
}

.two-col-img-text .left-col:hover .h1 {
  color: #9b8f7e;
}

.two-col-img-text .left-col a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.two-col-img-text .right-col {
  width: 50%;
  padding: 4.5vw 0 3.5vw 9vw;
  position: relative;
}

.two-col-img-text .right-col:hover .h1 {
  color: #9b8f7e;
}

.two-col-img-text .right-col a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.two-col-img-text .image {
  width: 100%;
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
}

.two-col-img-text .h1 {
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.two-col-img-text .h3 {
  text-align: center;
}


@media screen and (max-width: 1150px) {
  .two-col-img-text .left-col {
        padding: 4.5vw 7vw 3.5vw 0;
  }

  .two-col-img-text .right-col {
        padding: 4.5vw 0 3.5vw 7vw;
  }
}

@media screen and (max-width: 950px) {
  .two-col-img-text .left-col {
        padding: 4rem 4rem 4rem 0;
  }

  .two-col-img-text .right-col {
        padding: 4rem 0 4rem 4rem;
  }

  .two-col-img-text {
    padding: 4rem 0;
  }
}

@media screen and (max-width: 750px) {
  .two-col-img-text .left-col {
        padding: 1.5rem 1.5rem 1.5rem 0;
  }

  .two-col-img-text .right-col {
        padding: 1.5rem 0 1.5rem 1.5rem;
  }
}

@media screen and (max-width: 600px) {
      .two-col-img-text {
        padding: 0rem 0;
        flex-direction: column;
    }

  .two-col-img-text .h1 {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 2rem;
    margin-bottom: 0rem;
}

  .two-col-img-text .h3.italic {
    font-size: 1.35rem;
  }

      .two-col-img-text .left-col {
        padding: 1.5rem 0;
        width: 100%;
        border-right: none;
      }

      .two-col-img-text .right-col {
        padding: 1.5rem 0;
        width: 100%;
    }
      
}
.work-blog {
    padding: 2vw 0 4vw;
  }

  .work-blog .blog-header {
    text-align: center;
    margin-bottom: 3vw;
  }

  .work-blog h1 {
    margin-top: 0;
    margin-bottom: .5rem;
  }

  .blog-articles {
    display: flex;
    flex-wrap: wrap;
  }

  .blog-articles .article-block {
    width: calc((100% - 8rem) / 3);
    position: relative;
    margin-bottom: 4rem;
  }

  .blog-articles .article-block:nth-of-type(3n + 2) {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .blog-articles .article-image {
    width: 100%;
    aspect-ratio: 4 / 5;
    background-position: center;
    background-size: cover;
    transition: 300ms linear;
  }

  .blog-articles .article-info {
    text-align: center;
    margin-top: 1.5rem;
  }

  .blog-articles .article-info h3 {
    margin-top: 0; 
    margin-bottom: .7rem;
  }

  .blog-articles .article-info h4 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .blog-articles .article-block a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .blog-articles .article-block:hover h3 {
    color: #827265;
  }

  .blog-articles .article-block:hover h4 {
    color: #827265;
  }

  .blog-articles .article-block:hover .article-image {
    background-color: rgba(0, 0, 0, .3);
    background-blend-mode: multiply;
    transition: 300ms linear;
  }


  @media screen and (max-width: 1100px) {
    .work-blog {
    padding: 3vw 0 7vw;
}
    
    .work-blog .blog-header {
      margin-bottom: 5rem;
    }
  }

  @media screen and (max-width: 750px) {
    .blog-articles .article-block:nth-of-type(3n+2) {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

    .blog-articles .article-block {
      width: calc((100% - 1.5rem) / 3);
      margin-bottom: 3rem;
    }
  }

  @media screen and (max-width: 600px) {
    .blog-articles .article-block {
      width: 100%;
      margin-bottom: 3rem;
    }

    .blog-articles .article-block:nth-of-type(3n+2) {
    margin-left: 0rem;
    margin-right: 0rem;
}

    .blog-articles {
      justify-content: space-between;
    }

        .work-blog .blog-header {
        margin-bottom: 3rem;
    }
}

    
  }