.skeleton-item{background-color:#f0f0f0;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.skeleton-thumbnail{width:100%;height:250px;border-radius:8px}.skeleton-text,.skeleton-thumbnail{background-color:#e0e0e0;animation:skeleton-loading 1.2s infinite}.skeleton-text{width:70%;height:20px;border-radius:4px}@keyframes skeleton-loading{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}.page__wrapper.portfolio .wrapper.portfolio__itemsContainer{margin:24px auto 100px}@media screen and (max-width:600px){.page__wrapper.portfolio .wrapper.portfolio__itemsContainer{margin:24px auto 60px}}.page__wrapper.topics .wrapper.portfolio__itemsContainer{margin:80px auto 100px}@media screen and (max-width:600px){.page__wrapper.topics .wrapper.portfolio__itemsContainer{margin:80px auto 100px}}.portfolio__itemsContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:90px 10px;box-sizing:border-box;padding:0 46px}@media screen and (max-width:1050px){.portfolio__itemsContainer{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-width:600px){.portfolio__itemsContainer{display:flex;flex-direction:column;gap:20px 10px}}@media screen and (min-width:1050px){.portfolio__itemsContainer :nth-child(5n+1){grid-column:span 2}}.page_sample__imgContainer__Lmfro{width:100%;height:600px;overflow:hidden}@media screen and (max-width:1300px){.page_sample__imgContainer__Lmfro{height:550px}}@media screen and (max-width:1100px){.page_sample__imgContainer__Lmfro{height:500px}}@media screen and (max-width:800px){.page_sample__imgContainer__Lmfro{height:400px}}@media screen and (max-width:750px){.page_sample__imgContainer__Lmfro{height:330px}}.page_sample__content__pXsD2{height:auto}@media screen and (max-width:600px){.page_sample__content__pXsD2{height:auto}}.page_sample__subtitle__DNCRE{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;display:-webkit-box;margin:8px 0 0;width:80%;overflow:hidden;color:var(--color-grey);font:var(--font-xs);line-height:1.6}.sample{display:flex;flex-direction:column}.sample.hidden{display:none}.sample:hover .sample__img{transform:scale(1.2)}.sample__img{transition:transform .4s ease-out;animation:img-fadein 1.5s ease-out;width:100%;height:100%;object-fit:cover;opacity:1}@media screen and (max-width:600px){.portfolio .sample__img{height:100%}}.sample__title{transition:color .25s ease-out;margin:24px 0 0;font:var(--font-h-s);text-overflow:ellipsis}.sample:hover .sample__title{color:var(--color-accent)}@media screen and (max-width:600px){.sample__title{margin:20px 0 0}}.portfolio__tags{display:flex;justify-content:center;gap:24px;margin:80px auto 0}@media screen and (max-width:600px){.portfolio__tags{margin:40px auto 0}}.portfolio__tag{transition:color .3s ease-out,border-bottom .25s ease-out;cursor:pointer;color:var(--color-grey);font:var(--font-ml)}.portfolio__tag:hover{color:var(--color-accent)}@media screen and (max-width:600px){.portfolio__tag{font:var(--font-m)}}.portfolio__tag.enabled{padding-bottom:3px;color:var(--color-black)}.portfolio__tag:after{display:block;opacity:0;transition:opacity .3s ease-out;border-bottom:1px solid var(--color-black);content:""}.portfolio__tag.enabled:after{opacity:1}.topics .portfolio__tags{display:none}