/* An AUsome Life: individual editorial brand sketches. */
.aal-brands{--brand-ink:#173c4c;--brand-green:#244b3e;--brand-rule:#c7cdc1;margin:26px 0 12px;color:var(--brand-ink)}
.aal-brand-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.aal-brand-filters{display:flex;gap:7px;flex-wrap:wrap}
.aal-brands button{font:400 .76rem/1.2 Arial,sans-serif;color:var(--brand-green);background:transparent;border:1px solid var(--brand-rule);border-radius:2px;padding:9px 12px;cursor:pointer;min-height:36px}
.aal-brands button:hover,.aal-brands button:focus-visible{background:#e8ece2;border-color:var(--brand-green)}
.aal-brands button:focus-visible,.aal-brand-viewport:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px}
.aal-brand-filters button[aria-pressed="true"]{background:var(--brand-green);border-color:var(--brand-green);color:#faf8f1}
.aal-brand-controls{display:flex;align-items:center;gap:7px;margin-left:auto}
.aal-brand-count{font:400 .72rem/1.3 Arial,sans-serif;color:#596963;margin-right:8px;white-space:nowrap}
.aal-brand-viewport{overflow-x:auto;overflow-y:hidden;border-block:1px solid var(--brand-rule);padding:18px 0 13px;scrollbar-width:thin;scrollbar-color:#a1ad9f transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.aal-brand-rail{display:flex;width:max-content;gap:0;align-items:stretch}
.aal-brand-set{list-style:none;margin:0;padding:0 20px 0 0;display:flex;align-items:stretch;gap:20px;width:max-content}
.aal-brand-entry{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:0 0 186px;width:186px;margin:0;padding:0;border:0;background:none;box-shadow:none}
.aal-brand-entry img{display:block;width:176px;height:165px;object-fit:contain;object-position:center bottom;margin:0 0 12px}
.aal-brand-label{font:400 1.03rem/1.2 Georgia,serif;text-align:center;color:var(--brand-ink);min-height:2.45em;display:flex;justify-content:center;align-items:flex-start;max-width:182px}
.aal-brand-hint{margin:10px 0 0;font:400 .73rem/1.5 Arial,sans-serif;color:#596963}
.aal-brand-subset-title{font:400 1.3rem/1.3 Georgia,serif;color:var(--brand-ink);margin:30px 0 8px}
.aal-brands[data-compact="true"] .aal-brand-entry{width:160px;flex-basis:160px}
.aal-brands[data-compact="true"] .aal-brand-entry img{width:152px;height:136px}
.aal-brands[data-compact="true"] .aal-brand-label{font-size:.95rem;max-width:158px}
@media(max-width:600px){.aal-brand-tools{gap:12px}.aal-brand-filters{gap:6px}.aal-brands button{font-size:.71rem;padding:8px 9px}.aal-brand-controls{margin-left:0;width:100%;justify-content:flex-end}.aal-brand-count{margin-right:auto}.aal-brand-entry{flex-basis:158px;width:158px}.aal-brand-entry img{width:150px;height:143px}.aal-brand-label{font-size:.95rem;max-width:155px}.aal-brand-set{gap:14px;padding-right:14px}.aal-brand-viewport{padding-top:14px}.aal-brands[data-compact="true"] .aal-brand-entry{flex-basis:148px;width:148px}}
@media(prefers-reduced-motion:reduce){.aal-brand-viewport{scroll-behavior:auto}}
.aal-brand-set[hidden]{display:none}
.aal-brand-entry-text{justify-content:center;min-height:214px}
.aal-brand-entry-text .aal-brand-label{font-size:1.28rem;line-height:1.35;min-height:0;align-items:center}
.aal-brand-note{font:400 .75rem/1.5 Arial,sans-serif;text-align:center;color:#596963;margin-top:8px;max-width:174px}

.aal-brand-subfilters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;padding:12px 0;border-top:1px solid var(--brand-rule)}
.aal-brand-subfilters[hidden]{display:none}
.aal-brand-subfilters button[aria-pressed="true"]{background:var(--brand-green);border-color:var(--brand-green);color:#faf8f1}
.aal-brands button{min-height:44px}