.project-credit{display:flex;align-items:center;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}
.project-credit>span{font:11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.project-credit img{display:block;width:auto;max-width:240px;height:58px;object-fit:contain;filter:grayscale(1)}
.project-media{display:grid;gap:18px;margin-top:42px}
.project-media.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-media.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-media figure{margin:0;overflow:hidden;border:1px solid var(--line);background:#101010}
.project-media img{display:block;width:100%;height:auto}
.project-media .wide{grid-column:1/-1}
.project-media .light{background:#f1f2f3}
.project-media .light img{object-fit:contain}
.project-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px 0 0;border:1px solid var(--line);background:var(--line)}
.project-notes article{padding:24px;background:var(--panel)}
.project-notes span{font:9px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.project-notes h3{margin:38px 0 10px;font-size:22px;font-weight:300;line-height:1.08}
.project-notes p{margin:0;color:var(--muted);font-size:15px;line-height:1.48}
.repairsmith-page .hero-image{background:#173d4e}
.mgo-page .hero-image{background:#160519}
.repairsmith-page .project-credit img{width:190px;height:auto;filter:grayscale(1) invert(.72)}
.repairsmith-page .project-hero h1{white-space:nowrap}
.repairsmith-page .project-hero h1 span{display:inline;font-weight:300}
.mgo-page .project-credit img{max-width:210px;filter:none}
.mgo-page .project-credit .plus{font:300 24px/1 "IBM Plex Sans Condensed",sans-serif;color:var(--muted)}
.mgo-page .project-notes span{font-size:11px}
.mgo-page .project-notes h3{font-size:18px;font-weight:400;margin-bottom:8px}
.mgo-page .campaign-gallery,
.mgo-page .integration-gallery{grid-template-columns:1fr}
.mgo-page .product-support figure:nth-child(2){overflow:hidden}
.mgo-page .product-support figure:nth-child(2) img{width:125%;max-width:none;margin-left:-12.5%}
@media(max-width:900px){.project-media.two,.project-media.four,.project-notes{grid-template-columns:1fr}.project-credit{align-items:flex-start;flex-wrap:wrap}.project-media .wide{grid-column:auto}}