.portfolio-grid__items{display:grid;grid-template-columns:1fr;gap:16px}@media screen and (min-width:750px){.portfolio-grid__items{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.portfolio-grid__items{grid-template-columns:repeat(3,1fr)}}.portfolio-card{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#1a1a12;border:1px solid color-mix(in srgb,var(--portfolio-card-accent, #c5c57a) 45%,transparent);aspect-ratio:1 / 1;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-decoration:none;color:inherit}.portfolio-card:hover{box-shadow:0 16px 48px #00000080;border-color:color-mix(in srgb,var(--portfolio-card-accent, #c5c57a) 70%,transparent)}.portfolio-card__media{position:relative;flex:1 1 auto;height:100%;overflow:hidden}.portfolio-card__image{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.58) saturate(.78);transition:filter .35s ease,transform .35s ease}.portfolio-card:hover .portfolio-card__image{filter:brightness(.52) saturate(.75);transform:scale(1.03)}.portfolio-card:focus-within .portfolio-card__image{filter:brightness(.52) saturate(.75);transform:scale(1.03)}.portfolio-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0a}.portfolio-card__overlay{position:absolute;bottom:24px;left:0;right:0;z-index:2;padding:56px 30px 0;background:none;transition:bottom .25s ease}.portfolio-card:hover .portfolio-card__overlay,.portfolio-card:focus-within .portfolio-card__overlay{bottom:96px}.portfolio-card__title{display:block;font-size:clamp(16px,2.4vw,1.8rem);font-weight:700;color:#fff;margin:0 0 8px;line-height:1.12}.portfolio-card__category{display:block;font-size:1.6rem;font-weight:500;line-height:1.2}.portfolio-card__btn{position:absolute;left:30px;right:30px;bottom:28px;z-index:3;display:flex;width:auto;min-height:58px;padding:16px;align-items:center;justify-content:center;font-family:inherit;font-size:clamp(16px,2vw,1.8rem);font-weight:600;text-align:center;cursor:pointer;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(calc(100% + 28px));transition:opacity .3s ease,transform .35s ease,background .2s ease,border-color .2s ease;line-height:1}.portfolio-card:hover .portfolio-card__btn,.portfolio-card:focus-within .portfolio-card__btn{background:#1a1a121a;border:1px solid var(--portfolio-card-accent, currentColor);opacity:1;pointer-events:auto;transform:translateY(0)}.portfolio-card__btn:hover{background:#94994a;color:#fff}.portfolio-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0000000f,#00000038 46%,#000000b8);opacity:1;transition:opacity .25s ease;pointer-events:none}@media screen and (max-width:989px){.portfolio-card__overlay{bottom:96px}.portfolio-card__btn{opacity:1;pointer-events:auto;transform:translateY(0)}}@media screen and (max-width:749px){.portfolio-card__overlay{bottom:82px;padding-left:20px;padding-right:20px}.portfolio-card:hover .portfolio-card__overlay,.portfolio-card:focus-within .portfolio-card__overlay{bottom:82px}.portfolio-card__btn{left:20px;right:20px;bottom:20px;min-height:52px;transform:translateY(0)}}.portfolio-card--hidden{display:none!important}.portfolio-grid__pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}.portfolio-grid__page-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;font-family:inherit;font-size:1.4rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s;color:inherit;opacity:1}.portfolio-grid__page-btn.is-active,.portfolio-grid__page-btn:hover,.portfolio-grid__page-btn.is-active span,.portfolio-grid__page-btn:hover span{color:#94994a}.portfolio-grid__page-btn span{display:block;line-height:1}.portfolio-grid__page-btn--arrow{width:40px;min-width:40px;border-radius:50%;border:1px solid #94994A;font-size:1.6rem;color:#94994a}.portfolio-grid__page-btn--arrow:hover{background:#94994a;color:#fff}.portfolio-grid__page-btn--arrow:hover span{color:#fff}.portfolio-grid__arrow-icon{display:flex;align-items:center;justify-content:center;color:currentColor}.portfolio-grid__arrow-icon svg{display:block}.portfolio-grid__page-btn--prev .portfolio-grid__arrow-icon{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-portfolio-grid.css.map */