.landing .b-brand{padding:64px 0 80px}.landing .b-brand .lede{max-width:640px;color:var(--ink-2);margin:0 0 40px}.landing .b-brand .dl{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:64px;display:flex}.landing .b-brand .dl .note{font-family:var(--font-count);color:var(--ink-2);font-size:12px}.landing .b-brand .group{margin-bottom:64px}.landing .b-brand .rulehead h2{margin:0;font-weight:400}.landing .b-brand .lede a,.landing .b-brand .rules a{margin:-12px 0;padding:12px 0;display:inline-block}.landing .b-brand .cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.landing .b-brand .card{border:1px solid var(--hair);flex-direction:column;margin:0;display:flex}.landing .b-brand .card .show{aspect-ratio:16/7;place-items:center;padding:24px;display:grid}.landing .b-brand .card .show img{max-width:100%;max-height:100%;display:block}.landing .b-brand .card .show.on-ivory{background:var(--harnace-ivory)}.landing .b-brand .card .show.on-charcoal{background:var(--harnace-charcoal)}.landing .b-brand .card .show.on-clay{background:var(--harnace-clay)}.landing .b-brand .card .show.on-sand{background:var(--harnace-sand)}.landing .b-brand .card .meta{border-top:1px solid var(--hair);background:var(--surface);padding:12px 16px 14px}.landing .b-brand .card .meta .name{margin:0 0 2px;font-size:15px;font-weight:600}.landing .b-brand .card .meta .note{color:var(--ink-2);margin:0 0 10px;font-size:13px}.landing .b-brand .card .meta .fmts{flex-wrap:wrap;gap:8px;display:flex}.landing .b-brand .card .meta .fmts a{min-width:44px;min-height:44px;font-family:var(--font-count);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);transition:background-color var(--traverse-step);justify-content:center;align-items:center;padding:0 12px;font-size:12px;text-decoration:none;display:inline-flex}.landing .b-brand .card .meta .fmts a:hover{background:var(--ink);color:var(--ground)}.landing .b-brand .swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.landing .b-brand .swatch{border:1px solid var(--hair)}.landing .b-brand .swatch .chip{height:72px}.landing .b-brand .swatch .meta{padding:10px 12px;font-size:13px}.landing .b-brand .swatch .meta b{display:block}.landing .b-brand .swatch .meta code{font-family:var(--font-count);color:var(--ink-2);font-size:12px}.landing .b-brand .rules{columns:2;column-gap:40px;max-width:900px;padding-left:20px}.landing .b-brand .rules li{break-inside:avoid;margin-bottom:10px}@media (max-width:720px){.landing .b-brand .rules{columns:1}}