.work-simple{position:relative;width:100vw;height:100%;min-height:100svh;background:linear-gradient(to bottom right,var(--background) 0,#111827 50%,#000 100%);color:var(--foreground);display:flex;flex-direction:column}.work-simple .nav-spacer{width:100%;height:9vh}.work-simple .work-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.work-simple .footer{margin-top:0}.work{display:flex;padding:1.5rem;background-color:var(--background);color:var(--foreground)}.work-sidebar{flex:1}.work-main{flex:3;margin:17.5svh 0 5svh}.work-container{margin-bottom:7.5rem}.work-year{position:relative;top:-5rem;left:50%;transform:translateX(-50%);z-index:1;text-align:center}.work-projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.work-project{display:flex;flex-direction:column;margin-bottom:.5rem}.work-project-img{aspect-ratio:5/3;overflow:hidden;margin-bottom:.75rem}.work-project-img img{width:100%;height:100%;object-fit:cover}.work-project-info{display:flex;flex-direction:column;gap:.25rem}.work-project-info-tags{text-transform:capitalize;color:var(--foreground-200)}.material-filters{position:fixed;left:2.5rem;display:flex;flex-direction:column;gap:1rem;z-index:1}.filters-title{font-size:2.2rem;margin-bottom:1.5rem;color:var(--foreground);text-transform:uppercase;letter-spacing:2px;font-weight:300;position:relative;padding-bottom:.75rem}.filters-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,rgba(20,184,166,.8),transparent);border-radius:1px}.filter-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;transition:all .3s ease;border-radius:8px;margin-bottom:.25rem}.filter-item:hover{background-color:rgba(255,255,255,.02);padding-left:.5rem}.filter-label{transition:all .3s ease;cursor:pointer;user-select:none;font-size:2em;font-weight:400;letter-spacing:.5px;position:relative}.filter-item:hover .filter-label,.filter-label{color:var(--foreground)}.filter-checkbox{appearance:none;-webkit-appearance:none;background-color:transparent;margin:0;font:inherit;color:var(--foreground-200);width:1.15em;height:1.15em;border:.15em solid;border-radius:50%;transform:translateY(.1875em);display:grid;place-content:center;cursor:pointer;transition:all .3s ease-in-out;position:relative}.filter-checkbox:hover{border-color:rgba(20,184,166,.6);box-shadow:0 0 0 2px rgba(20,184,166,.1)}.filter-checkbox:before{content:"";width:.4em;height:.4em;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;background-color:rgba(20,184,166,.9)}.filter-checkbox:checked{color:rgba(20,184,166,.9);border-color:rgba(20,184,166,.9);box-shadow:0 0 0 2px rgba(20,184,166,.2)}.filter-checkbox:checked+.filter-label{color:rgba(20,184,166,.9);font-weight:500}.filter-checkbox:checked:before{transform:scale(1)}.filter-checkbox:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.no-results-message{grid-column:1/-1;text-align:center;padding:4rem 0;color:var(--foreground-200)}@media (max-width:1000px){.work-projects-container{grid-template-columns:1fr}.work-year{top:0;left:0;transform:none;text-align:left;margin-bottom:1.5rem}.material-filters{left:1rem;gap:.5rem}.work-main{margin-left:2rem}.filters-title{font-size:1.54rem;letter-spacing:1.4px;margin-bottom:1rem}.filters-title:after{width:40px}.filter-label{font-size:1.4em}.filter-item{gap:.375rem;padding:.375rem 0}}.nav-hover-effect{position:relative;display:inline-block}.nav-hover-effect:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(20,184,166,.8) 50%,transparent);transform:translateX(-50%);transition:width .5s ease-out;border-radius:1px}.filter-item:hover .nav-hover-effect:after,.work-project:hover .nav-hover-effect:after{width:80%}