.portfolio{margin-bottom:120px}.portfolio__title{margin-bottom:38px}.portfolio__items{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.portfolio__items:not(:last-child){margin-bottom:48px}.portfolio__more{margin-inline:auto}.portfolio-card{aspect-ratio:377/502;border-radius:16px;overflow:hidden;position:relative}.portfolio-card:before{background:linear-gradient(180deg,transparent 55%,#000)}.portfolio-card:after,.portfolio-card:before{content:"";inset:0;position:absolute;z-index:1}.portfolio-card:after{background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s}.portfolio-card__img{display:grid}.portfolio-card__img img{height:100%;object-fit:cover;width:100%}.portfolio-card__body{--padding:24px;display:flex;flex-direction:column;inset:0;justify-content:end;padding:var(--padding);position:absolute;transition:padding .3s;z-index:2}.portfolio-card__date{color:var(--white-100-06);font-size:18px;font-weight:600;line-height:110%;margin-bottom:10px}.portfolio-card__title{display:-webkit-box;font-weight:600;-webkit-line-clamp:3;line-height:120%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;color:var(--white-100)}.portfolio-card__title:before{content:"";inset:0;position:absolute}.portfolio-card__btn{bottom:-100%;left:var(--padding);position:absolute;transition:all .3s;z-index:2}@media (width <= 68.74875em){.portfolio__items{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}@media (width <= 47.99875em){.portfolio{margin-bottom:80px}.portfolio__items:not(:last-child),.portfolio__title{margin-bottom:24px}}@media (width <= 29.99875em){.portfolio__items{grid-template-columns:1fr}.portfolio-card__title{font-size:22px}}@media (width > 29.99875em) and (width <= 97em){.portfolio-card__title{font-size:clamp(22px,19.3135948956px + .5596910505vw,28px)}}@media (width > 97em){.portfolio-card__title{font-size:28px}}@media (any-hover:hover){.portfolio-card:hover:after{opacity:1}.portfolio-card:hover .portfolio-card__body{padding-bottom:92px}.portfolio-card:hover .portfolio-card__btn{bottom:var(--padding)}}