.project-preview .project-image{aspect-ratio:.72;background:#0c1420;border:1px solid #bac5d6;border-radius:16px;isolation:isolate}
.project-preview .project-image>img,.project-preview.clay .project-image>img{object-fit:cover;object-position:center top;display:block;width:100%;height:100%}
.project-preview .project-image:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(5,10,22,.18) 35%,rgba(5,10,22,.90) 78%,#050a16 100%);pointer-events:none;z-index:1}
.project-preview .card-label{background:none;color:#fff;z-index:2;padding:26px 18px 20px}
.project-preview .card-label small{color:#d5e0f3;font-size:9px;line-height:1.4}
.project-preview .card-label strong{font-size:clamp(20px,2.1vw,30px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
.project-preview .card-label>span{font-size:11px;color:#e4edff;margin-top:12px}
.project-preview .project-hover{z-index:3}
.reference-drawer-grid .project-image{aspect-ratio:.72}
.reference-drawer-grid .card-label{padding:22px 18px}
.project-preview:focus-visible{outline:3px solid #073bff;outline-offset:4px}
@media(max-width:760px){.reference-drawer-grid .card-label{padding:18px 12px}.reference-drawer-grid .card-label strong{font-size:18px}.reference-drawer-grid .card-label small{font-size:7px}.reference-drawer-grid .card-label>span{font-size:9px}.reference-strip .project-image{aspect-ratio:.72}}
@media(prefers-reduced-motion:reduce){.project-preview,.project-preview .project-image>img{transition:none}}