.modal{display:grid;position:fixed;justify-content:center;top:0;left:0;width:100%;max-height:100%;min-height:100%;z-index:50;background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,7%,.95) 50%,rgba(0,0,0,.9));overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;animation:modalSlideIn .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.03) 0,transparent 70%);pointer-events:none}.modal .modal__bar{position:fixed;z-index:51;background:#121212;top:0;left:0;width:100%;height:min(15vw,12vh);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal .modal__bar .modal__xbar{position:absolute;right:20%;color:#eff;font-size:calc((1.2rem + .15vw)*2);line-height:1rem;cursor:pointer;transition:color .3s ease}.modal .modal__bar .modal__xbar:hover{color:#777}.modal .project-links{display:grid;font-family:Small;text-align:center;font-size:min(4.3vw,1.5rem);line-height:min(5vw,2.5rem);grid-gap:min(9vw,3rem);gap:min(9vw,3rem);margin:min(10vw,5rem) 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05)}.modal .project-links .project-link{display:flex;align-items:center;justify-content:center;gap:.5rem}.modal a,.modal b{color:#fff}.modal a{transition:all .3s ease;text-decoration:none;font-weight:500}.modal a:hover{color:#777}.modal::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.modal__bar-title{margin:calc((min(15vw,12vh) - (1.2rem + .15vw))/2) 0 calc((min(15vw,12vh) - (1.2rem + .15vw))/2) 10vw;display:inline-block;color:#fff;font-family:Medium;font-size:calc(1.2rem + .15vw)}.modal__contents{display:flex;margin:15vh 4vw 0;background:hsla(0,0%,100%,.02);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.05);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.modal__contents p{color:#fff;text-align:left;font-family:Small;font-size:calc(.9rem + .15vw);line-height:calc(1.9rem + .15vw)}.modal__contents .modal__image{display:flex;justify-content:center;align-items:center}.modal__contents .modal__image .section-logo{width:min(56vw,30rem);height:min(56vw,30rem);margin-right:5vh;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal__contents .modal__image .section-logo:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.4)}.project-links img{width:min(4vw,2rem);object-fit:contain;pointer-events:none}@media screen and (max-width:1200px){.modal__contents{display:grid;margin:min(15vw,15vh) 1vw 0;padding:1.5rem}.modal__contents .modal__image{margin:min(10vw,5vh) 0!important}.modal__contents .modal__image .section-logo{margin:auto}.modal__contents p{margin:0 min(10vw,3rem) 3vh}.modal .project-links{display:grid!important;padding:1.5rem}}@media screen and (min-width:1700px){.modal__contents{margin:20vh 10vw 0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tag-badge{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.tag-badge:hover{background:hsla(0,0%,100%,.15);transform:translateY(-1px);box-shadow:0 4px 12px hsla(0,0%,100%,.2)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s ease-in-out}.modal-overlay.closing{opacity:0}