/* A compact version of the archive's preview treatment for the homepage. */
.projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.projects .project-card:last-child{grid-column:auto}.projects .project-card{background:#170f0a;border-color:#56371e}.projects .project-top{color:#ca995c}.projects .project-visual{height:250px;background-color:#20130b}.projects .project-content{padding-top:22px}.projects .project-content p{max-width:620px}.project-preview-label{position:absolute;z-index:4;bottom:12px;left:12px;padding:6px 8px;border:1px solid #845023;border-radius:3px;background:#0c0806db;color:#e6ad66;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap}.projects .project-video-media{background:#100b08}.home-project-video{display:block;width:100%;height:100%;object-fit:cover}.home-preview-control{position:absolute;z-index:4;right:12px;bottom:12px;padding:6px 9px;border:1px solid #845023;border-radius:5px;background:#0c0806e8;color:#f1c58a;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.home-preview-control:hover{background:#402611}.projects .visual-openspot{background-color:#3b2817;background-image:linear-gradient(37deg,transparent 44%,rgba(190,124,55,.28) 45%,rgba(190,124,55,.28) 48%,transparent 49%),linear-gradient(135deg,transparent 43%,rgba(190,124,55,.28) 44%,rgba(190,124,55,.28) 47%,transparent 48%)}.projects .street-line{background:#644121;border-color:#a46c32}.projects .street-block{background:#5f3c20;border-color:#a0662c}.projects .visual-bread{background:radial-gradient(circle at 70% 30%,#754018,transparent 37%),#28170d}.projects .mail-card{background:#2b1b0f;border-color:#9c6530;color:#edbf80;box-shadow:0 12px 28px #10080380}.projects .mail-two{background:#bd782e;color:#1b1008}.projects .visual-mytudo{background:radial-gradient(circle at 20% 20%,#6c3a18,transparent 44%),#24150c}.projects .task-board{background:#372314;color:#f2d6af;box-shadow:0 18px 35px #0b0604a8}.projects .task-board>span{color:#c4955e}.projects .task-board>div{border-color:#80532c}.projects .task-board i{border-color:#b17d46}.projects .task-board>div:last-child i{background:#d99645}@media(max-width:760px){.projects .project-grid{grid-template-columns:1fr}.projects .project-card:last-child{grid-column:auto}.projects .project-visual,.projects .project-card:last-child .project-visual{height:220px}}@media(prefers-reduced-motion:reduce){.projects .project-card{transition:none}.projects .project-card:hover{transform:none}}