.octopus-gallery-card{min-width:0;height:100%}
div.octopus-gallery-card__link{cursor:default}
.octopus-gallery-card__footer a{cursor:pointer}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.octopus-gallery-card--with-action:hover img{transform:scale(1.12)}}
.octopus-gallery-card--with-action{display:flex;flex-direction:column;background:var(--color-white);border-radius:16px;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}
.octopus-gallery-card--with-action>.octopus-gallery-card__link{height:auto;flex:1}
.octopus-gallery-card__footer{padding:0 calc(var(--shape-radius-component) + var(--space-component-sm)) calc(var(--shape-radius-component) + var(--space-component-lg))}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.octopus-gallery-card--with-action:hover{transform:scale(1.02)}.octopus-gallery-card--with-action>a.octopus-gallery-card__link:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.octopus-gallery-card--with-action{transition:none;transform:none}}
.octopus-gallery-card__identity{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-component-sm)}
.octopus-gallery-card__body .octopus-gallery-card__description--two-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.octopus-gallery-card__frame{position:relative}
.octopus-gallery-card__magnifier{position:absolute;inset:0;margin:auto;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-white);color:var(--color-zinc-900);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard)}
.octopus-gallery-card__magnifier svg{width:1.5rem;height:1.5rem}
@media(hover:hover){.octopus-gallery-card__link:hover .octopus-gallery-card__magnifier{opacity:1}}
.octopus-gallery-card__link:focus-visible .octopus-gallery-card__magnifier{opacity:1}
@media(prefers-reduced-motion:reduce){.octopus-gallery-card__magnifier{transition:none}}
.octopus-gallery-card__link{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:var(--shape-radius-component);border:0;border-radius:16px;background:var(--color-white);color:var(--color-zinc-900);text-decoration:none;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}
.octopus-gallery-card__frame{aspect-ratio:4/3;flex-shrink:0;overflow:hidden;border-radius:8px;display:grid;place-items:center;background:var(--color-zinc-100)}
.octopus-gallery-card__frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}
.octopus-gallery-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-component-sm);padding:var(--space-component-lg) var(--space-component-sm);overflow-wrap:anywhere}
.octopus-gallery-card__body h3{margin:0;font-family:var(--font-sans);font-size:var(--type-heading-3-size);font-weight:var(--type-heading-3-weight);line-height:var(--type-heading-3-leading);white-space:pre-line;color:var(--color-zinc-900)}
.octopus-gallery-card__body p{margin:0;font-size:var(--type-body-secondary-size);line-height:var(--type-body-secondary-leading);white-space:pre-line;color:var(--color-zinc-700)}
.octopus-gallery-card__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){a.octopus-gallery-card__link:hover{transform:scale(1.02)}a.octopus-gallery-card__link:hover img{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.octopus-gallery-card__link,.octopus-gallery-card__frame img{transition:none;transform:none}}