.Cqfzfa_work_container{gap:var(--margins);row-gap:var(--vertical_spacing);width:100%;padding-left:var(--margins);padding-right:var(--margins);margin-top:calc(var(--header_margin) / 2 - 152px);grid-template-columns:repeat(3,1fr);display:grid}.Cqfzfa_project_container{flex-direction:column;grid-column:span 1;justify-content:space-between;width:100%;display:flex}.Cqfzfa_project_header{border-left:var(--line_thickness) solid transparent;flex-direction:column;justify-content:flex-end;gap:24px;height:100%;padding-top:8px;display:flex;position:relative}.Cqfzfa_project_header:before{content:"";top:0;left:calc(-1 * var(--line_thickness));width:var(--line_thickness);background-color:var(--black);transform-origin:top;height:100%;position:absolute;transform:scaleY(0)}.Cqfzfa_in_view:before{animation:Cqfzfa_anim-draw-y calc(var(--anim-duration) * 1.5) var(--easing_1) .25s forwards}.Cqfzfa_info_copy,.Cqfzfa_info_copy_delayed{opacity:0}.Cqfzfa_in_view .Cqfzfa_info_copy{animation:Cqfzfa_anim-fade var(--anim-duration) var(--easing_2) .65s forwards}.Cqfzfa_in_view .Cqfzfa_info_copy_delayed{animation:Cqfzfa_anim-fade var(--anim-duration) var(--easing_2) calc(.65s + var(--anim-cascade)) forwards}.Cqfzfa_project_container>a{transition:filter .2s var(--easing_1)}.Cqfzfa_project_header>a{transition:color .2s var(--easing_1);padding-left:8px;line-height:90%}@media (hover:hover){.Cqfzfa_work_container:has(.Cqfzfa_project_container>a:hover) .Cqfzfa_project_container>a:not(:hover){filter:grayscale()}.Cqfzfa_project_header>a:hover{color:var(--rc_red)}}@media (max-width:1050px){.Cqfzfa_work_container{grid-template-columns:repeat(2,1fr)}}@media (max-width:850px){.Cqfzfa_work_container{grid-template-columns:repeat(1,1fr)}.Cqfzfa_in_view:before{animation:Cqfzfa_anim-draw-y var(--anim-duration) var(--easing_1) .25s forwards}.Cqfzfa_in_view .Cqfzfa_info_copy{animation:Cqfzfa_anim-fade var(--anim-duration) var(--easing_2) .45s forwards}.Cqfzfa_in_view .Cqfzfa_info_copy_delayed{animation:Cqfzfa_anim-fade var(--anim-duration) var(--easing_2) calc(.45s + var(--anim-cascade)) forwards}}@media (max-width:650px){.Cqfzfa_work_container{gap:96px}}@keyframes Cqfzfa_anim-draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes Cqfzfa_anim-fade{0%{opacity:0}to{opacity:1}}