.mainSite .portfolioPage.portfolioItem #mainHeader{min-height:45vh}.mainSite .projectSlider .swiper-button-next,.mainSite .projectSlider .swiper-button-prev{width:45px;height:45px;background-color:var(--color-prim);color:var(--color-white);border-radius:50%;font-size:.9em;position:absolute;top:0;right:calc(50px + 2.5rem);left:unset}.mainSite .projectSlider .swiper-button-next{right:2rem}.mainSite .projectSlider .swiper-button-next::after,.mainSite .projectSlider .swiper-button-prev::after{content:"\f060";font-family:"Font Awesome 6 pro";font-size:1.6em;font-weight:300;color:var(--color-white);display:flex;justify-content:center;align-items:center}.mainSite .projectSlider .swiper-button-next::after{content:"\f061"}.mainSite .swiper-slide{cursor:pointer;aspect-ratio:1/1;border-radius:8px}.mainSite .categories .cta.category.active,.mainSite .categories .cta.category:active,.mainSite .categories .cta.category:focus,.mainSite .categories .cta.category:hover{color:#fff;background-color:var(--color-prim);border-color:var(--color-prim)}.mainSite .portfolioList{position:relative;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.mainSite .portfolioList .project{margin:.5rem;width:100%}.mainSite .portfolioList.loading::after{content:url(/image/loading.gif);display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:3}.mainSite .portfolioItem .portfolioImg{padding:.5rem}.mainSite .portfolioItem .portfolioItemImg{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;aspect-ratio:1/1;border-radius:8px}.mainSite .portfolioItem .portfolioItemImg:hover{animation:pulse;animation-duration:.5s}.mainSite .portfolioItem .portfolioMore{cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:var(--color-prim);color:var(--color-white);font-size:1.33em;font-weight:600;aspect-ratio:1/1;transition:all .3s ease-in-out;margin:.5rem;border-radius:8px}.mainSite .portfolioItem .portfolioMore:hover{background-color:rgba(var(--color-prim-rgb),.75)}.mainSite .portfolioItem .contentItemText{position:relative;z-index:1}.mainSite .portfolioItem .portfolioGallery{display:grid;grid-template-columns:50% 50%;position:relative;z-index:1;margin-left:-.5rem;margin-right:-.5rem}.mainSite .portfolioItem .contentBttm{margin-top:-25rem;padding-top:30rem}.mainSite .portfolioItem .form{margin-top:6rem}.mainSite .portfolioItem .projects h2{font-weight:700}.mainSite .projectSlider{position:relative;overflow:hidden;margin:1.5rem 0 3rem 0}.mainSite .portfolioList{margin-top:3rem}.mainSite .portfolioList .project,.mainSite .projectSlider .swiper-slide .project{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:flex-end;color:var(--color-white);padding:1rem;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all ease-in-out .3s;background-color:var(--color-prim);text-decoration:none;border-radius:8px;position:relative;overflow:hidden}.mainSite .portfolioList .project::before,.mainSite .projectSlider .swiper-slide .project::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(var(--color-prim-rgb),.9) 0,rgba(255,255,255,0) 60%)}.mainSite .portfolioPage .portfolioList .project{padding:2rem;font-size:.8em}.mainSite .portfolioList .project .inner,.mainSite .projectSlider .swiper-slide .project .inner{line-height:2.25em;transition:opacity .3s ease-in-out;z-index:1}.mainSite .portfolioList .project:hover,.mainSite .projectSlider .swiper-slide .project:hover{background-image:unset!important}.mainSite .portfolioList .project:hover .inner,.mainSite .projectSlider .swiper-slide .project:hover .inner{display:flex;flex-direction:column;height:100%;opacity:1}.mainSite .portfolioList .project .content,.mainSite .projectSlider .swiper-slide .project .content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.mainSite .portfolioList .project span,.mainSite .portfolioList .project strong,.mainSite .projectSlider .swiper-slide .project span,.mainSite .projectSlider .swiper-slide .project strong{display:block}.mainSite .portfolioList .project .location,.mainSite .portfolioList .project .title,.mainSite .projectSlider .swiper-slide .project .location,.mainSite .projectSlider .swiper-slide .project .title{font-size:1.5em}.mainSite .portfolioList .project .title,.mainSite .projectSlider .swiper-slide .project .title{font-weight:700}.mainSite .portfolioList .project span.show,.mainSite .projectSlider .swiper-slide .project .show{display:none}.mainSite .portfolioList .project:hover span.show,.mainSite .projectSlider .swiper-slide .project:hover .show{display:block}.mainSite .portfolioList .project .location,.mainSite .portfolioList .project .show,.mainSite .projectSlider .swiper-slide .project .location,.mainSite .projectSlider .swiper-slide .project .show{font-style:italic;font-weight:200}.mainSite .portfolioList .project .show,.mainSite .projectSlider .swiper-slide .project .show{font-size:1.2em;color:var(--color-ter)}@media (min-width:768px){.mainSite .grid-item{width:50%}.mainSite .grid-item.landscape{width:100%}.mainSite .portfolioList .project{width:calc(50% - 1rem)}.mainSite .portfolioItem .portfolioGallery{grid-template-columns:33.333% 33.333% 33.333%}.mainSite .portfolioList .project .location,.mainSite .portfolioList .project .title,.mainSite .projectSlider .swiper-slide .project .location,.mainSite .projectSlider .swiper-slide .project .title{font-size:1.75em}}@media (min-width:992px){.mainSite .grid-item.landscape{width:50%}.mainSite .portfolioList .project,.mainSite .projectSlider .swiper-slide .project{padding:2rem;justify-content:center}.mainSite .projectSlider .swiper-button-next,.mainSite .projectSlider .swiper-button-prev{width:50px;height:50px}.mainSite .portfolioList .project{width:calc(33.33% - 1rem)}.mainSite .portfolioList .project::before,.mainSite .projectSlider .swiper-slide .project::before{display:none}.mainSite .portfolioList .project .inner,.mainSite .projectSlider .swiper-slide .project .inner{opacity:0}}@media (min-width:1200px){.mainSite .portfolioList .project{width:calc(25% - 1rem)}.mainSite .portfolioItem .portfolioGallery{grid-template-columns:25% 25% 25% 25%}.mainSite .portfolioItem .firstImage{grid-column:1/3;grid-row:1/3}.mainSite .portfolioList .project,.mainSite .projectSlider .swiper-slide .project{padding:4rem}}
/*# sourceMappingURL=portfolio.min.css.map */