.is-design{background-color:var(--ui-clr-900)}.is-design .article-wrap:first-child .root-element{margin-top:initial}.is-design .article-wrap:first-child .grid-hero-a.variant-j .root-element{margin-bottom:0;padding-bottom:0}.preview-popover .article-wrap:first-child .root-element{margin-top:var(--first-root-element-margin)}:is(.preview-popover .article-wrap:first-child .grid-i.variant-c,.preview-popover .article-wrap:first-child .grid-i.variant-d,.preview-popover .article-wrap:first-child .grid-hero-a.variant-a,.preview-popover .article-wrap:first-child .grid-hero-a.variant-b,.preview-popover .article-wrap:first-child .grid-hero-a.variant-c,.preview-popover .article-wrap:first-child .grid-hero-a.variant-d,.preview-popover .article-wrap:first-child .grid-hero-a.variant-i) .root-element{margin-top:0}@media (hover:hover){.preview-popover .article-wrap:hover article{outline:none}}.projects-page{flex-direction:column;flex:auto;display:flex}.projects-page .top-toolbar-projects .col-c{gap:15px}.projects-page.is-empty{min-height:100dvh}.projects-page .empty-sitemap{z-index:1;width:100%;height:100%;position:fixed}.projects-page .wireframe-page{box-shadow:none;box-sizing:border-box}.projects-page ul.projects-list{box-sizing:border-box;flex:none;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));gap:60px 30px;width:100%;margin:0 auto;padding:40px 25px;font-size:.6rem;list-style:none;display:grid}.projects-page ul.projects-list.is-empty{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.projects-page ul.projects-list.is-empty .empty-title-wrap{flex-direction:column;gap:4px;display:flex}.projects-page ul.projects-list.is-empty .empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:320px;display:flex}.projects-page ul.projects-list.is-empty .empty-state .empty-icon{width:40px;height:40px;color:var(--ui-clr-400);opacity:.7}.projects-page ul.projects-list.is-empty .empty-state .empty-title{color:var(--ui-clr-600);margin-block:0;font-size:31px;font-weight:200;line-height:48px}.projects-page ul.projects-list.is-empty .empty-state .empty-message{color:var(--ui-clr-700);margin:0;font-size:14px;font-weight:300;line-height:1.5}.projects-page ul.projects-list.is-empty .empty-state .btn-primary{margin-top:12px}.projects-page ul.projects-list footer.root-element{display:none}.projects-page ul.projects-list li.project-item{--page-zoom:.28;flex-direction:column;display:flex;position:relative;container-type:inline-size}.projects-page ul.projects-list li.project-item section.wireframe-page{width:calc(100cqw*(1/var(--page-zoom)));pointer-events:none;position:absolute;top:0;left:0}.projects-page ul.projects-list li.project-item .item-preview{box-sizing:border-box;height:calc(100vh*var(--page-zoom));background-color:#000;border-radius:3px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 1px #0000001a,0 0 1px #0000004f}.projects-page ul.projects-list li.project-item .item-preview:hover .thumbnail-rollover{opacity:1}.projects-page ul.projects-list li.project-item .item-preview:hover .arrow-wrap{opacity:1;transform:translate(0)}.projects-page ul.projects-list li.project-item .site-details-wrap{flex-direction:column;gap:2px;display:flex}@media (hover:hover){.projects-page ul.projects-list li.project-item:hover h4.site-status{display:flex}.projects-page ul.projects-list li.project-item:hover h4.site-date{display:none}}.projects-page ul.projects-list li.project-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;gap:5px;width:100%;height:100%;padding:3em;text-decoration:none;transition:opacity .25s ease-in-out;display:flex;position:absolute;top:0;left:0}.projects-page ul.projects-list li.project-item .thumbnail-rollover .thumb-text-wrap{cursor:pointer;flex-direction:column;flex:auto;display:none}.projects-page ul.projects-list li.project-item .thumbnail-rollover .arrow-wrap{cursor:pointer;opacity:0;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%;flex:none;width:28px;height:28px;margin-bottom:.5em;transition:all .15s ease-in-out .15s;transform:translate(10px)}.projects-page ul.projects-list li.project-item img.site-thumbnail{object-fit:cover;object-position:center;border-radius:5px;height:100%;transition:box-shadow .25s ease-in-out}.projects-page ul.projects-list li.project-item h2.card-title{color:var(--ui-clr-100);margin:7px 0 0;font-size:14px;font-weight:500;line-height:21px}.projects-page ul.projects-list li.project-item h3.subtitle{opacity:.7;color:var(--ui-text);text-transform:uppercase;letter-spacing:1.2px;margin:0 0 .3em;font-size:10px;font-weight:300;line-height:17px}.projects-page ul.projects-list li.project-item p.site-prompt{color:var(--ui-text);-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;max-width:30ch;margin:0;font-size:16px;font-weight:300;line-height:1.4;display:-webkit-box;overflow:hidden}.projects-page ul.projects-list li.project-item h4.site-status,.projects-page ul.projects-list li.project-item h4.site-date{color:var(--ui-text-muted);margin:0;font-size:11px;font-weight:300;line-height:16px}.projects-page ul.projects-list li.project-item h4.site-status{display:none}@media (max-width:670px){.projects-page ul.projects-list{grid-template-columns:1fr;width:100%;padding:15px}}