@font-face{font-family:inter;src:url(/Portfolio/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf);font-weight:400;font-style:normal;font-display:swap}nav{z-index:1000;justify-content:center;gap:2rem;width:100%;display:flex;position:relative;top:35px;left:0}nav a{color:inherit;padding:.5rem 0;text-decoration:none}body{width:100%;height:100vh;margin:0;font-family:inter,sans-serif;font-weight:400}*{box-sizing:border-box}h1{margin:0}.social-tags-container{margin-top:0;margin-bottom:1.5rem}.social-tags,.social-tags:visited{color:oklch(55% 0 0);margin:0;font-size:.8rem;text-decoration:none}.social-tags:hover{text-decoration:underline}section{margin-bottom:30px}.section-title{margin:0;font-size:1.1rem}.sub-section{color:oklch(55% 0 0);margin-top:.5rem;margin-bottom:.5rem;font-size:1.1rem;line-height:1.9}.portfolio-container{text-align:left;max-width:800px;margin:0 auto;padding:80px 40px 50px}.card{align-items:baseline;gap:1rem;margin-top:2rem;margin-bottom:2rem;display:flex}.card p,.card a{margin:0}.card-title-link,.card-title-link:visited{color:inherit;text-decoration:none}.card-title-link:hover{text-decoration:underline}.card-title{color:inherit}.card-date-column{color:oklch(55% 0 0);flex-shrink:0;width:12ch}.card-col{flex-direction:column;gap:.25rem;display:flex}.card-tags{color:oklch(55% 0 0);margin:0;font-size:.8rem}.card-description{color:oklch(55% 0 0)}.card-thumbnail{object-fit:cover;border:1px solid oklch(92.19% 0 0);border-radius:8px;width:180px;height:108px;margin-top:2rem}body.gallery-layout{width:100vw;height:100vh;margin:0;overflow:hidden}#image-track>.image{object-fit:cover;object-position:100% 50%;-webkit-user-select:none;user-select:none;width:36vmin;height:50vmin}#image-track{gap:4vmin;display:flex;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.gallery-wrapper{width:100%;height:100vh;position:relative;overflow:hidden}.overlay{z-index:1001;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:90vh;animation:.3s cubic-bezier(.32,.72,0,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}