/* /clean: the clean catalog */
.cleanhow { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; align-content: end; }
.cleanhow li { padding: 14px 18px; border: 1px solid rgba(201, 138, 94, .35); border-radius: 18px; background: rgba(21, 23, 26, .72); font-size: var(--t-small, .875rem); color: var(--mute-d); }
.cleanhow b { display: block; font: 700 1rem/1.2 var(--f-slab); color: var(--chalk); margin-bottom: 2px; }
@media (min-width: 900px) { .cleanhow { max-width: 420px; } }

.cleanbody { background: var(--ink); }
.cleanpath { padding: clamp(36px, 5vw, 72px) 0 clamp(20px, 3vw, 40px); border-top: 1px solid var(--rule-d); }
.cleanpath__head { display: flex; align-items: baseline; gap: 16px; margin-bottom: 18px; }
.cleanpath__num { font: 700 clamp(2.2rem, 1.6rem + 2.4vw, 3.6rem)/1 var(--f-slab); color: var(--copper); opacity: .8; }
.cleanpath__head h2 { font-size: var(--t-h2); }
.cleanline { margin-bottom: clamp(26px, 3.6vw, 46px); scroll-margin-top: calc(var(--nav-h) + 20px); }
.cleanline__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 18px; margin-bottom: 14px; }
.cleanline__head h3 { font-size: var(--t-h3); }
.cleanline .shopgrid { --g: 14px; }
.cleanask { padding: clamp(40px, 6vw, 84px) 0; }
.cleanask__in { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .cleanask__in { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px; } }
.cleanask h2 { font-size: var(--t-h2); margin: 6px 0 10px; }