/* Brand colours come from the individual sites; Events retains its portfolio colour. */
.brand-card.experiences{--brand-ink:#143c3d}
.brand-card.wine{--brand-ink:#20231f}
.brand-card.hotels{--brand-ink:#243b40}
.brand-card.restaurants{--brand-ink:#26211f}
.brand-card.weddings{--brand-ink:#303832}
.brand-card.events{--brand-ink:#686877}
.brands{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-card{color:var(--brand-ink);min-width:0}
.brand-card p,.brand-card .label,.brand-card .read{color:inherit}
.brand-card p{font-size:16px}
.brand-card .label,.brand-card .read{font-size:14px}
.brand-card .collection-logo{display:flex;align-items:center;gap:14px;margin:30px 0 22px;letter-spacing:normal;line-height:1.1;font-style:normal}
.collection-mark{position:relative;display:grid;grid-template-rows:1fr 1fr;place-items:center;box-sizing:border-box;flex:0 0 58px;width:58px;height:58px;border:1px solid currentColor;border-radius:50%;padding:10px 9px;font:400 16px/.9 Newsreader,Georgia,serif;letter-spacing:.13em}
.collection-mark::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:1px;background:currentColor}
.collection-mark span,.collection-mark b{margin:0;padding-left:.13em;font:inherit;line-height:.9}
.collection-mark b{transform:translateY(2px)}
.collection-name{display:grid;gap:4px;min-width:0;font:500 clamp(12px,1.4vw,17px)/1.3 Manrope,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.collection-name strong{font:inherit}
.brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:auto;padding-top:18px;font-size:14px}
.brand-actions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.brand-actions a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.brand-actions .site-pending{font-size:14px}
.brand-card:hover .read{text-decoration:none}
@media(max-width:760px){.brands{grid-template-columns:minmax(0,1fr)}.collection-name{font-size:clamp(12px,3.3vw,17px);letter-spacing:.14em}}
@media(max-width:360px){.brand-card .collection-logo{gap:10px}.collection-mark{flex-basis:48px;width:48px;height:48px;padding:8px;font-size:13px}.collection-mark::after{left:8px;right:8px}}
