.sub-hero{background:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.66) 45%,rgba(5,5,5,.28) 100%),url("https://images.unsplash.com/photo-1626785774573-4b799315345d?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat}

.ci{background:#fff}
.ci-mark{background:var(--si-light);border:1px solid var(--si-line);min-height:280px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}
.ci-mark .logo-preview{display:flex;align-items:center;gap:16px}
.ci-mark .brand-logo{width:70px;height:70px}
.ci-mark .brand-logo span{font-size:38px}
.ci-mark .logo-preview strong{font-size:30px;font-weight:800;letter-spacing:-.05em}
.ci-desc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ci-desc{border:1px solid var(--si-line);padding:26px 22px}
.ci-desc .swatch{width:100%;height:60px;margin-bottom:16px}
.ci-desc h4{margin:0 0 8px;font-size:14px;font-weight:600}
.ci-desc p{margin:0;font-size:12px;color:var(--si-gray);line-height:1.8}
@media(max-width:1000px){.ci-desc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ci-desc-grid{grid-template-columns:1fr}}