.brand-tile>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:6px;border:1px solid var(--border)}.brand-tile h3{margin-top:12px}.brand-case .section{padding-block:60px}.brand-figure{margin:0 0 36px;min-width:0}.brand-figure>a{display:block;border-radius:5px;overflow:hidden}.brand-figure img{width:100%;height:auto;display:block}.brand-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:13px;color:var(--muted);line-height:1.6}.brand-figure figcaption>a{flex-shrink:0;color:inherit}.brand-hero img{border-radius:6px}.brand-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:start;max-width:none;margin-bottom:36px}.brand-copy h2{margin:0;max-width:20ch}.brand-copy p{margin:0;max-width:65ch}.brand-copy p,.brand-annotation{color:var(--muted);line-height:1.8}.brand-annotation{max-width:68ch;margin:0 0 32px;text-align:left;line-height:1.65}.brand-figure.brand-construction{margin-bottom:20px}.brand-scope{color:var(--muted)}.brand-download{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--section-blue);padding:40px}.brand-download>div{max-width:60ch}.brand-download h2{margin-bottom:20px}.brand-download p{line-height:1.75}.brand-download .caption{margin-top:16px;color:var(--muted);font-size:13px}.brand-download .button{flex-shrink:0}.brand-board-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.brand-board-pair .brand-figure{margin-bottom:0}.brand-campaign{margin-top:44px}.brand-figure>a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:800px){.brand-case .section{padding-block:36px}.brand-board-pair{grid-template-columns:1fr;gap:30px}.brand-download{flex-direction:column;align-items:flex-start;padding:24px}.brand-copy{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.brand-copy h2{max-width:none}.brand-figure{margin-bottom:28px}.brand-figure figcaption{gap:12px}.brand-annotation{margin-bottom:32px}.brand-campaign{margin-top:30px}}

.brand-mockup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.brand-mockup-grid .brand-figure{margin-bottom:0}.brand-mockup-grid img{border-radius:5px}.brand-mockup-grid+.brand-campaign{margin-top:44px}@media(max-width:800px){.brand-mockup-grid{grid-template-columns:1fr;gap:30px}}

.brand-campaign>summary{font-size:14px;font-weight:600;cursor:pointer;padding-block:16px;border-top:1px solid var(--border);color:var(--text)}.brand-campaign[open]>summary{margin-bottom:16px}.brand-figure picture{display:block}

/* Natural preview ratio includes attribution footer, preventing side letterboxing. */
.brand-tile>img{display:block;width:100%;height:auto;max-width:100%;padding:0}.brand-all-grid>[hidden]{display:none!important}.brand-index-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px}.brand-index-heading h2{margin:0}.brand-controls{margin-bottom:36px}.brand-search{display:grid;gap:10px;max-width:460px;font-size:14px}.brand-search input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:6px;padding:12px 16px;background:var(--bg);color:var(--text);font:inherit}.brand-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.brand-filters button{min-height:44px;border:1px solid var(--border);border-radius:999px;padding:10px 17px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.brand-filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.brand-filters button:focus-visible,.brand-search input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#all-brands{scroll-margin-top:24px}@media(max-width:620px){.brand-index-heading{display:block}.brand-index-heading>a,.brand-index-heading>p{display:block;margin-top:14px}.brand-search{max-width:none}.brand-filters{gap:8px}.brand-filters button{padding:10px 13px}}