.particle-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.particle-canvas canvas{display:block;width:100%!important;height:100%!important}.experiences-page-content{z-index:1;position:relative}.experiences-page{color:#fff;background:#000;width:100%;min-height:100vh;overflow-x:clip}.experiences-content{width:100%;max-width:1400px;margin:0 auto;padding:80px 5% 0}.experiences-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.experience-category{width:100%;margin-bottom:5rem}.experience-category-header{align-items:center;gap:20px;margin-bottom:2rem;display:flex}.experience-category-header h2{white-space:nowrap;font-size:1.8rem;font-weight:700}.experience-category-divider{background:#ffffff1f;flex:1;height:2px}.experience-category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.project-card{cursor:pointer;background:#141414e6;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#fff3;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px #0006}.project-card-image-container{aspect-ratio:16/9;width:100%;overflow:hidden}.project-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-card-image{cursor:url(../media/cursor2b.01l9jglhszdpa.png),pointer;transform:scale(1.08)}.project-card-content{cursor:url(../media/cursor2b.01l9jglhszdpa.png),pointer;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.project-card-title{font-size:1.3rem;font-weight:700}.project-card-subtitle{color:#ffffffb3;font-size:.95rem}.project-card-date{color:#ffffff80;font-size:.85rem}.project-card-tags{flex-wrap:wrap;gap:6px;display:flex}.project-card-tag{color:#fffc;background:#ffffff14;border-radius:999px;padding:5px 10px;font-size:.75rem}.project-card-footer{margin-top:auto;padding-top:10px}.project-card-link{opacity:.8;font-size:.9rem;font-weight:600}.project-modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal{background:#111;border-radius:16px;width:90%;max-width:1000px;max-height:90vh;padding:24px;overflow-y:auto}.project-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.project-modal-close{cursor:pointer;color:#fff;background:0 0;border:none;font-size:1.5rem}.project-modal-main-media{-o-object-fit:contain;object-fit:contain;background:#0003;border-radius:12px;width:100%;max-height:60vh;margin-bottom:12px}.project-modal-thumbnails{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:240px;padding-right:6px;display:grid;overflow-y:auto}.project-modal-thumb-wrapper{cursor:pointer;opacity:.6;border-radius:6px;width:100%;height:55px;transition:all .2s;position:relative;overflow:hidden}.project-modal-thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project-modal-thumb-wrapper.active,.project-modal-thumb-wrapper:hover{opacity:1;outline:2px solid #fff}.project-modal-content{flex-direction:column;gap:20px;margin-top:20px;display:flex}.project-modal-section h3{margin-bottom:10px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:.85rem}.project-modal-links a{color:#7ab7ff;margin-right:15px;text-decoration:none}.project-modal-links a:hover{text-decoration:underline}@media (max-width:768px){.experiences-title{font-size:2rem}.experience-category-header h2{font-size:1.4rem}.project-card-title{font-size:1.1rem}}@media (max-width:480px){.experiences-content{padding:60px 3% 0}.project-card-content{padding:15px}.project-modal{width:95%;padding:16px}}