.project-card{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:stretch;padding:0;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.project-card.gradient-border-wrapper .gradient-border{display:none}.project-card:hover{background:#ffffff08;border-color:#fff3;box-shadow:0 0 30px #6ba8ff26}.project-card-preview{aspect-ratio:16/10;background:#0006;border-radius:18px 18px 0 0;width:100%;position:relative;overflow:hidden}.project-card-preview:after{content:"";opacity:.6;pointer-events:none;background:linear-gradient(#0000 40%,#0009);transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-card-preview:after{opacity:.4}.project-media-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-media-image{transform:scale(1.05)}.project-media-iframe{border:none;width:100%;height:100%;display:block}.project-card-body{flex:1;padding:1.5rem}.project-card-title{color:#fff;letter-spacing:-.02em;margin:0 0 1rem;font-family:Outfit,-apple-system,sans-serif;font-size:1.25rem;font-weight:300}.project-card-meta{flex-direction:column;gap:1rem;margin:0 0 .75rem;display:flex}.project-card-description{color:#fff9;margin:0;font-size:.875rem;line-height:1.7}.project-card-tech-list{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.project-card-tech-tag{color:#ffffffb3;letter-spacing:.06em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:.25rem .75rem;font-size:.75rem}.project-card-links{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.project-card-link{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .3s,border-color .3s,box-shadow .3s;display:inline-flex}.project-card-link:hover{background:#ffffff1a;border-color:#fff3;text-decoration:none}.project-card-link-icon{font-size:1em;line-height:1}.project-card-link--primary{color:#fff;background:linear-gradient(90deg,#ff5757,#ff6b6b);border:none}.project-card-link--primary:hover{box-shadow:0 0 20px #ff575766}.project-card-link--secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff29}.project-modal-backdrop{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out project-modal-fadeIn;display:flex;position:fixed;inset:0}@keyframes project-modal-fadeIn{0%{opacity:0}to{opacity:1}}.project-modal{background:#0a0a0afa;border:1px solid #ffffff24;border-radius:16px;width:100%;max-width:min(1100px,96vw);max-height:92vh;padding:2.5rem 3rem;animation:.25s ease-out project-modal-scaleIn;position:relative;overflow-y:auto;box-shadow:0 0 70px #000000bf}@keyframes project-modal-scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.project-modal-close{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;transition:color .2s,background .2s,border-color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.project-modal-close:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.project-modal-title{color:#fff;margin:0 0 1.75rem;padding-right:3rem;font-family:Georgia,Times New Roman,serif;font-size:2.25rem;font-weight:500;line-height:1.3}.project-modal-media{aspect-ratio:16/11;background:#ffffff0a;border-radius:10px;width:100%;margin-bottom:1.5rem;overflow:hidden}.project-modal-media .project-media-image,.project-modal-media .project-media-iframe{object-fit:cover;width:100%;height:100%}.project-modal-description{color:#ffffffe0;max-width:72ch;margin:0 0 1.5rem;font-size:1.1875rem;line-height:1.75}.project-modal-bullets{color:#ffffffe0;max-width:80ch;margin:0 0 1.5rem;padding-left:1.25rem;font-size:1.125rem;line-height:1.75}.project-modal-description-block .project-modal-meta-label{margin-top:1.25rem}.project-modal-bullet{margin:.5rem 0}.project-modal-meta{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:1.25rem;margin:0;padding-top:1.25rem;padding-bottom:1.25rem;display:flex}.project-modal-meta-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin:0 0 .4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:500}.project-modal-tech-list{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.project-modal-tech-tag{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:.45rem .95rem;font-size:1rem}.project-modal-links{flex-wrap:wrap;gap:.75rem;margin:0;display:flex}.project-modal-link{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .3s,border-color .3s,box-shadow .3s;display:inline-flex}.project-modal-link:hover{background:#ffffff1a;border-color:#fff3;text-decoration:none}.project-modal-link-icon{font-size:1.15em;line-height:1}.project-modal-link--primary{color:#fff;background:linear-gradient(90deg,#ff5757,#ff6b6b);border:none}.project-modal-link--primary:hover{box-shadow:0 0 20px #ff575766}.project-modal-link--secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff29}@media (max-width:640px){.project-modal-backdrop{padding:1rem}.project-modal{padding:1.5rem 1.25rem}.project-modal-title{font-size:1.5rem}.project-modal-description{font-size:1.0625rem}.project-card-body{padding:1rem 1.25rem}.project-card-title{font-size:1.125rem}}