.project-entry .img-wrapper{position:relative;aspect-ratio:450/600;overflow:hidden;-webkit-transform-origin:center center;transform-origin:center center}.project-entry .img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease}.project-entry .img-wrapper.video iframe,.project-entry .img-wrapper.video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease}.project-entry .project-logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;z-index:3;pointer-events:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("../../assets/icon-letter-h.svg");mask-image:url("../../assets/icon-letter-h.svg");width:1.125rem;height:1.125rem}.project-entry .project-logo .icon{width:1.125rem;height:1.125rem}.project-entry .project-logo .icon:after{background:var(--white)}.project-entry .customer{font:var(--eyebrow-font);color:var(--color-text);margin-right:0.625rem;text-decoration:none!important}.project-entry a{z-index:99;text-decoration:none}.project-entry a h2,.project-entry a h3{font:var(--body-font);opacity:0;-webkit-transition:opacity 0.6s ease;transition:opacity 0.6s ease}.project-entry a h2 .heading,.project-entry a h3 .heading{text-decoration:underline}.project-entry a h2 .customer,.project-entry a h3 .customer{text-decoration:none!important}.project-entry .iframe-container{background-color:var(--black);aspect-ratio:450/600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project-entry .iframe-container iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.project-entry .iframe-container video{pointer-events:none}.project-entry.media-expanded h2,.project-entry.media-expanded h3{opacity:1}@container main (min-width: 80rem){.project-entry a:focus-visible .img-wrapper iframe,.project-entry a:focus-visible .img-wrapper img,.project-entry a:focus-visible .img-wrapper video,.project-entry a:hover .img-wrapper iframe,.project-entry a:hover .img-wrapper img,.project-entry a:hover .img-wrapper video{-webkit-transform:scale(0.85) rotate(2deg);transform:scale(0.85) rotate(2deg)}.project-entry a:focus-visible .project-logo,.project-entry a:hover .project-logo{opacity:1;-webkit-animation:spinLogo 3s linear infinite;animation:spinLogo 3s linear infinite}}@-webkit-keyframes spinLogo{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinLogo{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}