.portfolio{display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.portfolio-section{display:block;padding-top:0;padding-bottom:clamp(3.125rem,2.4038461538rem + 3.8461538462vw,6.25rem)}.portfolio__title{text-align:center;margin-top:clamp(1.25rem,.0961538462rem + 6.1538461538vw,6.25rem);margin-bottom:clamp(1.25rem,.0961538462rem + 6.1538461538vw,6.25rem)}.portfolio__content{padding-bottom:50px;width:100%}.portfolio__list{display:grid;grid-template-columns:repeat(4,minmax(200px,500px));grid-gap:30px;gap:30px;list-style:none;padding:0;margin:0}@media(max-width:992px){.portfolio__list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.portfolio__list{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.portfolio__list{grid-template-columns:1fr}}.portfolio__item{display:none}.portfolio__item.is-visible{display:block;animation:fadeIn .4s ease forwards}.portfolio-card{display:flex;flex-direction:column;width:100%;height:500px}.portfolio-card__wrap{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;margin:0 auto}.portfolio-card__img{display:block;height:380px;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;margin-bottom:20px}.portfolio-card__info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.portfolio-card__master,.portfolio-card__makeup,.portfolio-card__photograph{color:var(--bg2);margin-bottom:10px;display:block;text-align:left}.portfolio-pagination{margin-top:auto;width:100%}.portfolio-pagination__list{display:flex;gap:10px;max-width:500px;margin:0 auto;list-style:none;padding:0}@media(max-width:575px){.portfolio-pagination__list{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;padding:0 20px;max-width:300px}.portfolio-pagination__list::-webkit-scrollbar{display:none!important}.portfolio-pagination__list{scrollbar-width:none;-ms-overflow-style:none}}.portfolio-pagination .pagination__item{display:inline-flex}.portfolio-pagination .pagination__item.active-page .pagination__btn{background-color:var(--bg)!important;color:var(--primary)!important;border-color:var(--bg)!important}.portfolio-pagination .pagination__btn{border:1px solid var(--bg);color:var(--bg)!important;background-color:transparent;padding:10px 15px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:700;transition:all .2s ease;transition:color .7s,background-color .7s}@media(any-hover:hover){.portfolio-pagination .pagination__btn:hover{color:#fff!important;background-color:var(--hover-bg);border-color:var(--bg-hover)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}