.article.brand-page{max-width:960px;margin-left:max(0px, calc((100% - var(--measure-article)) / 2));font-size:var(--font-size-caption);line-height:1.5}.brand-page h1{margin:0 0 var(--space-3);font-size:var(--font-size-h2);line-height:1.2}.brand-page .brand-hero{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.brand-page .brand-hero p{max-width:62ch;color:var(--color-text-muted);margin:0}.brand-page .brand-section{margin-top:var(--space-7)}.brand-page h2{margin:0 0 var(--space-2);font-size:20px;line-height:1.25}.brand-page h3{margin:var(--space-5) 0 var(--space-3);font-size:var(--font-size-caption);font-weight:700}.brand-page .brand-section>p{max-width:62ch;margin:0 0 var(--space-4);color:var(--color-text-muted)}.brand-page .brand-note{margin:var(--space-3) 0 0;font-size:var(--font-size-fine)}.brand-page .brand-pair{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.brand-page .brand-tile{justify-content:center;align-items:center;gap:var(--space-4);min-height:200px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;margin:0;display:flex}.brand-page .brand-tile.is-light{background:var(--color-page-bg)}.brand-page .brand-tile.is-dark{background:var(--color-playfield);border-color:var(--color-playfield)}.brand-page .brand-tile img{max-width:100%;height:auto;display:block}.brand-page .brand-tile.is-dark figcaption{color:var(--color-playfield-muted)}.brand-page figcaption{color:var(--color-text-muted);font-size:var(--font-size-fine)}.brand-page .brand-icon{border-radius:22%}.brand-page .brand-shares{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-page .brand-shares li,.brand-page .brand-share{margin:0}.brand-page .brand-share img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.brand-page .brand-share figcaption{margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex}.brand-page .brand-share-name{color:var(--color-text);font-size:var(--font-size-caption);font-weight:var(--font-weight-button)}.brand-page .brand-swatches{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-page .brand-swatches li{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0;overflow:hidden}.brand-page .brand-chip{border-bottom:1px solid var(--color-border);height:88px;display:block}.brand-page .brand-swatches div{padding:var(--space-3)}.brand-page .brand-swatches p{margin:0}.brand-page .brand-swatch-name{font-weight:700}.brand-page .brand-code{font-size:var(--font-size-fine);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.brand-page .brand-use{font-size:var(--font-size-fine);margin-top:var(--space-2)!important}.brand-page .brand-type{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.brand-page .brand-type-name{margin:0 0 var(--space-3);letter-spacing:-.032em;font-size:40px;font-weight:800;line-height:1.1}.brand-page .brand-type ul{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-page .brand-type li{color:var(--color-text-muted);margin:0}.brand-page .brand-type li span{color:var(--color-text);font-size:40px;line-height:1.1;display:block}.brand-page .brand-donts{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-page .brand-donts li{margin:0}.brand-page .brand-dont{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-page-bg);justify-content:center;align-items:center;height:110px;display:flex;overflow:hidden}.brand-page .brand-dont.is-busy{background:repeating-linear-gradient(45deg,#507258 0 12px,#6f9a74 12px 24px)}.brand-page .brand-dont img{max-width:80%;height:auto;display:block}.brand-page .brand-donts p{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.brand-page .brand-x{color:var(--color-error);margin-right:6px;font-weight:700;display:inline-block}@media (width<=860px){.brand-page .brand-shares{grid-template-columns:minmax(0,1fr);max-width:480px}.brand-page .brand-swatches,.brand-page .brand-donts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.brand-page .brand-pair{grid-template-columns:minmax(0,1fr)}.brand-page .brand-type ul{grid-template-columns:repeat(2,minmax(0,1fr))}}