.brand-card{position:relative}.brand-open{font:inherit;color:inherit;background:none;border:0;border-radius:inherit;width:100%;height:100%;min-height:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:22px 18px}.brand-open:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.collab-dialog{width:min(94vw,700px);max-height:92dvh;border:1px solid #244c50;background:#f5eee2;color:#244c50;padding:24px;overflow:auto}.collab-dialog::backdrop{background:rgba(10,32,36,.8)}.collab-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.collab-head p{font-size:10px;letter-spacing:.12em;margin:0 0 8px;font-weight:700}.collab-head h2{font:700 clamp(22px,4vw,34px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0}.collab-close{font:700 13px Arial,sans-serif;color:inherit;background:transparent;border:1px solid currentColor;padding:10px 12px;cursor:pointer;white-space:nowrap}.collab-media{display:flex;justify-content:center;background:#244c50}.collab-media img,.collab-media video{width:100%;height:auto;max-height:65dvh;object-fit:contain;display:block}.collab-media iframe{width:100%;height:65dvh;min-height:360px;border:0;background:white}.collab-original{display:inline-block;font:700 12px Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;margin-top:20px}@media(max-width:690px){.collab-dialog{padding:18px;width:94vw}.brand-open{padding:18px 12px}}

.collab-media{background:transparent}.collab-media img,.collab-media video{width:auto;max-width:100%;max-height:65dvh;height:auto;object-fit:contain}.collab-dialog:has(.collab-media>img),.collab-dialog:has(.collab-media>video){width:fit-content;max-width:94vw}.collab-head{min-width:min(310px,75vw)}

.brand-more{font:700 clamp(16px,2vw,21px)/1.5 Arial,Helvetica,sans-serif;margin:28px 0 0;color:var(--ink,#244c50)}

.collab-media{position:relative}.collab-controls-activate{position:absolute;inset:0;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.collab-controls-activate:focus-visible{outline:3px solid #536b82;outline-offset:-4px}

/* The whole tile responds immediately, without relying on mobile :active. */
.brands-grid .brand-card{--press-bg:#244c50;transition:transform .1s ease;isolation:isolate}
.brands-grid .brand-card:nth-child(4n+2){--press-bg:#334540}
.brands-grid .brand-card:nth-child(4n+3){--press-bg:#536b82}
.brands-grid .brand-card:nth-child(4n){--press-bg:#32494c}
.brands-grid .brand-card .brand-open{position:absolute;inset:0;min-height:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.brands-grid .brand-card:is(.is-pressed,.is-selected){background:var(--press-bg);color:#f5eee2;border-color:var(--press-bg);transform:scale(.96);transition:none}
.collab-media:has(video){aspect-ratio:9/16;height:65dvh;max-width:100%;margin-inline:auto}
.collab-media video{width:100%;height:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.brands-grid .brand-card{transition:none}.brands-grid .brand-card.is-pressed{transform:none}}

/* Distinct palette families, rather than four near-identical dark tones. */
.brands-grid .brand-card{--press-bg:#536b82;--press-ink:#f5eee2}
.brands-grid .brand-card:nth-child(4n+2){--press-bg:#244c50;--press-ink:#f5eee2}
.brands-grid .brand-card:nth-child(4n+3){--press-bg:#f5eee2;--press-ink:#244c50}
.brands-grid .brand-card:nth-child(4n){--press-bg:#d8e4de;--press-ink:#244c50}
.brands-grid .brand-card:is(.is-pressed,.is-selected){background:var(--press-bg);color:var(--press-ink);border-color:var(--press-ink);box-shadow:inset 0 0 0 2px var(--press-ink)}
@media(hover:hover) and (pointer:fine){.brands-grid .brand-card:hover{background:var(--press-bg);color:var(--press-ink);border-color:var(--press-ink)}}

.brand-open{text-decoration:none}.brand-instagram-hint{display:none!important}

.collab-dialog:has(.collab-media>iframe){width:min(94vw,540px)}.collab-media iframe{width:100%;height:68dvh;min-height:450px;border:0;background:#fff;display:block}.collab-dialog:has(.collab-media>iframe) .collab-original{margin-top:16px}

.collab-dialog:has(.embed-cover){width:min(94vw,540px)}.collab-media:has(.embed-cover){height:68dvh;min-height:450px}.embed-cover{position:absolute;inset:0;z-index:1;background:#f5eee2;display:flex;align-items:center;justify-content:center}.embed-cover img{width:100%;height:100%;max-height:100%;object-fit:contain}.embed-status{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#f5eee2;color:#244c50;padding:9px 14px;font:700 12px Arial,sans-serif;white-space:nowrap}.embed-loading iframe{visibility:hidden}

.collab-original[hidden]{display:none}

/* Local player: only the poster is requested before pressing Play. */
.collab-play{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.collab-play::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(245,238,226,.94);box-shadow:0 3px 18px #0003}
.collab-play::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-left:23px solid #244c50;border-top:15px solid transparent;border-bottom:15px solid transparent}
.collab-play:focus-visible{outline:3px solid #536b82;outline-offset:-4px}.collab-play[hidden],.collab-loading[hidden]{display:none}
.collab-loading{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#f5eee2;color:#244c50;padding:9px 14px;font:700 12px Arial,sans-serif;white-space:nowrap}
.collab-media video{touch-action:pan-x pan-y pinch-zoom}