.work-sample-preview{border-radius:19px;cursor:pointer;position:relative}.work-sample-preview--content{border-radius:19px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:opacity .1s ease-in}.work-sample-preview:hover .work-sample-preview--content{opacity:1}.work-sample-modal .modal-body{background-position:left 140px;background-repeat:no-repeat}.work-sample-modal .tags{color:#000021;font-size:1.85rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase}.work-sample-modal .project-title{color:#330072;font-family:Sofia Sans Extra Condensed;font-size:4.5rem;font-weight:900;line-height:.85;text-transform:uppercase}.work-sample-modal .client-name{color:#000021;font-size:1.85rem;font-weight:600;margin-bottom:8rem}.work-sample-modal .work-sample-header{color:#000021;font-size:3.5rem;font-weight:600;margin-bottom:2rem}.work-sample-modal .description{color:#000021;font-size:1.85rem}.work-sample-modal .carousel-item img{height:auto;max-width:100%}@media (max-width:768px){.work-sample-modal .description{font-size:1rem}.work-sample-modal .project-title{font-size:3.5rem}.work-sample-modal .work-sample-header{font-size:2.5rem;margin-bottom:6rem}.modal-content{margin:0 auto;max-width:90%}}