/* LinkedIn badges share the assistant's liquid-glass shell and dark rainbow rim. */
@property --li-rim-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.li-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px;max-width:1100px;margin:48px auto;padding:0 16px;color:#244650;font-family:inherit}
.li-badge{position:relative;width:250px;max-width:100%;border:2px solid transparent;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(233,243,240,.8) 48%,rgba(248,255,255,.8));box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -2px 8px #a1c4c550,0 18px 55px #203e4230,0 0 14px #54488b50;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);overflow:hidden;cursor:pointer;outline:none;isolation:isolate;transition:width .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s,transform .3s}
.li-badge:before,.li-badge:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--li-rim-angle),#652c48,#78452c,#6d6228,#245d49,#245c72,#343b7b,#613778,#652c48);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:li-rim 5s linear infinite}
.li-badge:after{padding:3px;background:conic-gradient(from var(--li-rim-angle),transparent 0deg 260deg,#9980d6 290deg,#d3d7ff 310deg,#fff8e5 320deg,#75b9b4 335deg,transparent 355deg);filter:drop-shadow(0 0 4px #b1a0e3);animation-duration:3.5s}
.li-secondary:before,.li-secondary:after{animation-direction:reverse}
.li-face{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px}
.li-face img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 8px #a2e9dc}
.li-label{flex:1;font-size:12px;line-height:1.4;letter-spacing:.04em}
.li-label b{display:block;font-weight:600}
.li-label small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.li-status{display:inline-flex;align-items:center;gap:3px;margin-left:5px;vertical-align:-2px}
.li-status svg{width:14px;height:14px;display:block;flex:none}
.li-premium{filter:drop-shadow(0 1px 2px #c37d1660)}
.li-card h3 .li-status{gap:4px;margin-left:6px;vertical-align:-3px}.li-card h3 .li-status svg{width:18px;height:18px}
.li-mark svg,.li-view svg{width:22px;height:22px;display:block}
.li-card{max-height:0;overflow:hidden;opacity:0;text-align:center;transition:max-height .55s cubic-bezier(.2,.8,.2,1),opacity .35s}
.li-banner{height:70px;margin:0 8px;border-radius:18px;background:linear-gradient(120deg,#193f4d,#343b7b 45%,#613778 70%,#245d49)}
.li-avatar{width:84px;height:84px;margin:-42px auto 0;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 18px #203e4240}
.li-card h3{margin:10px 16px 4px;font-size:18px;color:#1d3a44}
.li-headline{margin:0 18px 6px;font-size:13px;line-height:1.45}
.li-meta{margin:0 18px 14px;font-size:11px;opacity:.65;letter-spacing:.04em}
.li-view{display:inline-flex;align-items:center;gap:8px;margin:0 auto 18px;padding:8px 18px;border-radius:30px;background:#0a66c2;color:#fff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:inset 0 1px 1px #ffffff80,0 6px 18px #0a66c250}
.li-view svg rect{fill:#fff}.li-view svg path{fill:#0a66c2}
.li-view:hover,.li-view:focus-visible{background:#004182}
.li-badge:hover,.li-badge:focus-within,.li-badge.li-open{width:340px;transform:translateY(-3px);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -2px 8px #a1c4c550,0 26px 65px #203e4240,0 0 22px #54488b70}
.li-badge:hover .li-card,.li-badge:focus-within .li-card,.li-badge.li-open .li-card{max-height:420px;opacity:1}
.li-badge:focus-visible{box-shadow:0 0 0 3px #75b9b4,0 18px 55px #203e4230}
@keyframes li-rim{from{--li-rim-angle:0deg}to{--li-rim-angle:360deg}}
@media (prefers-reduced-motion:reduce){.li-badge,.li-card{transition:none}.li-badge:before,.li-badge:after{animation:none}}

.li-badges.li-badges--studio{justify-content:flex-start;max-width:100%;margin:24px 0 0;padding:0;border:0}

/* Full cards: always expanded, shown beside the Enquiries page heading. */
.li-badges.li-badges--full{flex-wrap:nowrap;justify-content:flex-end;align-items:stretch;gap:18px;max-width:none;margin:0;padding:0}
.li-badges--full .li-badge,.li-badges--full .li-badge:hover,.li-badges--full .li-badge:focus-within{width:260px;flex:0 1 260px;transform:none;cursor:default;padding-top:10px}
.li-badges--full .li-face{display:none}
.li-badges--full .li-card{max-height:none;opacity:1}
/* Enquiries page: "Connect via LinkedIn" panel sits beside the "Email us" form. */
.enquiry-contact-row{display:grid;grid-template-columns:minmax(0,850px) minmax(300px,1fr);align-items:start;gap:28px;margin-top:28px}
.enquiry-contact-row .enquiry-email{margin-top:0}
.enquiry-linkedin-panel{padding:clamp(20px,4vw,36px);border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.5);box-shadow:var(--shadow)}
.enquiry-linkedin-panel .enquiries-linkedin{margin-top:20px}
.enquiry-linkedin-panel .li-badges.li-badges--full{flex-wrap:wrap;justify-content:flex-start}
@media (max-width:1100px){.enquiry-contact-row{grid-template-columns:minmax(0,1fr)}.enquiry-contact-row .enquiry-email{max-width:none}}
@media (max-width:600px){.li-badges--full .li-badge,.li-badges--full .li-badge:hover{flex:1 1 100%;width:100%}}
/* About page: full cards under the "01 / Studio" heading, wrapping within the narrower column. */
.about-linkedin{margin-top:24px}
.about-linkedin .li-badges.li-badges--full{flex-wrap:wrap;justify-content:flex-start}