.header{justify-content:space-between;align-items:center;display:flex}.socials{justify-content:space-between;align-items:center;gap:25px;display:flex}.social-link svg *{fill:#ffffff80;transition:all .12s ease-in-out}.social-link:hover svg *{fill:#fff;transition:all .12s ease-in-out}
.app{width:50px;height:50px;transition:width,height,margin-top,all .1s cubic-bezier(.25,1,.5,1);position:relative}.app:hover{width:75px;height:75px;margin-top:-25px}.app:hover+.app{width:calc(65px + var(--dock-offset-right,0px));height:calc(65px + var(--dock-offset-right,0px));margin-top:calc(-15px + var(--dock-offset-right,0px)*-1)}.app:hover+.app+.app{width:calc(60px + var(--dock-offset-right,0px));height:calc(60px + var(--dock-offset-right,0px));margin-top:calc(-10px + var(--dock-offset-right,0px)*-1)}.app:has(+.app:hover){width:calc(65px + var(--dock-offset-left,0px));height:calc(65px + var(--dock-offset-left,0px));margin-top:calc(-15px + var(--dock-offset-left,0px)*-1)}.app:has(+.app+.app:hover){width:calc(60px + var(--dock-offset-left,0px));height:calc(60px + var(--dock-offset-left,0px));margin-top:calc(-10px + var(--dock-offset-left,0px)*-1)}body{margin:0}.dock ul{padding:0;list-style-type:none;display:flex}.app{width:50px;height:50px;position:relative}.app img{width:100%;height:100%}.app a{color:#fff;border-radius:12px;width:100%;height:100%;display:block}.app:hover .tooltip,.app:focus-within .tooltip{opacity:1}.tooltip{opacity:0;white-space:nowrap;background:#00000094;border-radius:12px;width:auto;padding:8px;font-size:12px;transition:opacity .1s ease-in;display:block;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);box-shadow:0 12px 8px 1px #0000002b}.dock.mobile .app,.dock.mobile .app img{transition:none!important;transform:none!important}.dock.mobile .app:hover{transform:none!important}
.project-card{border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 10px #000000b3}.project-card .clickable-container{cursor:pointer;width:100%;height:100%}.project-card .media-container{width:100%;height:100%;position:relative}.project-card .media-container:after{content:"";opacity:0;z-index:2;background:linear-gradient(#0000,#000000e6);width:100%;height:60%;transition:opacity .3s ease-in-out;position:absolute;bottom:0;left:0}.project-card .media-container:hover:after{opacity:1}.project-card .media-container>img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.project-card .media-container .project-video{object-fit:cover;opacity:0;z-index:2;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.project-card .media-container .project-video.visible{opacity:1}.project-card .media-container .project-info{color:#fff;z-index:3;width:100%;padding:40px 20px;transition:bottom .2s ease-in-out;position:absolute;bottom:-150%;left:0}.project-card .media-container .project-info.visible{bottom:0}.project-card .media-container .project-info .project-info-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.project-card .media-container .project-info .project-info-header h3{color:#fff;font-size:1.8rem;font-weight:#000;margin:0}.project-card .media-container .project-info .project-info-header-links{align-items:center;display:flex}.project-card .media-container .project-info .project-info-header-links a{color:#fff;margin-left:15px;text-decoration:none;transition:transform .2s,filter .2s;display:inline-block}.project-card .media-container .project-info .project-info-header-links a:hover{filter:brightness(1.2);transform:scale(1.15)}.project-card .media-container .project-info .project-info-header-links a svg{transition:transform .2s}.project-card .media-container .project-info .project-info-header-links a svg path{transition:fill .2s}.project-card .media-container .project-info p{margin:0}