/* Brand work details: shared viewport bubble avoids clipping in the scrollable gallery. */
.brand-work-trigger{appearance:none;border:0;background:transparent;color:inherit;padding:0;margin:0;display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;border-radius:8px;cursor:pointer;font:inherit}.brand-work-trigger:focus-visible{outline:2px solid #087d61;outline-offset:5px}.brand-work-trigger img{display:block;pointer-events:none}.brand-work-details[hidden]{display:none}.brand-work-bubble{position:fixed;inset:auto;z-index:120;width:min(272px,calc(100vw - 24px));box-sizing:border-box;padding:19px 20px;background:rgba(245,253,250,.92);border:1px solid rgba(117,190,171,.68);border-radius:17px;color:#163f32;box-shadow:0 16px 44px rgba(20,67,50,.17),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(5px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.brand-work-bubble.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.brand-work-bubble strong{display:block;font:700 17px/1.3 Manrope,sans-serif;padding-right:16px}.brand-work-bubble .bubble-label{display:block;color:#4e7868;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin:7px 0 12px}.brand-work-bubble ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}.brand-work-bubble li{position:relative;padding-left:15px;font:500 12px/1.5 'DM Sans',sans-serif}.brand-work-bubble li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:#199c83;box-shadow:0 0 8px #48cbb64d}.brand-work-bubble:before{content:"";position:absolute;top:-1px;left:18px;width:36px;height:2px;background:#56c3b0;border-radius:2px}.brand-work-hint{display:block;color:#577c6b;font-size:11px;margin:16px 0 0}.brand[data-work-brand]:hover,.brand[data-work-brand]:focus-within{border-color:#70b49c}.explorer-brand[data-work-brand]:hover,.explorer-brand[data-work-brand]:focus-within{border-color:#70b49c;box-shadow:0 6px 16px #26493712}@media(max-width:480px){.brand-work-trigger{min-height:36px}.brand-work-bubble{padding:17px 18px}.brand-work-bubble strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.brand-work-bubble{transition:none;transform:none}}
