/* stick item styles */
.fixed .sticky{position:fixed;top:0;bottom:auto}
.absolute .sticky{position:absolute;bottom:0;top:auto}
/* OUR WORK */
.our-projects{position:relative;margin-left:calc(var(--gap-s) * -1);display:grid;grid-template-columns:1fr 1fr;}
.our-projects > div{margin-left:var(--gap-s);margin-bottom:var(--gap-s)}
.projects-list > .filter-block__item{width:100%}
.projects-list > .filter-block__item:hover{z-index: 2;}
.projects-list__item{position:relative;width:100%;display:grid;grid-template-columns:160px auto -webkit-min-content 25px;grid-template-columns:160px auto min-content 25px;align-items:center;gap:var(--gap-s);padding:var(--gap-s) 0;transition:0.3s}
.project-list__item-arrow{height:25px;width:25px;opacity:0;visibility:hidden}
a .project-list__item-arrow{opacity:1;visibility:visible}
.project-list__item-tags{position:relative;display:flex;color:var(--color-black-60);transition:0.5s}
.project-list__item-tags > span{white-space:nowrap}
.project-list__item-tags > span:nth-child(n + 2){margin-left:var(--gap-xxs);padding-left:calc(var(--gap-xxs) + 4px);position:relative}
.project-list__item-tags > span:nth-child(n + 2)::before{content:"";position:absolute;left:0;top:calc(50% - 2px);height:4px;width:4px;background:var(--color-black-60);transition:0.5s}
.project-list__item-arrow path{transition:0.5s}
.project-list__item-image{height:270px;width:200px;background:var(--color-black-60);position:absolute;left:60%;top:50%;transform:translate(-50%, -30%);transition:0.5s;z-index:2;opacity:0;visibility:hidden;pointer-events:none}
.project-list__item-image img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
@media (min-width: 992px) and (hover: hover){
a > .projects-list__item:hover{background:var(--color-black-70);border-color:var(--color-black-70);color:var(--color-white);padding-left:var(--gap-s);padding-right:var(--gap-s)}
a > .projects-list__item:hover .project-list__item-tags{color:var(--color-black-40)}
a
    > .projects-list__item:hover
    .project-list__item-tags
    > span:nth-child(n + 2)::before{background:var(--color-black-40)}
a > .projects-list__item:hover .project-list__item-arrow path{fill:var(--color-white)}
a > .projects-list__item:hover .project-list__item-image,
.tab-navigated a:focus-visible .project-list__item-image{transform:translate(-50%, -55%);opacity:1;visibility:visible}
}
@media (max-width: 991px){
.project-list__item-image,
.project-list__item-tags{display:none}
.projects-list__item{grid-template-columns:130px 1fr 25px}
}
@media (max-width: 767px){
.our-projects{grid-template-columns:1fr;}
.projects-list__item{grid-template-columns:auto 25px;gap:var(--gap-xs)}
.project-list__item-arrow{grid-column:2;grid-row:1}
}
/* END OUR WORK */
/* CASE MODAL */
.case-modal__title .title h1::after{content:none}
.case-modal__title{display:grid;gap:var(--gap-xs);max-width: 1200px;}
/* .case-modal__title .title:nth-child(2){max-width:750px} */
.case-modal__main-image{margin-left:calc(var(--gap-m) * -1);margin-right:calc(var(--gap-m) * -1)}
.case-modal__info{display:grid;grid-template-columns:3fr 2fr;gap:var(--gap-xl)}
.case-modal__info .text-block>*:nth-child(n + 2) {margin-top: var(--gap-s);}
.case-modal__info .show-more{font-size: 18px;}
.case-modal__info .show-more .simple-text h2,.case-modal__info .show-more .simple-text h3,.case-modal__info .show-more .simple-text h4,.case-modal__info .show-more .simple-text h5,.case-modal__info .show-more .simple-text h6{font-size: 18px;font-weight: 600;}
.case-modal__info-right>*{font-size: 18px;}
.case-modal__info-right .title{font-weight: 600;}
.case-modal__info .text-block>h6 + p {margin-top: var(--gap-xxs)!important;}
.case-modal__info .show-more.open .show-more__content{padding-bottom: var(--gap-s);}
.case-modal__images{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-s)}
.case-modal__image_big{grid-column:-1/1}
.case-modal__links{display:flex;justify-content:space-between;align-items:flex-start}
.case-modal__links > div{display:grid;gap:var(--gap-xs)}
.case-modal__links > div:nth-child(2){justify-items:flex-end}
.case-modal__bottom{position:relative;padding:var(--gap-xl) 0;display:flex;justify-content:space-between;align-items:center;margin-left:calc(var(--gap-m) * -1);margin-right:calc(var(--gap-m) * -1);padding-left:var(--gap-m);padding-right:var(--gap-m);overflow:hidden}
.case-modal__bottom>div:hover{z-index: 2;}
.case-modal__next,.case-modal__prev{position:relative;padding-left:var(--gap-m);padding-right:var(--gap-s);display:inline-block;cursor:pointer}
.case-modal__next{padding-left:var(--gap-s);padding-right:var(--gap-m)}
.case-modal__prev-arrow{position:absolute;bottom:0.3em;left:0;width:var(--gap-s);transform:scale(-1, 1)}
.case-modal__next-arrow{position:absolute;bottom:0.3em;right:0;width:var(--gap-s)}
.case-modal__next-image,.case-modal__prev-image{position:absolute;left:100%;width:280px;height:160px;padding-bottom:0;top:0;opacity:0;transform:translateY(0%);transition:0.3s;pointer-events:none}
.case-modal__next-image{left:unset;right:100%}
.modal-section + .modal-section{
    margin-top: calc(var(--gap-s) - var(--gap-xl));
}
.work-detail-container .case-modal__bottom.bg-black{margin-bottom:0;border-bottom:1px solid rgba(255,255,255, 0.5)}
.work-detail-container .case-modal__bottom,.work-detail-container .case-modal__main-image{padding-left: calc((100vw - 100%) / 2);padding-right: calc((100vw - 100%) / 2);margin-left: calc(((100vw - 100%) / 2) * -1);margin-right: calc(((100vw - 100%)/2) * -1)}
@media (min-width: 992px) and (hover: hover){
.case-modal__next:hover .case-modal__next-image,.case-modal__prev:hover .case-modal__prev-image{opacity:1;top:50%;transform:translateY(-50%)}
}
.tab-navigated a:focus-visible .case-modal__next-image, .tab-navigated a:focus-visible .case-modal__prev-image{opacity:1;top:50%;transform:translateY(-50%)}
@media (max-width: 991px){
.case-modal__prev-image, .case-modal__next-image{display: none;}
.case-modal__info{gap:var(--gap-m)}
}
@media (max-width: 767px){
.case-modal__main-image{margin-left:calc(var(--bs-gutter-x, 0.75rem) * -1);margin-right:calc(var(--bs-gutter-x, 0.75rem) * -1)}
.case-modal__info{grid-template-columns:1fr}
.case-modal__info-right{grid-row:1}
.case-modal__info-right>*, .case-modal__info .show-more{font-size: 16px;}
.case-modal__links{flex-direction:column}
.case-modal__links > div:nth-child(n + 2){margin-top:var(--gap-s)}
.case-modal__links > div:nth-child(2){justify-items:flex-start}
.case-modal__bottom{flex-direction:column-reverse;justify-content:stretch;padding-top:var(--gap-l);padding-bottom:var(--gap-l);margin-left: calc(var(--bs-gutter-x, 0.75rem)*-1);margin-right: calc(var(--bs-gutter-x, 0.75rem)*-1); padding-left: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);}
.case-modal__bottom > *{width:100%}
.case-modal__next{width:100%; padding-left: 0;}
.case-modal__prev{width:100%;text-align:right;margin-top:var(--gap-l)}
.case-modal__prev-arrow,.case-modal__next-arrow{width:var(--gap-m);bottom:0}
.case-modal__info .show-more, .case-modal__info .show-more .simple-text h2,.case-modal__info .show-more .simple-text h3,.case-modal__info .show-more .simple-text h4,.case-modal__info .show-more .simple-text h5,.case-modal__info .show-more .simple-text h6{font-size: 16px}
.modal-section picture + .text-s,.modal-section video + .text-s,.modal-section img + .text-s{font-size: 14px;}
}
/* END CASE MODAL */
/* PROJECT PAGE */
body.single-project{ background:white; }
.single-project header{ background:white; }