@keyframes circle_right{0%{transform:translateX(0) scale(1)}50%{transform:translateX(25px) scale(1.075)}100%{transform:translateX(0) scale(1)}}@keyframes circle_left{0%{transform:translateX(0) scale(1)}50%{transform:translateX(-25px) scale(1.075)}100%{transform:translateX(0) scale(1)}}.folder{padding:50px 0;border-top:1px solid var(--secondary-color)}.folder h2{grid-area:h2;text-transform:uppercase;font-size:clamp(24px,3vw,60px);font-weight:800;line-height:1}.folder .author{grid-area:author;text-transform:uppercase;font-size:clamp(18px,2vw,36px);font-weight:700;line-height:1}.folder .date{grid-area:date;display:block;margin-top:20px;text-align:right;font-style:italic;display:none}.folder figure{grid-area:figure;margin:50px 0;position:relative;overflow:hidden}.folder figure a{display:block}.folder figure a img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:filter .5s;transform:translate3d(0, 0, 0);width:100%;height:100%;object-fit:cover}.folder figure a:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}.folder figure figcaption{position:absolute;bottom:10%;right:0;width:32.2580645161%;aspect-ratio:300/180;z-index:1;pointer-events:none}.folder figure figcaption svg{display:block;transform:translate(20%, 0)}.folder figure figcaption svg ellipse#left{animation:circle_left 8s infinite;transform-origin:left center}.folder figure figcaption svg ellipse#right{mix-blend-mode:multiply;animation:circle_right 8s 2s infinite;transform-origin:right center}.folder figure figcaption svg ellipse.cls-blue{fill:var(--blue-color)}.folder figure figcaption svg ellipse.cls-violet{fill:var(--violet-color)}.folder figure figcaption svg ellipse.cls-red{fill:var(--red-color)}.folder figure figcaption svg ellipse.cls-yellow{fill:var(--yellow-color)}.folder figure figcaption svg ellipse.cls-green{fill:var(--green-color)}.folder p{grid-area:description}.folder:last-child{border-bottom:0}@media all and (max-width: 992px){.folder figure{margin:20px 0}}#content .container{display:flex;align-items:flex-end;justify-content:space-between}#content .container #brand{order:-1;flex:1;max-width:450px;padding:50px 0;border-top:1px solid var(--secondary-color);margin-right:40px;position:sticky;bottom:0}#content .container #brand h1{margin-bottom:40px;font-weight:800;text-transform:uppercase;font-size:clamp(18px,2.5vw,24px)}#content .container #brand p{margin:40px 0;line-height:var(--base-line-height)}#content .container #brand p:first-of-type{margin-top:0}#content .container #brand p:last-child{margin-bottom:0}#content .container #folders{flex:2;max-width:930px}#content .container #folders .folder figure{margin-bottom:0}#content .container #folders .folder p{display:none}@media all and (max-width: 768px){#content .container{flex-direction:column}#content .container #content,#content .container #brand{max-width:none;margin:0}}