/* PixelandBits: historical project, scoped to the shared case template. */
.px-case [id]{scroll-margin-top:100px}.px-case .pd-hero-grid{grid-template-columns:1.12fr 1fr;gap:52px}
.px-case .px-status{display:inline-block;margin-top:24px;padding:7px 13px;font-size:12px;color:#555e6e;border:1px solid #cbd1de;border-radius:24px;background:#fff}
.px-case .pd-showcase{transform:rotate(1deg)}.px-case .pd-showcase img{border-radius:7px}
.px-case .px-image-tags{display:flex;justify-content:center;gap:8px;margin-top:17px}
.px-case .px-image-tags span{padding:5px 12px;border-radius:20px;background:#f0f3f9;color:#4b5c92;font-size:11px}
.px-case .px-index{display:flex;flex-wrap:wrap;gap:9px 27px;padding-block:23px;border-bottom:1px solid #e0e4ee}
.px-case .px-index a{font-size:12px;color:#4b5c92;text-underline-offset:5px;padding-block:9px}
.px-case .px-section{padding-block:76px}.px-case .px-intro{max-width:780px;margin-top:23px;color:#62697a}
.px-case .px-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:35px 0 0;padding:0;list-style:none}
.px-case .px-flow li{border:1px solid #dfe3eb;border-radius:12px;padding:30px;background:linear-gradient(145deg,#f1f3f9,#fff)}
.px-case .px-flow svg{width:40px;height:40px;display:block;color:#4b5c92;margin-bottom:26px}
.px-case .px-step{display:block;font-size:10px;letter-spacing:.14em;color:#4b5c92;font-weight:700;margin-bottom:10px}
.px-case .px-flow h3{margin-bottom:16px}.px-case .px-flow p{font-size:14px;color:#4b5262}
.px-case .px-table{margin-top:35px}.px-case .px-band{background:#f4f6fa;border-block:1px solid #e0e4ee}
.px-case .px-evidence{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:30px}
.px-case .px-evidence>div{padding:25px 0;border-bottom:1px solid #dfe3eb}.px-case .px-evidence dt{font-size:12px;color:#4b5c92;font-weight:700;margin-bottom:10px}.px-case .px-evidence dd{font-size:15px}
.px-case .px-sources{margin-top:32px;border-left:3px solid #ffca42;padding:8px 0 8px 24px}.px-case .px-sources h3{font-size:19px;margin-bottom:18px}.px-case .px-sources p{font-size:14px;margin-top:15px;color:#4b5262}.px-case .px-sources a{color:#364b83;text-underline-offset:3px}.px-case .px-sources .px-small{font-size:12px;color:#62697a}
.px-case .px-faq details{border-bottom:1px solid #d4dbe9;padding:20px 0}.px-case .px-faq h2{margin-bottom:20px}.px-case summary{cursor:pointer;font-weight:700;padding:6px 4px;min-height:40px}.px-case summary:focus-visible{outline:3px solid #a46c00;outline-offset:3px}.px-case details p{max-width:860px;color:#4b5262;font-size:15px;margin:16px 0 5px}.px-case details a{color:#364b83}
.px-case .px-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 20px}
.px-case .px-related a{display:block;padding:27px;border:1px solid #dfe3eb;border-radius:10px;text-decoration:none;background:#f7f8fb}
.px-case .px-related a:hover{border-color:#4b5c92;background:#edf0f7}.px-case .px-related strong,.px-case .px-related span{display:block}.px-case .px-related strong{font-size:16px;color:#364b83}.px-case .px-related span{font-size:14px;margin-top:14px;color:#4b5262}
.px-case .pd-cta{margin-top:0}
@media(max-width:950px){.px-case .pd-hero-grid{gap:30px}.px-case .px-flow{gap:14px}.px-case .px-flow li{padding:22px}.px-case .px-related{gap:12px}}
@media(max-width:680px){.px-case .pd-hero-grid,.px-case .px-flow,.px-case .px-evidence,.px-case .px-related{grid-template-columns:1fr}.px-case .pd-showcase{transform:none}.px-case .pd-service-grid{grid-template-columns:1fr}.px-case .px-section{padding-block:46px}.px-case .px-index{gap:5px 20px}.px-case .px-flow li{padding:25px}.px-case .px-flow svg{margin-bottom:18px}.px-case .px-related a{padding:25px}.px-case .px-sources{padding-left:17px}}

.px-case .px-brand{padding:22px;background:white;border:1px solid #e0e4ee;border-radius:16px;box-shadow:0 25px 60px -30px #4b5c9270;transform:rotate(1deg)}
.px-case .px-brand-label{font-size:9px;color:#62697a;font-weight:700;letter-spacing:.1em;padding-bottom:18px}
.px-case .px-brand img{display:block;width:100%;height:340px;object-fit:contain;background:#ccdc00;border-radius:6px}
.px-case .px-brand figcaption{font-size:12px;color:#62697a;line-height:1.7;padding-top:18px}
.px-case .px-gallery{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:25px;margin-top:35px;align-items:center}
.px-case .px-gallery figure{border:1px solid #e0e4ee;border-radius:10px;overflow:hidden;background:white}
.px-case .px-gallery img{display:block;width:100%;height:auto;padding:25px}
.px-case .px-gallery figcaption{padding:22px;border-top:1px solid #e0e4ee}
.px-case .px-gallery strong,.px-case .px-gallery span{display:block}
.px-case .px-gallery strong{font-size:18px}.px-case .px-gallery span{font-size:13px;color:#62697a;margin-top:10px}
.px-case .px-gallery-note{padding-left:8px}.px-case .px-gallery-note h3{font-size:24px;margin-bottom:20px}.px-case .px-gallery-note p:not(.pd-eyebrow){font-size:15px;color:#4b5262;margin-top:20px}.px-case .px-gallery-note p.px-small{font-size:12px;color:#62697a}
.px-case .px-related{grid-template-columns:1fr 1fr}
@media(max-width:950px){.px-case .px-gallery{grid-template-columns:1fr 1fr}.px-case .px-gallery-note{grid-column:1/-1;padding:0}.px-case .px-brand img{height:300px}}
@media(max-width:680px){.px-case .px-brand{transform:none;padding:18px}.px-case .px-brand img{height:310px}.px-case .px-gallery{gap:12px}.px-case .px-gallery img{padding:12px}.px-case .px-gallery figcaption{padding:14px}.px-case .px-gallery strong{font-size:15px}.px-case .px-gallery span{font-size:12px}.px-case .px-gallery-note{margin-top:20px}.px-case .px-related{grid-template-columns:1fr}}