/*!/wp-content/themes/fuselab/template-parts/sections/projects-featured/projects-featured-section.css*/.projects-section{container:projects-section / inline-size;.section-header{display:flex;align-items:flex-end;gap:48px;@media (max-width:800px){flex-direction:column;align-items:flex-start;gap:16px}}.section-heading-container{display:flex;flex-direction:column;gap:24px;&:has(+.section-description),&{width:35%;@media (max-width:1120px){width:50%}@media (max-width:800px){width:100%}}}.section-subtitle{font:var(--heading-4-bold-font)}.section-description{width:35%;@media (max-width:1120px){width:50%}@media (max-width:800px){width:100%}}.projects-items-columns-names,.projects-items-groups-container{margin-top:48px}.projects-items-columns-names{@media (max-width:1120px){display:none}&.has-years{display:grid;grid-template-columns:80px 1fr;gap:32px}.projects-items-columns-names-right{display:flex;justify-content:space-between;padding-inline:24px}}.projects-items-group-container{&.has-years{display:grid;grid-template-columns:80px 1fr;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;gap:16px}.project-item{--border-radius:24px;display:flex;position:relative;flex-direction:column;justify-content:space-between;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 all and (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;inset:0;width:100%;height:100%;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:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .64) 73.1%);mix-blend-mode:multiply;width:100%;height:100%;content:"";border-radius:var(--border-radius);overflow:hidden;&::before{position:absolute;top:0;background:linear-gradient(180deg,rgb(0 0 0 / .8) 0%,#fff0 100%);mix-blend-mode:multiply;width:100%;height:25%;content:"";border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden}&::after{position:absolute;bottom:0;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .08) 88.92%);mix-blend-mode:multiply;width:100%;height:25%;content:"";border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}}.project-item-cover-fill{@media (pointer:coarse){display:none}}.project-item-cover-link{position:absolute;z-index:1;inset:0;span{display:none}}.project-item-content-container{display:flex;position:absolute;flex-direction:column;justify-content:space-between;inset:24px}.project-item-categories-and-tags-container{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;.pill-category,.pill-tag{z-index:2}}.project-item-heading-container{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: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;column-gap:64px;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:flex;flex-wrap:wrap;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)}}}}