/* The invitation is one native link, including its text, logo and whitespace. */
.brand-bridge{--bridge-ink:#173c35;--bridge-muted:#385c53;--bridge-line:#98bfae;--bridge-line-hover:#4e8c77;--bridge-accent:#155e50;--bridge-background:linear-gradient(115deg,#d8efe1 0%,#c3e7df 68%,#d8eeee 100%);--bridge-shadow:#163e3121;display:block;max-width:1240px;margin:26px auto 28px;padding:0 48px;font-family:inherit;color:var(--bridge-ink);text-align:left}
.brand-bridge[data-bridge-theme="gold"]{--bridge-ink:#3e3423;--bridge-muted:#665337;--bridge-line:#c7ae76;--bridge-line-hover:#9d783c;--bridge-accent:#755324;--bridge-background:#f1e0b3;--bridge-shadow:#614b2420}
.brand-bridge *{box-sizing:border-box}
.brand-bridge .bridge-inner{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:44px;min-height:198px;padding:30px 36px;border:1px solid var(--bridge-line);border-radius:20px;background:var(--bridge-background);box-shadow:0 5px 18px -10px var(--bridge-shadow);text-decoration:none;color:var(--bridge-ink);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.brand-bridge .bridge-inner:hover{transform:translateY(-3px);border-color:var(--bridge-line-hover);box-shadow:0 12px 26px -10px var(--bridge-shadow)}
.brand-bridge .bridge-inner:active{transform:translateY(0);box-shadow:0 3px 10px -6px var(--bridge-shadow)}
.brand-bridge .bridge-inner:focus-visible{outline:3px solid var(--bridge-accent);outline-offset:5px}
.brand-bridge .bridge-copy{min-width:0;max-width:740px}
.brand-bridge .bridge-achievement{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:4px 9px;border:1px solid #b69a62;border-radius:99px;background:#fff7de;color:#715120;font-size:11px;line-height:1.5;letter-spacing:.025em}
.brand-bridge .bridge-achievement::before{content:'✦';font-size:13px;color:#a77722}
.brand-bridge .bridge-achievement[hidden]{display:none}
.brand-bridge .bridge-title{font-size:clamp(21px,2vw,27px);font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:0 0 12px;color:var(--bridge-ink)}
.brand-bridge .bridge-description{max-width:690px;font-size:14px;line-height:1.75;margin:0;color:var(--bridge-muted)}
.brand-bridge .bridge-language{font-size:11px;line-height:1.6;margin:8px 0 0;color:var(--bridge-muted)}
.brand-bridge .bridge-brand{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:250px;max-width:100%;color:var(--bridge-accent)}
.brand-bridge .bridge-logo{display:block;width:210px;max-width:100%;height:auto;object-fit:contain;filter:none;transform:none}
.brand-bridge[data-brand-target="qidolab"] .bridge-logo{aspect-ratio:1118 / 404}
.brand-bridge[data-brand-target="quidence"] .bridge-logo{aspect-ratio:12270 / 3100}
.brand-bridge .bridge-subbrand{font-size:13px;line-height:1.4;letter-spacing:.07em;margin-top:4px;color:var(--bridge-muted)}
.brand-bridge .bridge-action{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12px;font-weight:500;line-height:1.5;color:var(--bridge-accent)}
.brand-bridge .bridge-action-arrow{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--bridge-line-hover);border-radius:50%;font-size:17px;background:#ffffff57;transition:transform .2s,background .2s}
.brand-bridge .bridge-inner:hover .bridge-action-label{text-decoration:underline;text-underline-offset:4px}
.brand-bridge .bridge-inner:hover .bridge-action-arrow{transform:translate(2px,-2px);background:#ffffffa6}
.brand-bridge .bridge-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.quidence-home .brand-bridge{max-width:1900px;margin:28px auto;padding:0}
@media(max-width:720px){.brand-bridge{padding:0 22px;margin-top:24px;margin-bottom:25px}.brand-bridge .bridge-inner{grid-template-columns:1fr;gap:24px;min-height:0;padding:25px 23px;border-radius:17px}.brand-bridge .bridge-copy{max-width:560px}.brand-bridge .bridge-title{font-size:21px}.brand-bridge .bridge-brand{justify-self:start;width:auto}.brand-bridge .bridge-logo{width:185px}.brand-bridge .bridge-description{font-size:13px}.brand-bridge .bridge-action{margin-top:12px}body.quidence-home .brand-bridge .bridge-inner{padding:25px 23px}}
@media(hover:none){.brand-bridge .bridge-inner:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-bridge .bridge-inner,.brand-bridge .bridge-action-arrow{transition:none}.brand-bridge .bridge-inner:hover,.brand-bridge .bridge-inner:active,.brand-bridge .bridge-inner:hover .bridge-action-arrow{transform:none}}
