html{--fallback-font-1:sans-serif}.archive__grid{padding:0;margin:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto auto auto}.archive__item{list-style:none;transition-duration:.2s;overflow:hidden}@media screen and (min-width:75rem){.archive__item:hover .archive__item__link img{filter:none}.archive__item:hover .archive__item__title{transform:translateX(0);color:#fff}.archive__item:hover:after{transform:translateY(0)}}.archive__item__link img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;transition-duration:.2s;filter:grayscale(1)}.archive__item__title{transition-duration:.4s;position:absolute;bottom:1rem;z-index:5;right:1rem;transform:translateX(100%);color:transparent;font-size:1.35rem}nav.archive-nav ul{display:flex;flex-direction:row;list-style:none;gap:1rem;justify-content:flex-end;padding:0;margin:0 0 2rem}nav.archive-nav ul li a{text-transform:uppercase;text-decoration:none;color:#000}nav.archive-nav ul li.active a{color:red}.archive-post{width:100%}.archive-post__work{position:relative;display:flex;flex-direction:row;justify-content:center;background-color:#a9a9a9;width:-moz-fit-content;width:fit-content;margin-bottom:2rem;max-width:100%}.archive-post__work.landscape-work{width:auto}.archive-post__work.portrait-work{width:-moz-fit-content;width:fit-content}.archive-post__work.zoomed{cursor:zoom-out;position:static}.archive-post__work.zoomed .archive-post__work__zoom-wrapper{z-index:5;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.archive-post__work.zoomed img{display:none}.archive-post__work.zoomed img.active{height:auto;width:auto;max-height:95vh;max-width:95vw;position:static;cursor:zoom-out}.archive-post__work.zoomed .archive-post__work__img-border{position:relative}.archive-post__work img{position:absolute;z-index:4;top:0;left:0;right:0;bottom:0;height:auto;max-height:600px;width:auto;max-width:100%}.archive-post__work img.active{z-index:4;opacity:1;position:absolute;display:block;cursor:zoom-in}.archive-post__work__view-nav{position:absolute;left:15px;bottom:15px;width:4%;flex-direction:row;align-items:center;display:flex;gap:1rem}.archive-post__work__view-nav .control{position:relative;flex-grow:1;flex-shrink:0;max-width:50%;z-index:5;padding:.15rem}.archive-post__work__view-nav .control svg{width:100%}.archive-post__work__view-nav .control{transition-duration:.2s;color:hsla(0,0%,100%,.201)}.archive-post__work__view-nav .control.available{color:hsla(0,0%,100%,.401);cursor:pointer}.archive-post__work__view-nav .control.available:hover{color:#fff}.archive-post__work__view-nav .number{width:-moz-fit-content;width:fit-content;position:relative;color:#fff;flex-grow:0;z-index:5;font-size:1.5rem;padding:.1rem .15rem .15rem}.archive-post__work__left{left:0}.archive-post__work__right{right:0}.archive-post__work__screen{position:absolute;z-index:4;background-color:transparent;width:100%;height:100%}.archive-post__work__overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:3}.archive-post__work__close{position:absolute;top:10px;right:10px;background-color:transparent;border:none;font-size:2rem;transition-duration:.2s;padding:0 .5rem;cursor:pointer;border-radius:5px;color:#fff}.archive-post__work__close:hover{background-color:#cacaca}.archive-post__work__pos-label{position:absolute;bottom:0;left:0;right:0;z-index:100;text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto .5rem;background-color:#cacaca;padding:0 .3rem;border-radius:5px;opacity:50%;transition-duration:.3s}.archive-post__work__img-border:hover .archive-post__work__pos-label{opacity:100%}.archive-post__body{font-weight:300}@media screen and (min-width:40rem){.archive__grid{display:grid;grid-auto-flow:row;flex-direction:row;flex-wrap:wrap;grid-template-columns:1fr 1fr}.archive__item{width:100%}}@media screen and (min-width:75rem){.archive{flex-direction:row}.archive__grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}}