.project-detail{opacity:1;height:100%;padding:3rem 4rem;transition:opacity .3s ease-in-out,transform .3s ease-in-out;overflow-y:auto;transform:translate(0)}.project-detail.entering{opacity:0;transform:translate(20px)}.project-detail-content{max-width:800px}.project-header{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.project-title{color:var(--foreground);letter-spacing:-.01em;margin:0;font-size:1.375rem;font-weight:500;line-height:1.3}.project-year{color:var(--foreground);opacity:.45;font-size:.75rem;font-weight:400}.project-meta{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.project-role{color:var(--foreground);opacity:.6;margin:0;font-size:.8125rem}.locked-indicator{background:var(--surface-subtle);color:var(--foreground);opacity:.55;border-radius:3px;padding:.2rem .45rem;font-size:.6875rem}.project-technologies{flex-wrap:wrap;gap:.375rem;margin-bottom:1.75rem;display:flex}.tech-tag{background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--foreground);opacity:.8;border-radius:20px;padding:.3rem .65rem;font-size:.6875rem;transition:all .2s}.tech-tag:hover{background:var(--border-subtle);border-color:var(--border-muted);opacity:1}.project-description{color:var(--foreground);opacity:.9;margin-bottom:1.75rem;font-size:.875rem;line-height:1.75}.project-links{gap:.75rem;margin-bottom:2rem;display:flex}.project-link{color:var(--foreground);border:1px solid var(--border-muted);border-radius:3px;padding:.5rem 1rem;font-size:.8125rem;text-decoration:none;transition:all .2s}.project-link:hover{background:var(--surface-subtle);border-color:var(--border-muted)}.project-embed{border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:2rem;overflow:hidden}.project-embed-frame{border:none;width:100%;height:560px;display:block}.project-vimeo-frame{border:none;width:100%;height:512px;display:block}.overview-title{color:var(--midgroundDark);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.75rem;font-weight:500;line-height:1.25}.overview-description{color:var(--foreground);opacity:.9;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.75}.overview-media{margin-top:2.5rem}.overview-media img{border-radius:6px;height:auto}@media (max-width:1024px){.project-detail{padding:2rem 3rem}.project-title{font-size:1.25rem}.overview-title{font-size:1.5rem}}@media (max-width:768px){.project-detail{padding:2rem 1.5rem}.project-header{flex-direction:column;align-items:flex-start;gap:.375rem}.project-title{font-size:1.125rem}.overview-title{font-size:1.375rem}.project-description,.overview-description{font-size:.875rem}.project-links{flex-direction:column}.project-link{text-align:center}}
.projects-container{background:var(--background);min-height:100vh;color:var(--foreground);grid-template-columns:1fr 2fr;display:grid}@media (max-width:1024px){.projects-container{grid-template-columns:2fr 3fr}}@media (max-width:768px){.projects-container{flex-direction:column;min-height:100vh;display:flex}}