.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 .topInfo .cleanBtn{margin-bottom:2rem;margin:1rem 0 2rem}.mainSite .portfolioList{display:grid;grid-template-columns:1fr;gap:1rem}.mainSite .portfolioList .project,.mainSite .projectSlider .swiper-slide .project{aspect-ratio:1/.5;border-radius:1rem;position:relative}.mainSite .portfolioList .project:hover::after,.mainSite .projectSlider .swiper-slide .project:hover::after{content:"\e0fc";font-family:"Font Awesome 6 Pro";position:absolute;bottom:1rem;right:1rem;color:var(--color-ter);width:fit-content;height:fit-content;font-size:3em;line-height:1em;z-index:1;font-weight:800;border-radius:100%;background-color:var(--color-white)}.mainSite .portfolioList .project .inner,.mainSite .projectSlider .swiper-slide .project .inner{background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;width:100%;background-color:var(--color-quad);position:relative;color:var(--color-white);padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;z-index:1;text-decoration:none;text-shadow:0 0 10px #333;border-radius:1rem}.mainSite .portfolioList .project .inner .badge.category,.mainSite .projectSlider .swiper-slide .project .inner .badge.category{background-color:var(--color-sec);text-shadow:none;width:fit-content;margin-bottom:.25rem}.mainSite .portfolioList .project .content h1,.mainSite .projectSlider .swiper-slide .project .content h1{margin:0;font-size:1.3em;color:currentColor;transition:width .3s ease-in-out}.mainSite .portfolioList .project:hover .content h1,.mainSite .projectSlider .swiper-slide .project:hover .content h1{width:calc(100% - 3.5rem)}.mainSite .portfolioList .project .inner .content,.mainSite .projectSlider .swiper-slide .project .inner .content{z-index:1}.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:1rem}.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-top:4vh;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-top:.5rem}.mainSite .portfolioList{margin-top:3rem}.mainSite .simpleLink{color:currentColor;text-decoration:underline;font-size:1.2em;font-weight:500}@media (min-width:768px){.mainSite .portfolioPage .grid-item{width:50%}.mainSite .portfolioPage .grid-item.landscape{width:100%}.mainSite .portfolioItem .portfolioGallery{grid-template-columns:33.333% 33.333% 33.333%}.mainSite .portfolioList{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.mainSite .grid-item.landscape{width:50%}.mainSite .portfolioList .project{width:100%;display:flex;flex-direction:row;align-items:center;gap:2rem}.mainSite .portfolioList .project .content h1,.mainSite .projectSlider .swiper-slide .project .content h1{font-size:1.8em}}@media (min-width:1200px){.mainSite .portfolioList{grid-template-columns:repeat(3,1fr)}.mainSite .portfolioItem .portfolioGallery{grid-template-columns:25% 25% 25% 25%;margin-top:6vh}.mainSite .portfolioItem .firstImage{grid-column:1/3;grid-row:1/3}.mainSite .portfolioList .project .image{width:40%;min-height:40vh}.mainSite .projectSlider .swiper-slide .project .content .title{font-size:1.75em}.mainSite .portfolioList .project .content .description,.mainSite .projectSlider .swiper-slide .project .content .description{-webkit-line-clamp:4;max-height:calc(1.6em * 4)}}@media (min-width:1440px){.mainSite .portfolioList .project .content h1,.mainSite .projectSlider .swiper-slide .project .content h1{font-size:2em}.mainSite .portfolioItem .portfolioGallery{margin-top:8vh}}@media (min-width:1650px){.mainSite .portfolioList .project .image{min-height:45vh;width:35%}}
/*# sourceMappingURL=portfolio.min.css.map */