.project-cover.project-screenshot{display:block;aspect-ratio:auto;background:#0c1c15;border:1px solid #36503e;filter:none}
.project-browserbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;background:#10241a;color:#9bb4a5;font-size:12px;line-height:1.4}
.project-browserbar>span:first-child{font-size:9px;letter-spacing:3px;color:#668573}
.project-browserbar>span:last-child{font-size:17px;color:#b9d5c4}
.project-screenshot>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:filter .3s ease}
@media(hover:hover){.project-screenshot:hover{border-color:#6d9d7f}.project-screenshot:hover>img{filter:brightness(1.04)}}
@media(max-width:520px){.project-browserbar{font-size:10px;padding:11px 13px}.project-browserbar>span:first-child{font-size:7px;letter-spacing:2px}}