.project-item{--page-zoom:.49;flex-direction:column;display:flex;position:relative;container-type:inline-size}.project-item:hover .preview-item-action-btn,.project-item:hover .site-meta-outer,.project-item:hover .thumbnail-rollover,.project-item:hover .item-preview:after,.project-item:hover .item-preview:before{opacity:1}.project-item section.wireframe-page{width:calc(100cqw * (1 / var(--page-zoom)));pointer-events:none;border:0;position:absolute;top:0;left:0}.project-item .item-preview-wrapper{contain:strict;content-visibility:auto;aspect-ratio:40/29;border-radius:7px;display:flex;position:relative;overflow:hidden}.project-item .item-preview{box-sizing:border-box;background-color:#000;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.project-item .item-preview:after{content:"";opacity:0;pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#0003 100%);width:100%;height:45%;transition:opacity .25s ease-in-out;position:absolute;bottom:0;left:0}.project-item .item-preview:before{content:"";opacity:0;pointer-events:none;z-index:1;background:linear-gradient(#00000080 0%,#0000 100%);width:100%;height:45%;transition:opacity .25s ease-in-out;position:absolute;top:0;left:0}.project-item .project-menu-wrap{z-index:2;justify-content:center;align-items:center;width:40px;height:36px;display:flex;position:absolute;top:7px;left:7px}.project-item .thumbnail-rollover{box-sizing:border-box;opacity:0;cursor:pointer;background:linear-gradient(#0000 0%,#0006 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}.project-item .thumbnail-rollover .thumb-text-wrap{cursor:pointer;flex-direction:column;flex:auto;display:none}.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:opacity .15s ease-in-out .15s,transform .15s ease-in-out .15s;transform:translate(10px)}.project-item img.site-thumbnail{object-fit:cover;object-position:center;border-radius:7px;height:100%;transition:box-shadow .25s ease-in-out}.project-item .project-preview-loader{box-sizing:border-box;isolation:isolate;background:radial-gradient(circle at 50% 18%,#ffffff0d,#0000 42%),linear-gradient(135deg,#141414 0%,#1a1a1a 42%,#101010 100%),linear-gradient(90deg,#0000 0%,#ffffff04 50%,#0000 100%);width:100%;height:100%;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05,inset 0 -24px 40px #00000029}.project-item .project-preview-loader:before{content:"";pointer-events:none;background:linear-gradient(102deg,#0000 0%,#ffffff04 26%,#ffffff1c 50%,#ffffff04 74%,#0000 100%);width:55%;animation:2.4s cubic-bezier(.4,0,.2,1) infinite project-preview-sweep;position:absolute;top:-20%;bottom:-20%;left:-70%;transform:translate(0)skew(-18deg)}.project-item .project-preview-loader:after{content:"";opacity:.9;pointer-events:none;background:radial-gradient(circle at 50% 52%,#ffffff09 0%,#0000 38%),linear-gradient(#ffffff04 0%,#0000 18% 82%,#0000002e 100%);position:absolute;inset:0}.project-item .project-preview-loader>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.project-item .project-preview-loader:before{opacity:.45;animation:none;transform:translate(0)}}.project-item .site-meta-outer{box-sizing:border-box;opacity:0;gap:8px;padding:12px;transition:opacity .25s ease-in-out;display:flex;position:absolute;bottom:0;left:0}.project-item .site-meta-outer .avatar-medium{width:16px;height:16px}.project-item .site-meta-outer .avatar{border:1px solid #fff}.project-item .site-meta-wrap{flex-direction:column;gap:2px;display:flex}.project-item .site-meta-wrap .duplicate-btn{color:var(--ui-clr-800);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;align-self:flex-start;padding:0;font-size:11px;font-weight:400;line-height:16px;transition:opacity .18s ease-in-out}.project-item .site-meta-wrap .duplicate-btn:hover{color:var(--ui-clr-900)}.project-item h2.card-title{color:#fffc;text-wrap:balance;text-shadow:0 1px 5px #0003;flex-direction:row;justify-content:space-between;margin:0;font-size:13px;font-weight:500;line-height:1.1;display:flex}.project-item h4.site-status,.project-item h4.site-date{color:#fff6;margin:0;font-size:10px;font-weight:400;line-height:1.18}.project-item h4.site-status{display:none}@media (hover:hover){.project-item:hover h4.site-status{display:flex}.project-item:hover h4.site-date{display:none}.project-item:hover .site-meta-wrap .duplicate-btn{opacity:1;pointer-events:auto}}@keyframes project-preview-sweep{0%{opacity:0;transform:translate(0)skew(-18deg)}14%{opacity:.95}72%{opacity:.95}to{opacity:0;transform:translate(320%)skew(-18deg)}}.avatar{background-color:var(--color-surface-secondary,#e5e7eb);color:var(--color-text-primary,#1f2937);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.avatar-small{width:26px;height:26px;font-size:11px}.avatar-medium{width:40px;height:40px;font-size:14px}.avatar-large{width:70px;height:70px;font-size:24px}.avatar.has-avatar{color:#0000}