.portfolio-index .portfolio-image-container{aspect-ratio:1;position:relative;overflow:hidden}.portfolio-index .portfolio-image-container img{object-fit:cover;border-radius:15px;width:100%;height:100%;transition:all .3s}.portfolio-index .overlay{opacity:0;background-color:#00000080;border-radius:15px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}@media (min-width:576px){.portfolio-index .portfolio-image-container:hover img{filter:brightness(80%)}.portfolio-index .portfolio-image-container:hover .overlay{opacity:1}}.portfolio-index .overlay-text{color:#fff;text-align:center;font-size:2rem;font-family:var(--font-forum), Forum, serif;margin:0;padding:1rem}.portfolio-index .mobile-title{color:#d4d4d4;font-family:var(--font-forum), Forum, serif;text-align:center;margin:0;font-size:2rem}.portfolio-index .card{background:0 0}.portfolio-index .card-body{padding-top:1rem;padding-bottom:0}@media (max-width:575px){.portfolio-index .mobile-title{font-size:2rem}.portfolio-index .portfolio-image-container img{border-radius:15px 15px 0 0}}@media (max-width:575.98px){.portfolio-index .overlay{display:none}}@media (min-width:576px){.portfolio-index .card-body{display:none}}.portfolio-show .hero{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:auto;min-height:100vh;position:relative}.portfolio-show .overlay{text-align:center;color:#fff;background-color:#0006;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.portfolio-show h1{text-shadow:4px 5px 4px #00000080;margin-bottom:20px;font-family:sans-serif;font-size:4em}.portfolio-show p{text-shadow:4px 5px 4px #00000080;max-width:80vw;margin-bottom:30px;font-size:1.2em}