:root{--red:#c33e43;--brand-primary:#c33e43;--brand-hover:#a63236;--brand-tint:#faf0f1}footer :focus-visible{outline-color:#e9a9ab}.ci-heading{padding-block:70px 46px}.ci-heading h1{font-size:clamp(34px,4vw,56px);line-height:1.15;margin:0 0 20px}.ci-heading p{color:#555;max-width:70ch}.ci-section{padding-block:42px 54px;border-top:1px solid #b9b9b9}.ci-section h2{font-size:28px;margin:0 0 18px}.ci-section p{max-width:70ch;line-height:1.8}.ci-logo-stage{margin:30px 0;min-height:290px;display:grid;place-items:center;background:#f5f5f5;padding:40px}.ci-logo-stage img{width:min(100%,420px);height:auto;display:block}.ci-color{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;min-height:250px}.ci-swatch{background:#c33e43;color:#fff;display:flex;align-items:end;padding:32px;font-size:26px;font-weight:600}.ci-values{background:#f5f5f5;padding:32px;margin:0;display:flex;flex-direction:column;justify-content:center;gap:18px}.ci-values dt{font-size:14px;color:#555}.ci-values dd{font-size:24px;margin:4px 0 0}.ci-example{border:1px solid #ddd;padding:48px;margin-block:28px;display:flex;justify-content:space-between;align-items:center;gap:32px}.ci-example img{width:180px;height:auto}.ci-example span{font-size:20px;font-weight:600}@media(max-width:760px){.ci-heading{padding-block:48px 32px}.ci-section{padding-block:30px 38px}.ci-logo-stage{min-height:200px;padding:32px}.ci-color{grid-template-columns:1fr}.ci-swatch{min-height:170px}.ci-example{padding:28px;flex-direction:column;align-items:start}}