.project-screen,.portfolio-cover{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(135deg,#171a20,#4e2024)}
.reference-cover-img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease}
.project:hover .reference-cover-img,.portfolio-grid article:hover .reference-cover-img{transform:scale(1.035)}
.project-screen:after,.portfolio-cover:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#11151b0a 15%,#11151bdf 100%);pointer-events:none}
.reference-cover-content{position:absolute!important;inset:auto 24px 22px!important;z-index:3!important;display:block!important;color:#fff}
.reference-cover-content span{display:block;margin-bottom:5px;font-size:9px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase;opacity:.82}
.reference-cover-content h3,.reference-cover-content h2{max-width:100%;margin:0;color:#fff;line-height:1.15;text-shadow:0 2px 12px #0008}
.reference-cover-content h3{font-size:22px}.reference-cover-content h2{font-size:28px}
.reference-media-label{position:absolute;z-index:4;top:14px;right:14px;padding:5px 9px;border:1px solid #ffffff38;border-radius:20px;background:#11151ba8;color:#fff;font-size:8px;font-weight:850;backdrop-filter:blur(7px)}
.reference-fallback{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 85% 15%,#e52b3255,transparent 34%),linear-gradient(135deg,#171a20,#4e2024)}
.p2 .reference-fallback,.pc2 .reference-fallback{background:linear-gradient(135deg,#102341,#315fa3)}
.p3 .reference-fallback,.pc3 .reference-fallback{background:linear-gradient(135deg,#102b22,#2d7b5a)}
.pc4 .reference-fallback{background:linear-gradient(135deg,#382242,#8a497d)}
.reference-more{display:flex;justify-content:center;margin-top:38px}
.reference-more .red-btn{min-width:220px}
@media(max-width:600px){.reference-cover-content{inset:auto 18px 17px!important}.reference-cover-content h3{font-size:19px}.reference-cover-content h2{font-size:22px}.reference-media-label{top:11px;right:11px}.reference-more{margin-top:26px}.reference-more .red-btn{width:100%}}