html{--fallback-font-1:sans-serif}.archive__wrapper{width:100%}.archive__wrapper:has(.count--1){position:absolute;left:2rem;right:2rem;width:auto;top:50%;transform:translateY(-50%)}@media screen and (min-width:40rem){.archive__wrapper:has(.count--1){left:0;right:0;top:0;bottom:0;margin:auto;width:80%;height:-moz-fit-content;height:fit-content;transform:none}}@media screen and (min-width:56.25rem){.archive__wrapper:has(.count--1){width:60%}}@media screen and (min-width:75rem){.archive__wrapper:has(.count--1){width:40%}}.archive__grid{padding:0;margin:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}.archive__item{list-style:none;transition:filter .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__link img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;transition:filter .2s;filter:grayscale(1)}.archive__item__title{transition:transform .4s,color .4s;position:absolute;bottom:1rem;z-index:5;right:1rem;transform:translateX(100%);color:transparent;font-size:1.35rem}.archive-post{width:100%}.archive-post__desc-wrapper{padding:1rem}.archive-post__title{margin:0}.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;inset: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;inset: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%;display:flex;flex-direction:row;align-items:center;gap:1rem}.archive-post__work__view-nav .control{position:relative;flex-grow:1;flex-shrink:0;max-width:50%;z-index:5;padding:.15rem;transition:color .2s;color:hsla(0,0%,100%,.201)}.archive-post__work__view-nav .control svg{width:100%}.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;padding:.15rem .15rem .1rem;color:#fff;flex-grow:0;z-index:5;font-size:1.5rem}.archive-post__work__close{position:absolute;top:10px;right:10px;background-color:transparent;border:none;font-size:2rem;transition:background-color .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:opacity .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__wrapper{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:80%;height:-moz-fit-content;height:fit-content}.archive__grid{grid-template-columns:1fr 1fr}.archive__grid.count--1{grid-template-columns:1fr}.archive__item{width:100%}}@media screen and (min-width:56.25rem){.archive__wrapper{width:60%}}@media screen and (min-width:75rem){.archive__wrapper{width:40%}.archive__grid{grid-template-columns:1fr 1fr 1fr}.archive__grid.count--2,.archive__grid.count--4{grid-template-columns:1fr 1fr}.archive__grid.count--1{grid-template-columns:1fr}}