.home-page .projects{gap:18px;align-items:stretch;width:min(1100px,100%)}
.home-page .projects .project-link{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;gap:0;min-height:260px;padding:26px;border-radius:18px;border:1px solid #64859b30!important;background:linear-gradient(145deg,#18232dd9,#10171feF)!important;box-shadow:0 12px 32px #0003,inset 0 1px 0 #c9e6f20a!important;color:#f0f5f8!important;letter-spacing:0;transform:none!important;backdrop-filter:blur(12px)}
.project-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.project-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid #68c6d62c;background:linear-gradient(140deg,#29465488,#14313b44);color:#8bdbe5}
.project-card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.project-card-arrow{width:27px;height:27px;color:#668191;display:grid;place-items:center}.project-card-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home-page .project-card-title{display:block;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4;color:#f0f5f8;letter-spacing:.1px;margin:0 0 12px}
.home-page .project-card-description{display:block;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.75;letter-spacing:0;color:#9fb0be;max-width:100%;overflow-wrap:break-word}
.home-page .projects .project-link:hover,.home-page .projects .project-link:focus-visible{border-color:#58c5d478!important;background:linear-gradient(145deg,#1c303bdc,#122029f2)!important;box-shadow:0 12px 32px #0003,inset 0 1px 0 #b5edf016,0 0 24px #24a6b609!important;transform:none!important}
.home-page .project-link:hover .project-card-title,.home-page .project-link:focus-visible .project-card-title{color:#8de7ed}.project-link:hover .project-card-arrow,.project-link:focus-visible .project-card-arrow{color:#8de7ed}.project-link:focus-visible{outline:2px solid #6bdce5!important;outline-offset:5px}
@media(max-width:700px){.home-page .portal{gap:24px;padding:24px 18px 34px}.home-page .projects{width:min(440px,100%);gap:12px}.home-page .projects .project-link{min-height:0;padding:22px;border-radius:15px}.project-card-top{margin-bottom:17px}.home-page .project-card-title{font-size:17px;margin-bottom:8px}.home-page .project-card-description{font-size:13px}.project-card-icon{width:38px;height:38px;border-radius:10px}}

/* Decorative mascots do not intercept clicks or move the cards. */
.home-page .projects .project-link{position:relative;overflow:hidden}
.project-card-mascot{position:absolute;display:block;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 4px 6px #0004)}
.mascot-squat{height:110px;width:104px;right:24px;bottom:13px}
.mascot-recline{height:69px;width:151px;right:23px;bottom:12px}
.mascot-rocking{height:86px;width:78px;right:62px;top:7px}
@media(max-width:700px){.home-page .projects .project-link{min-height:260px}.home-page .projects .project-link:nth-child(2){min-height:300px;padding-bottom:100px}.mascot-squat{height:110px}.mascot-recline{height:70px}.mascot-rocking{height:80px;right:58px;top:8px}}