:root{--font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.sites-index{box-sizing:border-box;width:100%;max-width:1920px;margin:90px auto 5em;padding:0 55px}.sites-index .websites-list{box-sizing:border-box;grid-gap:3.3em 2.5em;grid-template-columns:repeat(auto-fill,minmax(365px,1fr));padding:0;font-size:.6rem;list-style:none;display:grid}.sites-index .websites-list footer.root-element{display:none}.sites-index .websites-list .website-item{--page-zoom:.28;flex-direction:column;display:flex;container-type:inline-size}.sites-index .websites-list .website-item section.wireframe-page{width:calc(100cqw*(1/var(--page-zoom)));pointer-events:none;position:absolute;top:0;left:0}.sites-index .websites-list .website-item .item-preview{box-sizing:border-box;height:calc(100vh*var(--page-zoom));flex-direction:column;display:flex;position:relative;overflow:hidden}.sites-index .websites-list .website-item .item-preview:hover .thumbnail-rollover{opacity:1}.sites-index .websites-list .website-item .item-preview:hover .arrow-wrap{opacity:1;transform:translate(0)}.sites-index .websites-list .website-item .thumbnail-rollover{box-sizing:border-box;opacity:0;cursor:pointer;background:linear-gradient(#0000 0%,#000c 100%);border-radius:5px;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;padding:3em;text-decoration:none;transition:opacity .25s ease-in-out;display:flex;position:absolute;top:0;left:0}.sites-index .websites-list .website-item .thumbnail-rollover .thumb-text-wrap{cursor:pointer;flex-direction:column;flex:auto;display:flex}.sites-index .websites-list .website-item .thumbnail-rollover .arrow-wrap{opacity:0;cursor:pointer;background-image:url(/assets/svg/arrow-12.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;border:1px solid #fff;border-radius:50%;width:28px;height:28px;margin:0 .5em .5em 0;transition:all .15s ease-in-out .15s;transform:translate(10px)}.sites-index .websites-list .website-item img.site-thumbnail{object-fit:cover;object-position:center;border-radius:5px;height:100%;transition:box-shadow .25s ease-in-out}.sites-index .websites-list .website-item h2.card-title{color:var(--ui-clr-200);margin:.8em 0 .1em;font-size:.9rem;font-weight:500;line-height:1.5}.sites-index .websites-list .website-item h3.subtitle{opacity:1;color:var(--clr-950);text-transform:uppercase;letter-spacing:1px;margin:0 0 .3em;font-size:.6rem;font-weight:400;line-height:1.4}.sites-index .websites-list .website-item p.site-prompt{color:var(--clr-950);-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;max-width:33ch;margin:0;font-size:1rem;font-weight:300;line-height:1.5;display:-webkit-box;overflow:hidden}.sites-index .websites-list .website-item h4.site-status,.sites-index .websites-list .website-item h4.site-date{color:var(--ui-clr-200);margin:0;font-size:.75rem;font-weight:400;line-height:1.4}.sites-index .websites-list .website-item h4.site-status{display:none}@media (max-width:670px){.sites-index{width:90%;padding:0}.sites-index .websites-list{grid-template-columns:1fr}.sites-index .websites-list .website-item a.item-link:link,.sites-index .websites-list .website-item a.item-link:hover,.sites-index .websites-list .website-item a.item-link:visited,.sites-index .websites-list .website-item a.item-link:active{font-size:.7rem}}