.work{display:flex;padding:1.5rem;background-color:var(--background);color:var(--foreground)}.work-sidebar{flex:1 1}.work-main{flex:3 1;margin:17.5svh 0 5svh}.work-container{margin-bottom:7.5rem}.work-year{position:relative;top:8rem;left:-7rem;transform:translateY(0);will-change:transform;z-index:1}.work-projects-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.work-project{display:flex;flex-direction:column;margin-bottom:.5rem}.work-project-img{display:flex;gap:.5rem;margin-bottom:.75rem}.work-project-img img{width:450px;height:270px;object-fit:cover;display:block}.work-project-info{display:flex;flex-direction:column;gap:.25rem}.work-project-info-tags{text-transform:capitalize;color:var(--foreground-200)}.year-indices{position:fixed;top:10svh;left:1.5rem;gap:.25rem;z-index:1}.year-index,.year-indices{display:flex;flex-direction:column}.year-index{position:relative;color:var(--foreground-200);transition:color .3s ease;width:max-content}.year-index-highlighter{width:100%;height:1.5px;background-color:var(--foreground);transform:scaleX(0);transform-origin:left}.year-index.active{color:var(--foreground)}.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}.work-year{top:0;left:0;margin-bottom:1.5rem}.year-indices{top:12.5svh;gap:.5rem}}.absolute-image-right{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:50;display:flex;justify-content:center;align-items:center;height:40vh}.absolute-image{max-width:50%;max-height:40vh;object-fit:contain;transition:transform .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.absolute-image:hover{transform:scale(2);z-index:51}.site-map-btn{position:fixed;top:50%;right:0;transform:translateY(-50%);width:120px;height:240px;background:#ffc22a;border:none;border-radius:120px 0 0 120px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:0}.site-map-btn-text{color:var(--background);font-size:1.2rem;font-weight:700;transform:rotate(-90deg);white-space:nowrap;letter-spacing:.1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-map-btn:active{filter:brightness(.95)}.site-map-btn-bottom{position:fixed;left:50%;bottom:2rem;transform:translateX(-50%);background:rgba(255,194,42,.7);color:var(--background);border:none;border-radius:1.25rem;padding:.85rem 2.5rem;font-size:1.25rem;font-weight:700;letter-spacing:.1em;cursor:pointer;z-index:1001;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:background .3s,color .3s}.site-map-btn-bottom:focus,.site-map-btn-bottom:hover{background:#ffc22a;color:var(--background)}.site-map-btn-bottom-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.site-map-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.55);z-index:2000;display:flex;align-items:center;justify-content:center}.site-map-modal-image{max-width:90vw;max-height:80vh;border-radius:1.25rem;box-shadow:0 4px 32px rgba(0,0,0,.18);background:#fff}.site-map-modal-close{position:absolute;top:2.5rem;right:2.5rem;background:#ffc22a;color:var(--background);border:none;border-radius:.75rem;font-size:2rem;font-weight:700;width:2.5rem;height:2.5rem;cursor:pointer;z-index:2100;display:flex;align-items:center;justify-content:center;transition:background .2s}.site-map-modal-close:focus,.site-map-modal-close:hover{background:#ffd96a;outline:none}