.work-archive{background-color:var(--base-100);min-height:100vh}.work-archive-header{padding:8rem 0 4rem;border-bottom:1px dashed var(--base-300)}.work-archive-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px dashed var(--base-300)}.work-archive-header h1{font-size:clamp(4rem,12vw,12rem);line-height:.9;margin-bottom:2rem;text-align:center}.work-archive-meta{text-align:center;opacity:.6}.work-list{max-width:1400px;margin:0 auto;padding:0 2rem}.project-item{padding:4rem 0;border-bottom:1px dashed var(--base-300);opacity:0;transform:translateY(40px);will-change:transform,opacity}.project-item:last-child{border-bottom:none}.project-link{display:block;text-decoration:none;color:inherit}.project-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem;gap:2rem}.project-index{font-size:.875rem;color:var(--base-secondary-dark);white-space:nowrap;min-width:3rem}.project-title{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0;flex:1;transition:opacity .3s ease}.project-link:hover .project-title{opacity:.6}.project-year{font-size:.875rem;color:var(--base-secondary-dark);white-space:nowrap}.project-media-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--base-300);border:1px dashed rgba(249,244,235,.2);border-radius:0;margin-bottom:2rem}.project-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-link:hover .project-bg-image{transform:scale(1)}.project-overlay{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);z-index:10}.project-link:hover .project-overlay{opacity:1}.project-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;object-fit:contain;z-index:20;clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);transition:clip-path .7s cubic-bezier(.87,0,.13,1),transform .7s cubic-bezier(.87,0,.13,1),width .7s cubic-bezier(.87,0,.13,1),height .7s cubic-bezier(.87,0,.13,1)}.project-link:hover .project-video{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translate(-50%,-50%);width:96%;height:96%}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.project-description{flex:2;font-size:1rem;line-height:1.6;color:var(--base-300);opacity:.75;max-width:600px}.project-tags{flex:1;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.project-tag{padding:.5rem 1rem;background-color:transparent;border:1px dashed var(--base-300);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;transition:all .3s ease}.project-link:hover .project-tag{background-color:var(--base-300);color:var(--base-100);border-style:solid}@media (min-width: 1400px){.work-list{padding:0 4rem}}@media (max-width: 1200px){.work-archive-header{padding:6rem 0 3rem}.work-archive-header h1{font-size:clamp(3rem,10vw,8rem)}.project-item{padding:3rem 0}.project-header{margin-bottom:1.5rem}.project-title{font-size:clamp(1.75rem,3.5vw,3rem)}.project-media-wrapper{margin-bottom:1.5rem}.project-meta{flex-direction:column;gap:1.5rem}.project-tags{justify-content:flex-start}}@media (max-width: 768px){.work-archive-header{padding:5rem 0 2rem}.work-archive-header h1{font-size:clamp(2.5rem,12vw,4rem);margin-bottom:1.5rem}.work-archive-top-bar{margin-bottom:2rem;flex-wrap:wrap;gap:.5rem}.work-list{padding:0 1.5rem}.project-item{padding:2.5rem 0}.project-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.project-index{order:1}.project-title{order:2;font-size:clamp(1.5rem,8vw,2.5rem)}.project-year{order:3}.project-media-wrapper{aspect-ratio:4 / 3;margin-bottom:1.5rem}.project-description{font-size:.9375rem;max-width:100%}.project-tags{width:100%}.project-video{display:none}}@media (max-width: 480px){.work-archive-header h1{font-size:2.5rem}.project-item{padding:2rem 0}.project-title{font-size:1.75rem}.project-tag{font-size:.6875rem;padding:.4rem .8rem}}