/* Independently flowing project columns with a small opening stagger. */
body[data-page="work"] #projects:not(.index){width:min(1480px,calc(100% - 96px));margin:65px auto 180px}
body[data-page="work"] #projects:not(.index) .cycle{display:grid;grid-template-columns:repeat(var(--ef-columns,3),minmax(0,1fr));align-items:start;gap:72px 40px;padding-bottom:0;margin-bottom:72px}
body[data-page="work"] #projects:not(.index) .cycle>.project:nth-child(n){width:100%!important;min-width:0;grid-column:auto;top:auto;margin:0!important;align-self:start;overflow:visible}
body[data-page="work"] #projects:not(.index) .cycle.ef-masonry{display:block;position:relative}
body[data-page="work"] #projects:not(.index) .cycle.ef-masonry>.project:nth-child(n){position:absolute;width:var(--ef-project-width)!important;top:var(--ef-project-top,0);left:var(--ef-project-left,0)}
#projects .project .caption{position:relative;padding:16px 0 0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0;border-radius:0;margin:0;z-index:1}
#projects .project .caption::before{display:none!important}
#projects .project .caption strong{display:block;font-size:clamp(17px,1.4vw,21px);line-height:1.2;letter-spacing:-.2px}
#projects .project .caption .project-summary{display:block;font-size:14px;line-height:1.35;margin-top:5px}
.hide-project-descriptions #projects .project.coming-soon .project-summary{display:block!important}
#projects .project .caption .project-tags,#projects .project .caption>.arrow{display:none}
.project.has-overlay{isolation:isolate}
.project-visual{display:block;position:relative}
.project-overlay{--ef-overlay-x:0%;--ef-overlay-y:0%;position:absolute;width:var(--ef-overlay-width,25%);max-width:none;z-index:3;pointer-events:none;translate:var(--ef-overlay-x) var(--ef-overlay-y);transform:translate3d(0,var(--ef-overlay-shift,0px),0);will-change:transform}
.project-overlay img{display:block;width:100%;height:auto;max-height:none;max-width:none;object-fit:contain}
.project-overlay[data-position="top-left"]{top:0;left:0;--ef-overlay-x:-50%;--ef-overlay-y:-50%}
.project-overlay[data-position="top"]{top:0;left:50%;--ef-overlay-x:-50%;--ef-overlay-y:-50%}
.project-overlay[data-position="top-right"]{top:0;right:0;--ef-overlay-x:50%;--ef-overlay-y:-50%}
.project-overlay[data-position="left"]{top:50%;left:0;--ef-overlay-x:-50%;--ef-overlay-y:-50%}
.project-overlay[data-position="centre"]{top:50%;left:50%;--ef-overlay-x:-50%;--ef-overlay-y:-50%}
.project-overlay[data-position="right"]{top:50%;right:0;--ef-overlay-x:50%;--ef-overlay-y:-50%}
.project-overlay[data-position="bottom-left"]{bottom:0;left:0;--ef-overlay-x:-50%;--ef-overlay-y:50%}
.project-overlay[data-position="bottom"]{bottom:0;left:50%;--ef-overlay-x:-50%;--ef-overlay-y:50%}
.project-overlay[data-position="bottom-right"]{bottom:0;right:0;--ef-overlay-x:50%;--ef-overlay-y:50%}
@media(min-width:601px){body.ef-hide-background-desktop .background{display:none!important}}
@media(max-width:1024px){
 body[data-page="work"] #projects:not(.index){width:calc(100% - 56px);margin-top:45px}
 body[data-page="work"] #projects:not(.index) .cycle{grid-template-columns:repeat(var(--ef-columns,2),minmax(0,1fr));gap:64px 32px}
 .project-overlay{will-change:auto}
}
@media(max-width:600px){
 body.ef-hide-background-mobile .background{display:none!important}
 body[data-page="work"] #projects:not(.index){width:calc(100% - 40px);margin:32px auto 130px}
 body[data-page="work"] #projects:not(.index) .cycle{grid-template-columns:repeat(var(--ef-columns,1),minmax(0,1fr));gap:52px 20px;padding-bottom:0}
 .project-overlay{max-width:100%}
 .project-overlay[data-position="top-left"],.project-overlay[data-position="left"],.project-overlay[data-position="bottom-left"]{--ef-overlay-x:max(-50%,-20px)}
 .project-overlay[data-position="top-right"],.project-overlay[data-position="right"],.project-overlay[data-position="bottom-right"]{--ef-overlay-x:min(50%,20px)}
 #projects .project .caption strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.project-overlay{transform:none!important;will-change:auto}}