.projects-section{container:projects-section/inline-size;.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;@media (max-width:960px){flex-direction:column;align-items:flex-start;gap:16px}}.section-heading-container{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:24px;&,&:has(+.section-subtitle-and-description-container){width:35%;@media (max-width:1366px){width:50%}@media (max-width:960px){width:100%}}}.section-subtitle-and-description-container{padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:24px;width:35%;@media (max-width:1366px){width:50%}@media (max-width:960px){width:100%;padding-top:0}}.section-subtitle{font:var(--heading-4-light-font);text-wrap:pretty}.projects-items-groups-container{margin-top:24px}.projects-items-columns-names{margin-top:48px;@media (max-width:1120px){display:none}&.has-years{display:grid;grid-template-columns:80px 1fr;grid-gap:32px;gap:32px}.projects-items-columns-names-right{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding-left:24px;padding-right:24px}}.projects-items-group-container{&.has-years{display:grid;grid-template-columns:80px 1fr;grid-gap:32px;gap:32px}&+&{margin-top:16px}.projects-year{font:var(--heading-3-bold-font);position:sticky;top:24px}@media (max-width:800px){grid-template-columns:1fr;gap:16px;margin-top:32px}}.projects-items-container{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.project-item{--border-radius:24px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;flex-direction:column;justify-content:space-between;border-radius:24px;border-radius:var(--border-radius);overflow:hidden;@media (max-width:480px){--border-radius:12px}&:hover{.project-item-cover{filter:grayscale(0);scale:1.1}.project-item-cover-video{scale:1}.project-item-cover-fill{opacity:0}@media (pointer:fine){.card-button-v3{flex-basis:var(--button-hover-width);background-color:var(--button-open-bg-color);.button-icon{border-color:var(--button-open-bg-color)}}}}&:has(.project-item-cover-video):hover .project-item-cover-image{opacity:0}.project-item-cover-container{position:relative;aspect-ratio:2.5;overflow:hidden;picture{height:100%}@media (max-width:480px){min-height:400px}}.project-item-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius);overflow:hidden;filter:grayscale(80%);transition:filter calc(var(--transition-slow-duration)*2) ease;transition-property:scale,filter,opacity;@media (hover:none),(prefers-reduced-motion:reduce){transition:none}}.project-item-cover-fx{position:absolute;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(73.1%,rgba(0,0,0,.64)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.64) 73.1%);mix-blend-mode:multiply;width:100%;height:100%;content:"";border-radius:var(--border-radius);overflow:hidden;&:before{top:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);border-radius:var(--border-radius) var(--border-radius) 0 0}&:after,&:before{position:absolute;mix-blend-mode:multiply;width:100%;height:25%;content:"";overflow:hidden}&:after{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(88.92%,rgba(0,0,0,.08)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.08) 88.92%);border-radius:0 0 var(--border-radius) var(--border-radius)}}.project-item-cover-fill{@media (pointer:coarse){display:none}}.project-item-cover-link{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;span{display:none}}.project-item-content-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;flex-direction:column;justify-content:space-between;top:24px;right:24px;bottom:24px;left:24px}.project-item-categories-and-tags-container{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;.pill-category,.pill-tag{z-index:2}}.project-item-heading-container{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-end}.project-item-title{z-index:2;color:var(--white);font:var(--heading-2-bold-font)}.project-item-categories-container,.project-item-tags-container{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:2px;max-width:min(40%,400px)}.project-item-categories-container{@media (max-width:600px){max-width:100%}}.project-item-tags-container{justify-content:flex-end;@media (max-width:600px){display:none}}.card-button-v3{@media (max-width:480px){display:none}}}.projects-categories-and-tags-container{display:grid;grid-template-columns:35% 1fr;grid-column-gap:64px;-moz-column-gap:64px;column-gap:64px;grid-row-gap:32px;row-gap:32px;@media (max-width:1280px){grid-template-columns:1fr 1fr}@media (max-width:960px){grid-template-columns:1fr}}.projects-categories-items{margin-top:8px;padding-top:8px;border-top:1px solid var(--gray-10);display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;row-gap:2px;.project-category-item{font:var(--body-large-regular-font);color:var(--gray-60);&:hover{color:var(--blue)}&.active{font:var(--body-large-semibold-font);color:var(--gray-100)}}}}