.js .loading::before{content:'';position:fixed;z-index:100000;top:0;left:0;width:100%;height:100%;background:#FAFEEF}.js .loading::after{content:'';position:fixed;z-index:100000;top:50%;left:50%;height:60px;margin:-30px 0 0 -30px;pointer-events:none;border-radius:50%;opacity:.4;background:#234108;animation:loaderAnim 0.7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}#ArchivePage .hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}#ArchivePage main{position:relative;margin-top:-20vh}#ArchivePage .grid-wrap{position:relative;width:90%;max-width:1400px;margin:0 auto}#ArchivePage .grid-wrap--hidden{height:0;overflow:hidden}#ArchivePage .grid{margin:0 auto;position:relative;display:none}.js #ArchivePage .grid{display:flex;flex-wrap:wrap;justify-content:space-between}#ArchivePage .grid__item{position:relative;padding:2.75rem;margin-bottom:5rem}#ArchivePage .grid__item.std{width:35%;max-width:367px}#ArchivePage .grid__item.big{width:calc(65% - 20px);max-width:888px}#ArchivePage .grid__item-wrap{position:relative}#ArchivePage .grid__item-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(35,65,8,.4)}#ArchivePage .grid__item-img{pointer-events:none;position:relative;max-width:100%;margin:0 auto;display:block;max-height:550px;outline:1px solid transparent}#ArchivePage .grid__item:nth-child(even) .grid__item-img{transform:rotate3d(0,0,1,4deg)}#ArchivePage .grid__item:nth-child(odd) .grid__item-img{transform:rotate3d(0,0,1,-4deg)}#ArchivePage .grid__item-title{font-weight:400;position:absolute;left:0;top:0;margin:0 0 0 1rem;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:0 50%}#ArchivePage .grid__item-number{font-weight:700;position:absolute;right:0;bottom:0;font-size:2.65rem;margin:0 0 .15rem}#ArchivePage .grid__item-number>span{display:inline-block}#ArchivePage .content{height:100%;margin:0 auto;grid-template-columns:100%;grid-template-rows:100%;align-items:center;pointer-events:none}.js #ArchivePage .content{position:fixed;top:0;width:100%;z-index:1000}#ArchivePage .content__item{padding:10rem 5vw 10rem;grid-area:1 / 1 / 1 / 1}.js #ArchivePage .content__item{height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;-webkit-transition:background-color 1000ms linear;-ms-transition:background-color 1000ms linear;transition:background-color 1000ms linear;transition-delay:0s;background-color:transparent}.js #ArchivePage .content__item--current{height:auto;opacity:1;padding:3rem 5vw 10rem;pointer-events:auto;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#FAFEEF}#ArchivePage .content__item-intro{position:relative;display:grid;grid-template-columns:100%;grid-template-rows:100%;align-items:center}#ArchivePage .content__item-img{-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;height:auto;max-width:100%;display:block;margin:0 auto;grid-area:1 / 1 / 1 / 1}.js #ArchivePage .content__item-img{visibility:hidden;opacity:0}#ArchivePage .content__item--current .content__item-img{opacity:1}#ArchivePage .content__item-title{position:relative;font-size:7vw;line-height:1;text-align:center;margin:0;padding:0 5vw;grid-area:1 / 1 / 1 / 1}#ArchivePage .content__item-title>span{white-space:pre;display:inline-block}#ArchivePage .content__item-subtitle{text-align:center;font-size:1.25rem;font-weight:400;margin:3rem auto}#ArchivePage .content__item-text{text-align:justify;max-width:800px;margin:0 auto}#ArchivePage .content__item-text p{margin:0}#ArchivePage .content__close{position:absolute;left:50%;z-index:10000;transform:translateX(-50%);background:none;bottom:35px;margin:0;padding:0;cursor:pointer;pointer-events:all}#ArchivePage .content__close:focus{outline:none}#ArchivePage .content__item--current~#ArchivePage .content__close{pointer-events:auto}#ArchivePage .content__indicator{position:absolute;top:calc(100vh - 6rem);left:calc(50% - 0.75rem);display:none}.js #ArchivePage .content__item-title>span,.js #ArchivePage .content__item-subtitle,.js #ArchivePage .content__item-text,#ArchivePage .content__close,#ArchivePage .content__indicator{opacity:0}@media screen and (max-width:1000px){#ArchivePage .grid__item{width:100%!important;max-width:100%!important}#ArchivePage .content__item-img{max-height:65vh}#ArchivePage .content__close{font-size:25px}}@media screen and (min-width:55em){#ArchivePage .frame{display:grid;align-items:start;justify-items:start;grid-template-columns:40% 60%;grid-template-areas:'title header'}#ArchivePage .codrops-header{grid-area:header;justify-self:end;display:flex;flex-direction:row;align-items:flex-start;align-items:center;text-align:left}#ArchivePage .codrops-links{margin:0 0 0 1.5rem}#ArchivePage .title{grid-area:title;display:flex;text-align:left}#ArchivePage .title__sub{position:relative;padding:0 0 0 5rem;margin:0 0 0 1rem}#ArchivePage .title__sub::before{content:'';height:1px;width:4rem;background:currentColor;position:absolute;top:.65rem;left:0}#ArchivePage .title__sub-works{display:block}#ArchivePage .grid__item-number{right:-2.45rem}#ArchivePage .grid__item-title{margin-left:-.25rem}#ArchivePage .content__item-subtitle{font-size:3vw!important}#ArchivePage .content__item-img{max-width:none;height:calc(100vh - 6rem)}#ArchivePage .content__item-subtitle{max-width:50%}#ArchivePage .content__indicator{display:block}}