.preview-tile{pointer-events:all;background-color:#fff;border:0 solid #0000;height:17rem;transition:opacity .5s cubic-bezier(.075,.82,.165,1),transform .5s cubic-bezier(.075,.82,.165,1);display:block;position:relative;overflow:hidden;transform:translateY(20px)}.preview-tile,.preview-tile:before{opacity:0;box-sizing:border-box;width:100%}.preview-tile:before{content:"";z-index:2;pointer-events:none;border:4px dotted #fff;height:100%;display:none;position:absolute;top:0;left:0}.preview-tile.visible{opacity:1;transform:translateY(0)}@media screen and (width<=1023px){.preview-tile{height:15rem}}@media screen and (width<=639px){.preview-tile{height:12rem}}.preview-tile.type-events{background-color:var(--color-events)}.preview-tile.type-blog{background-color:var(--color-blog)}.preview-tile.type-projects{background-color:var(--color-projects)}.preview-tile:focus,.preview-tile:hover{outline:none}.preview-tile:focus:before,.preview-tile:hover:before{opacity:1}.preview-tile:focus .background,.preview-tile:hover .background{transform:scale(1.02)}.preview-tile.type-eq1 svg{background:var(--color-eq1)}.preview-tile.type-eq2 svg{background:var(--color-eq2)}.preview-tile.type-eq3 svg{background:var(--color-eq3)}.preview-tile.type-eq1 .dark{fill:var(--color-eq1)}.preview-tile.type-eq2 .dark{fill:var(--color-eq2)}.preview-tile.type-eq3 .dark{fill:var(--color-eq3)}.preview-tile.type-eq1 .content .category{color:var(--color-eq1)}.preview-tile.type-eq2 .content .category{color:var(--color-eq2)}.preview-tile.type-eq3 .content .category{color:var(--color-eq3)}.preview-tile.type-events{border:2px solid #000}.preview-tile.type-events .content .category,.preview-tile.type-events .content .subtitle,.preview-tile.type-events .content h1{color:#000;background:#fff}.preview-tile.type-blog{border:2px solid #000}.preview-tile.type-blog .content .category,.preview-tile.type-blog .content .subtitle,.preview-tile.type-blog .content h1{color:#000;background:#fff}.preview-tile.type-projects{border:2px solid #000}.preview-tile.type-module .content .category,.preview-tile.type-module .content .subtitle,.preview-tile.type-module .content h1,.preview-tile.type-projects .content .category,.preview-tile.type-projects .content .subtitle,.preview-tile.type-projects .content h1{color:#000;background:#fff}.preview-tile .content{color:#fff;pointer-events:none;transition:transform .1s ease-out;position:absolute;bottom:4px;left:4px;right:4px}.preview-tile .content .category,.preview-tile .content .print-url,.preview-tile .content .subtitle{background-color:#000;padding:.5rem 1rem 2px .5rem;font-family:Apercu Mono;font-size:.8rem;display:block}@media print{.preview-tile .content .category,.preview-tile .content .print-url,.preview-tile .content .subtitle{color:#000!important;background-color:#fff!important}}.preview-tile .content .category{display:inline-block}.preview-tile .content h1{box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;background-color:#000;width:100%;margin:0;padding:.5rem 1rem .5rem .5rem;font-size:1.6rem;font-weight:400;line-height:1;display:block}@media print{.preview-tile .content h1{color:#000!important;background-color:#fff!important}}.preview-tile .content .print-url,.preview-tile .content .subtitle{padding:.3rem 1rem .5rem .5rem;line-height:1.2}.preview-tile .content .print-url{word-wrap:break-word;text-decoration:underline;display:none}@media print{.preview-tile .content .print-url{display:block}}.preview-tile .background{opacity:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .5s,transform 1s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0;transform:scale(1.06)}.preview-tile .background.visible{opacity:1}.preview-tile .canvaswrap{pointer-events:none;background-color:#000;width:100%;height:100%}.preview-tile .canvaswrap svg{width:100%;height:100%}