.octopus-mentor-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:10px;border-radius:16px;background:var(--color-bg-surface);color:var(--color-text-primary);transition:transform var(--motion-duration-base) var(--motion-ease-standard)}
.octopus-mentor-card__frame{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--color-zinc-200);flex-shrink:0}
.octopus-mentor-card__frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}
.octopus-mentor-card__placeholder{height:100%;display:grid;place-items:center;color:var(--color-text-secondary)}
.octopus-mentor-card__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:16px;padding:24px 14px 18px;overflow-wrap:anywhere;min-width:0}
.octopus-mentor-card__identity h3{font-size:20px;font-weight:600;line-height:1.35;margin:0;color:var(--color-text-primary)}
.octopus-mentor-card__role{font-size:var(--type-body-secondary-size);line-height:var(--type-body-secondary-leading);color:var(--color-text-secondary);margin:0}
.octopus-mentor-card__role{margin-top:6px}
.octopus-mentor-card__identity h3,.octopus-mentor-card__role,.octopus-mentor-modal__identity h2{white-space:pre-line}
.octopus-mentor-card__areas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}
.octopus-mentor-card__areas [data-octopus-badge]{max-width:100%;white-space:normal}
.octopus-mentor-card__actions{margin-top:auto;padding-top:4px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:100%}
.octopus-mentor-card__socials{display:flex;flex-wrap:wrap;gap:12px}
.octopus-mentor-modal__content{padding:24px;display:flex;flex-direction:column;gap:24px;overflow-wrap:anywhere}
.octopus-mentor-modal__identity{display:flex;align-items:center;gap:var(--space-layout-xs);padding-bottom:var(--space-layout-xs);border-bottom:1px solid var(--color-border-subtle)}
.octopus-mentor-modal__identity>div:last-child{min-width:0}
.octopus-mentor-modal__portrait{width:96px;height:96px;flex-shrink:0;border-radius:var(--shape-radius-pill);overflow:hidden;display:grid;place-items:center;background:var(--color-bg-base);color:var(--color-text-secondary)}
.octopus-mentor-modal__portrait img{width:100%;height:100%;object-fit:cover}
.octopus-mentor-modal__bio{margin:0;white-space:pre-line;line-height:1.65;color:var(--color-text-secondary)}
.octopus-mentor-modal__identity h2{margin:0;font-size:var(--type-heading-2-size);font-weight:var(--type-heading-2-weight);line-height:var(--type-heading-2-leading);letter-spacing:var(--type-heading-2-tracking);color:var(--color-text-primary)}
.octopus-mentor-modal__section{display:flex;flex-direction:column;gap:var(--space-component-sm);min-width:0}
.octopus-mentor-modal__section h3{margin:0;font-size:var(--type-label-size);font-weight:600;line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-secondary)}
.octopus-mentor-modal__channels{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-component-sm)}
.octopus-mentor-modal__contacts{border:1px solid var(--color-border-subtle);border-radius:var(--shape-radius-component);background:var(--color-bg-base)}
.octopus-mentor-modal__contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-component-xs);padding:var(--space-component-sm)}
.octopus-mentor-modal__contact+.octopus-mentor-modal__contact{border-top:1px solid var(--color-border-subtle)}
.octopus-mentor-modal__contact-main{display:flex;align-items:center;gap:var(--space-component-xs);min-width:0}
.octopus-mentor-modal__contact-main>div{min-width:0}
.octopus-mentor-modal__contact-main>svg{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-secondary)}
.octopus-mentor-modal__contact-label{display:block;font-size:var(--type-body-secondary-size);line-height:var(--type-body-secondary-leading);color:var(--color-text-secondary)}
.octopus-mentor-modal__contact a{color:var(--color-text-brand);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.octopus-mentor-modal__copy-status{grid-column:1/-1;color:var(--color-text-secondary);font-size:var(--type-body-secondary-size);line-height:var(--type-body-secondary-leading)}
.octopus-mentor-modal__copy-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[data-octopus-copy-pending]{display:none!important}
@media(max-width:360px){.octopus-mentor-modal__contact{grid-template-columns:minmax(0,1fr)}.octopus-mentor-modal__contact>button{justify-self:start}}
@media(max-width:480px){.octopus-mentor-modal__identity{align-items:flex-start;flex-direction:column}.octopus-mentor-modal__content{padding:20px}}
.octopus-mentor-card a{cursor:pointer}
.mentor-card-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.mentor-card-demo-grid>[data-flux-modal]{display:contents}
@media(max-width:1100px){.mentor-card-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mentor-card-demo-grid{grid-template-columns:minmax(0,1fr)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.octopus-mentor-card:hover{transform:scale(1.02)}.octopus-mentor-card:hover img{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.octopus-mentor-card,.octopus-mentor-card__frame img{transition:none;transform:none}}