.work{display:flex;padding:1.5rem;background-color:var(--background);color:var(--foreground);overflow-x:hidden;max-width:100vw}.work-sidebar{flex:1 1}.work-main{flex:3 1;margin:17.5svh 0 5svh}.work-container{margin-bottom:7.5rem;scroll-margin-top:4rem}.work-year{position:relative;top:0;left:0;margin-bottom:2rem;transform:translateY(0);will-change:transform;z-index:1;color:var(--foreground);background:linear-gradient(135deg,var(--accent-coral),var(--accent-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.9}.work-projects-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.5rem 2rem;gap:2.5rem 2rem;margin-top:2rem}.work-project{display:flex;flex-direction:column;margin-bottom:.5rem;cursor:pointer;transition:transform .4s cubic-bezier(.87,0,.13,1)}.work-project:hover{transform:translateY(-8px)}.work-project-img{aspect-ratio:5/3;overflow:hidden;margin-bottom:.75rem;border-radius:8px;position:relative}.work-project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-coral),var(--accent-teal));opacity:0;transition:opacity .4s ease;mix-blend-mode:multiply}.work-project:hover .work-project-img:after{opacity:.15}.work-project-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.87,0,.13,1)}.work-project:hover .work-project-img img{transform:scale(1.05)}.work-project-info{display:flex;flex-direction:column;gap:.25rem}.work-project-info-name{transition:color .3s ease}.work-project:hover .work-project-info-name{color:var(--accent-coral)}.work-project-info-tags{text-transform:capitalize;color:var(--foreground-200);transition:color .3s ease}.work-project:hover .work-project-info-tags{color:var(--accent-teal)}.year-indices{position:fixed;top:30svh;left:1.5rem;gap:1rem;z-index:1}.year-index,.year-indices{display:flex;flex-direction:column}.year-index{position:relative;color:var(--foreground-200);transition:all .3s ease;width:max-content;cursor:pointer;padding:.5rem 0}.year-index:hover{color:var(--accent-coral);transform:translateX(5px)}.year-index-highlighter{width:100%;height:2px;background:linear-gradient(90deg,var(--accent-coral),var(--accent-teal));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.year-index.active{color:var(--foreground)}.year-index.active .year-index-highlighter{transform:scaleX(1)}.year-index.year-index-var-1{margin-left:0}.year-index.year-index-var-2{margin-left:2rem}.year-index.year-index-var-3{margin-left:1rem}@media (max-width:1000px){.work-projects-container{grid-template-columns:1fr;gap:3rem 0}.work-year{top:0;left:0;margin-bottom:1.5rem}.work-container{margin-bottom:5rem;scroll-margin-top:2rem}.year-indices{top:12.5svh;gap:.5rem}.year-index:hover{transform:translateX(3px)}}@media (max-width:600px){.work{padding:1rem}.work-projects-container{gap:2rem 0}.work-container{margin-bottom:4rem}}