.archive-project{background:#fff;background:var(--color-bg,var(--color-white,#fff));bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:101}.archive-project .archive-project-close{color:#bababa;color:var(--color-grey,#bababa);cursor:pointer;line-height:1;padding:1.5rem 2rem;padding:var(--pwy,1.5rem) var(--pwx,2rem);position:fixed;right:0;top:0;transition:color .25s;transition:color var(--duration-default,.25s);z-index:10}.archive-project .archive-project-close span.hidden-copy{color:#bababa;color:var(--color-grey,#bababa);opacity:0;pointer-events:none;transition:opacity .25s;transition:opacity var(--duration-default,.25s)}@media(hover:hover){.archive-project .archive-project-close:hover{color:#000;color:var(--color-text,var(--color-black,#000))}.archive-project .archive-project-close:hover span.hidden-copy{opacity:1;pointer-events:auto}}@media(max-width:767px){.archive-project .archive-project-close{padding-top:1.5rem;padding-top:var(--pwy-top,1.5rem)}}.archive-project .archive-project-close-text{cursor:pointer;display:block;height:1.6rem;position:fixed;right:2rem;right:var(--pwx,2rem);top:calc(1.5rem + .2em);top:calc(var(--pwy-top, 1.5rem) + .2em);width:1.6rem;z-index:10}.archive-project .archive-project-close-text svg{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.archive-project .archive-project-close-btn{cursor:pointer;position:fixed;right:2rem;right:var(--pwx,2rem);top:1.7rem;top:calc(var(--pwy-top, 1.5rem) + .2rem);z-index:10}.archive-project .archive-project-close-btn:before{content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.archive-project .archive-project-header{align-items:center;display:flex;gap:2rem;gap:var(--gutter,2rem);justify-content:flex-start;padding:1.5rem 2rem;padding:var(--pwy,1.5rem) var(--pwx,2rem);text-transform:uppercase}.archive-project .archive-project-header a{color:#bababa;color:var(--color-grey,#bababa);transition:color .25s;transition:color var(--duration-default,.25s)}.archive-project .archive-project-header a span.hidden-copy{color:#bababa;color:var(--color-grey,#bababa);opacity:0;pointer-events:none;transition:opacity .25s;transition:opacity var(--duration-default,.25s)}@media(hover:hover){.archive-project .archive-project-header a:hover{color:#000;color:var(--color-text,var(--color-black,#000))}.archive-project .archive-project-header a:hover span.hidden-copy{opacity:1;pointer-events:auto}}.archive-project .archive-project-header .project-client{font-family:Basel Classic,Helvetica,Arial,sans-serif;font-family:var(--font-secondary,"Basel Classic","Helvetica","Arial",sans-serif);font-size:1.5em;min-width:20%}@media(max-width:767px){.archive-project .archive-project-header{flex-wrap:wrap;justify-content:flex-start;padding-top:1.5rem;padding-top:var(--pwy-top,1.5rem);row-gap:1rem;width:calc(100% - 4em)}}.archive-project .archive-project-content{display:block;flex-basis:100%;padding:0 2rem;padding:0 var(--pwx,2rem);position:relative}@media(max-width:767px){.archive-project .archive-project-content{padding:0}}.archive-project .archive-project-content .archive-project-arrows{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.archive-project .archive-project-content .archive-project-arrows .archive-project-arrow{height:100%;position:absolute;top:0;width:50%}.archive-project .archive-project-content .archive-project-arrows .archive-project-arrow.is-prev{cursor:w-resize;left:0}.archive-project .archive-project-content .archive-project-arrows .archive-project-arrow.is-next{cursor:e-resize;right:0}.archive-project .archive-project-content[data-count="0"],.archive-project .archive-project-content[data-count="1"]{align-items:center;display:flex;justify-content:center}.archive-project .archive-project-content[data-count="0"] .archive-project-arrows,.archive-project .archive-project-content[data-count="1"] .archive-project-arrows{display:none}.archive-project .archive-project-content .archive-project-media{display:block;height:100%;position:relative;width:100%}.archive-project .archive-project-content .archive-project-media .archive-project-media-item{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .25s;transition:opacity var(--duration-default,.25s);width:100%}.archive-project .archive-project-content .archive-project-media .archive-project-media-item img,.archive-project .archive-project-content .archive-project-media .archive-project-media-item video{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:100%}.archive-project .archive-project-content .archive-project-media .archive-project-media-item.is-active{opacity:1;pointer-events:auto}@media(max-width:767px){.archive-project .archive-project-content .archive-project-media .archive-project-media-item[data-orientation=portrait] img,.archive-project .archive-project-content .archive-project-media .archive-project-media-item[data-orientation=portrait] video{-o-object-fit:cover;object-fit:cover}}.archive-project .archive-project-nav{display:flex;gap:1rem;gap:var(--gutter-half,1rem);height:10rem;justify-content:flex-start;padding:1rem 2rem 0;padding:var(--gutter-half,1rem) var(--pwx,2rem) 0 var(--pwx,2rem)}@media(max-width:767px){.archive-project .archive-project-nav{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;height:8rem;max-width:100%;overflow-x:scroll;scrollbar-width:none;width:100%}.archive-project .archive-project-nav ::-webkit-scrollbar,.archive-project .archive-project-nav::-webkit-scrollbar{display:none;height:0!important;width:0!important}.archive-project .archive-project-nav.is-7-plus{justify-content:flex-start}}.archive-project .archive-project-nav .media{cursor:pointer;opacity:.4;transition:opacity .25s;transition:opacity var(--duration-default,.25s)}.archive-project .archive-project-nav .media,.archive-project .archive-project-nav .media img,.archive-project .archive-project-nav .media video{height:100%;min-width:-moz-fit-content;min-width:fit-content;width:auto}@media(hover:hover){.archive-project .archive-project-nav .media:hover{opacity:1}}.archive-project .archive-project-nav .media.is-active{opacity:1}