.work-page{background:#fff;color:#000;min-height:100vh}.work-hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;text-align:center}.work-hero h1{font-size:clamp(4rem,10vw,8rem);line-height:1;margin:0;font-weight:400;letter-spacing:-.02em}.work-hero h1 em,.work-hero h1 i{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--fg-soft,#a0a0a0)}.portfolio-hover-index{display:grid;place-items:center;min-height:100vh;width:100%;background:#f4f4f4;padding:4rem 0}.portfolio-hover-container{max-width:75rem;width:100%;margin:0 auto;padding:0 .9375rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-hover-container .projects{display:flex;flex-direction:column;width:100%;max-width:62.5rem}.portfolio-hover-container .project{width:100%;display:flex;align-items:center;justify-content:space-between;padding:3rem 4rem;border-top:1px solid rgba(0,0,0,.2);cursor:pointer;position:relative}.portfolio-hover-container .project h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:500}.portfolio-hover-container .project h2,.portfolio-hover-container .project p{transition:.5s ease;margin:0;color:#000}.portfolio-hover-container .project:last-child{border-bottom:1px solid rgba(0,0,0,.2)}.portfolio-hover-container .project:hover{opacity:.5}.portfolio-hover-container .project:hover h2{transform:translateX(-.9375rem)}.portfolio-hover-container .project:hover p{transform:translateX(.9375rem)}.portfolio-hover-container .project-thumbnail{position:fixed;width:25rem;height:15.625rem;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;top:0;left:0;transform-origin:center center;z-index:50;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.portfolio-hover-container .thumbnail{width:100%;height:100%;flex-shrink:0}.portfolio-hover-container .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}