.tile-category-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.tile-category-grid{grid-template-columns:1fr 1fr;gap:2rem;padding:0 5rem}}.tile-category-card{position:relative;overflow:hidden;aspect-ratio:4 / 3;cursor:pointer}.tile-category-card a{display:block;width:100%;height:100%;text-decoration:none;color:#fff}.tile-category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--is-transition-smooth)}.tile-category-card:hover .tile-category-card__image{transform:scale(1.06)}.tile-category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000008c,#0000001a,#0000000d);transition:background var(--is-transition-duration) var(--is-transition-smooth);display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem}.tile-category-card:hover .tile-category-card__overlay{background:linear-gradient(0deg,#000000a6,#00000026,#00000014)}.tile-category-card__title{font-size:2rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}@media screen and (min-width:750px){.tile-category-card__title{font-size:2.4rem}}.tile-category-card__description{font-size:1.3rem;font-weight:300;letter-spacing:.04em;color:#ffffffd9;margin:0;max-width:30rem;line-height:1.5;opacity:0;transform:translateY(8px);transition:all .4s var(--is-transition-smooth)}.tile-category-card:hover .tile-category-card__description{opacity:1;transform:translateY(0)}.tile-category-card__arrow{position:absolute;top:2rem;right:2rem;width:3.6rem;height:3.6rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-8px,8px);transition:all .4s var(--is-transition-smooth)}.tile-category-card:hover .tile-category-card__arrow{opacity:1;transform:translate(0)}.tile-category-card__arrow svg{width:1.4rem;height:1.4rem;fill:none;stroke:#fff;stroke-width:2}.tile-category-section__header{text-align:center;max-width:var(--page-width);margin:0 auto 4rem;padding:0 1.5rem}.tile-category-section__heading{font-weight:200;letter-spacing:.15em;margin-bottom:1.5rem}.tile-category-section__subheading{font-size:1.5rem;color:var(--is-color-stone);font-weight:300;letter-spacing:.04em;line-height:1.7;max-width:60rem;margin:0 auto}.portfolio-gallery{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.portfolio-gallery__grid{display:grid;grid-template-columns:1fr;gap:1.2rem}@media screen and (min-width:750px){.portfolio-gallery__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (min-width:990px){.portfolio-gallery__grid{grid-template-columns:repeat(3,1fr);gap:1.8rem}}.portfolio-gallery__item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4 / 3}.portfolio-gallery__item--featured{grid-column:span 1}@media screen and (min-width:750px){.portfolio-gallery__item--featured{grid-column:span 2}}.portfolio-gallery__image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--is-transition-smooth)}.portfolio-gallery__item:hover .portfolio-gallery__image{transform:scale(1.04)}.portfolio-gallery__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem;transition:background .4s var(--is-transition-smooth)}.portfolio-gallery__item:hover .portfolio-gallery__overlay{background:#0006}.portfolio-gallery__project-name{font-size:1.6rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 .3rem;opacity:0;transform:translateY(10px);transition:all .4s var(--is-transition-smooth) .05s}.portfolio-gallery__designer{font-size:1.2rem;font-weight:400;letter-spacing:.06em;color:#fffc;margin:0;opacity:0;transform:translateY(10px);transition:all .4s var(--is-transition-smooth) .1s}.portfolio-gallery__item:hover .portfolio-gallery__project-name,.portfolio-gallery__item:hover .portfolio-gallery__designer{opacity:1;transform:translateY(0)}.portfolio-gallery__expand{position:absolute;top:1.5rem;right:1.5rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--is-transition-smooth)}.portfolio-gallery__item:hover .portfolio-gallery__expand{opacity:1}.portfolio-gallery__expand svg{width:2rem;height:2rem;fill:none;stroke:#fff;stroke-width:1.5}.portfolio-gallery__header{text-align:center;margin-bottom:4rem}.portfolio-gallery__heading{font-weight:200;letter-spacing:.15em;margin-bottom:1rem}.portfolio-gallery__subheading{font-size:1.5rem;color:var(--is-color-stone);font-weight:300;line-height:1.7;max-width:55rem;margin:0 auto}.portfolio-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s var(--is-transition-smooth)}.portfolio-lightbox--active{opacity:1;visibility:visible}.portfolio-lightbox__container{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.portfolio-lightbox__image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-height:75vh}.portfolio-lightbox__image{max-width:90vw;max-height:75vh;object-fit:contain;opacity:0;transition:opacity .3s ease}.portfolio-lightbox__image--loaded{opacity:1}.portfolio-lightbox__info{text-align:center;padding:1.5rem 0;color:#fff}.portfolio-lightbox__info-project{font-size:1.5rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .3rem}.portfolio-lightbox__info-designer{font-size:1.2rem;font-weight:300;color:#fff9;letter-spacing:.06em;margin:0}.portfolio-lightbox__info-description{font-size:1.3rem;font-weight:300;color:#ffffff80;margin:.5rem 0 0;max-width:50rem}.portfolio-lightbox__close{position:absolute;top:1.5rem;right:1.5rem;width:4rem;height:4rem;background:none;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;padding:0}.portfolio-lightbox__close svg{width:2.4rem;height:2.4rem;stroke:#fff;stroke-width:1.5;transition:opacity .3s ease}.portfolio-lightbox__close:hover svg{opacity:.7}.portfolio-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.portfolio-lightbox__nav svg{width:2.4rem;height:2.4rem;fill:none;stroke:#fff;stroke-width:1.5;transition:opacity .3s ease}.portfolio-lightbox__nav:hover svg{opacity:.7}.portfolio-lightbox__nav--prev{left:1rem}.portfolio-lightbox__nav--next{right:1rem}.portfolio-lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:1.2rem;color:#fff6;letter-spacing:.1em;font-weight:300}@media screen and (max-width:749px){.portfolio-lightbox__nav{width:4rem;height:4rem}.portfolio-lightbox__nav--prev{left:.5rem}.portfolio-lightbox__nav--next{right:.5rem}.portfolio-lightbox__close{top:1rem;right:1rem}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s var(--is-transition-smooth),transform .6s var(--is-transition-smooth)}.reveal-on-scroll--visible{opacity:1;transform:translateY(0)}.reveal-on-scroll:nth-child(2){transition-delay:.1s}.reveal-on-scroll:nth-child(3){transition-delay:.2s}.reveal-on-scroll:nth-child(4){transition-delay:.3s}.reveal-on-scroll:nth-child(5){transition-delay:.15s}.reveal-on-scroll:nth-child(6){transition-delay:.25s}.reveal-on-scroll:nth-child(7){transition-delay:.35s}
/*# sourceMappingURL=/cdn/shop/t/17/assets/imagine-surfaces-pages.css.map */