/* A slate transparency surface keeps light and dark logos visible without altering the image. */
.project-logo{display:grid;place-items:center;overflow:hidden;background:#fff;background-size:16px 16px;border:1px solid #64748b;box-shadow:0 4px 13px #19375c12}
.project-logo img{display:block;width:100%;height:100%;object-fit:contain}
.project-cover .project-logo-card{position:absolute;left:14px;top:14px;width:65px;height:65px;padding:9px;border-radius:15px;z-index:1}
.project-cover .project-logo-showcase{width:65%;height:75%;max-width:230px;padding:17px 24px;border-radius:16px;box-shadow:0 8px 26px #23375b13}
.project-detail-heading{display:flex;gap:22px;align-items:flex-start;margin:24px 0}
.project-detail-heading .page-header{flex:1;min-width:0;margin:0}
.project-detail-heading .page-heading{overflow-wrap:anywhere}
.project-logo-detail{width:88px;height:88px;padding:12px;border-radius:19px;flex-shrink:0}
html[data-theme=dark] .project-logo{border-color:#ffffff30}
@media(max-width:600px){.project-cover .project-logo-card{width:58px;height:58px;top:13px;left:13px;padding:8px;border-radius:13px}.project-detail-heading{display:block;margin:24px 0}.project-logo-detail{width:75px;height:75px;margin-bottom:19px;border-radius:17px}}