.slide{height:80vh;min-width:100px;max-width:calc(100vw - 100px);border-radius:0;cursor:pointer;color:#fff;flex:1;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;transition-property:flex,filter;transition-duration:.5s,.18s;transition-timing-function:cubic-bezier(.4,0,.2,1),ease;filter:grayscale(100%);overflow:hidden}.slide:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.slide:hover{filter:grayscale(0)}.slide .title{transition:opacity .2s ease-in-out;opacity:1;min-height:80px;display:flex;align-items:flex-start;line-height:1.5;font-size:.875rem;line-height:1.25rem}.slide.active{flex:4;filter:grayscale(0)}.slide.active .title{opacity:0}.slide .content{width:100%;height:100%;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.slide.active .content{opacity:1}.slide .content .content-wrapper{opacity:0;transform:translateY(-20px);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.1s;height:100%}.slide.active .content .content-wrapper{opacity:1;transform:translateY(0)}.slide .content .top-section{opacity:0;transform:translateY(-20px);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.slide.active .content .top-section{opacity:1;transform:translateY(0)}.slide .content .bottom-section{opacity:0;transform:translateY(20px);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.2s}.slide.active .content .bottom-section{opacity:1;transform:translateY(0)}.slide .content .left-side{opacity:0;transform:translateX(-100px);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.1s;max-width:400px;width:100%;flex-shrink:0}.slide.active .content .left-side{opacity:1;transform:translateX(0)}.slide .content .right-side{opacity:0;transform:translateY(-100px);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.1s;flex:1}.slide.active .content .right-side{opacity:1;transform:translateY(0)}.slide .title span{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-heading h2{max-width:min(100%,34rem);text-wrap:balance;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.2em;transition-property:color,text-decoration-color;transition-duration:.18s;transition-timing-function:ease}.project-heading-icon{transition-property:color,transform;transition-duration:.18s;transition-timing-function:ease}.project-open-link{display:block;cursor:pointer}.project-open-link:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:-3px}.slide.active:focus-within .project-heading h2,.slide.active:hover .project-heading h2{color:hsl(var(--accent));text-decoration-color:hsl(var(--accent))}.slide.active:focus-within .project-heading-icon,.slide.active:hover .project-heading-icon{transform:translateX(4px)}