.catalogue-infographic{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,4.75rem);margin:0 0 4rem;padding:clamp(1.4rem,3vw,2.6rem);scroll-margin-top:96px;display:grid;overflow:hidden}.catalogue-infographic-preview{width:min(100%,430px);margin:0 auto}.catalogue-infographic-preview img{border:1px solid color-mix(in srgb, var(--on-dark) 20%, transparent);border-radius:var(--radius-md);background:var(--paper);width:100%;height:auto;box-shadow:var(--shadow-lg);display:block}.catalogue-infographic-preview figcaption{color:var(--on-dark-muted);font-size:var(--text-xs);letter-spacing:.04em;text-align:center;margin-top:.75rem;font-weight:750}.catalogue-infographic-copy{align-content:center;display:grid}.catalogue-infographic-copy .eyebrow{color:var(--apricot);margin-bottom:1rem}.catalogue-infographic-copy h2{max-width:690px;color:var(--on-dark);font-size:var(--display-sm);letter-spacing:-.03em;margin:0;line-height:1.02}.catalogue-infographic-copy>p{max-width:670px;color:var(--on-dark-muted);font-size:var(--text-lg);margin:1.25rem 0 0;line-height:1.6}.catalogue-infographic-facts{border:1px solid color-mix(in srgb, var(--on-dark) 15%, transparent);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));margin:1.75rem 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.catalogue-infographic-facts li{gap:.08rem;padding:.75rem 1rem;display:grid}.catalogue-infographic-facts li+li{border-left:1px solid color-mix(in srgb, var(--on-dark) 15%, transparent)}.catalogue-infographic-facts strong{color:var(--on-dark);font-size:var(--text-xl)}.catalogue-infographic-facts span{color:var(--on-dark-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:750}.catalogue-infographic-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:1.5rem;display:flex}.catalogue-infographic-actions .text-link{color:var(--warning-surface)}.catalogue-infographic-actions button:disabled{cursor:wait;opacity:.65}.catalogue-infographic-actions .infographic-share-button{border-color:color-mix(in srgb, var(--on-dark) 40%, transparent);color:var(--on-dark);background:0 0}.catalogue-infographic-actions .infographic-share-button:hover:not(:disabled){border-color:var(--on-dark);background:color-mix(in srgb, var(--on-dark) 10%, transparent)}.catalogue-infographic-action-status{min-height:1.4em;color:var(--on-dark-muted);font-size:var(--text-xs);flex-basis:100%}.catalogue-infographic-safety{border-top:1px solid color-mix(in srgb, var(--on-dark) 15%, transparent);color:var(--on-dark-muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:grid}.catalogue-infographic-safety svg{color:var(--apricot);margin-top:.25rem}.catalogue-infographic-safety p{font-size:var(--text-base);margin:0;line-height:1.5}.catalogue-infographic-credits{width:fit-content;color:var(--on-dark-muted);font-size:var(--text-xs);text-underline-offset:.2em;margin-top:.75rem;text-decoration:underline}.catalogue-title-infographic-link{border-color:color-mix(in srgb, var(--forest-panel) 20%, transparent);white-space:nowrap;display:inline-flex}.catalogue-title-infographic-link:hover{background:var(--clay)}@media (max-width:900px){.catalogue-infographic{grid-template-columns:1fr}.catalogue-infographic-copy{order:-1}.catalogue-infographic-preview{width:min(100%,520px)}}@media (max-width:520px){.catalogue-infographic{margin-right:calc(var(--layout-gutter) * -.35);margin-left:calc(var(--layout-gutter) * -.35);border-radius:var(--radius-md);padding:1.25rem}.catalogue-infographic-copy h2{font-size:var(--display-xs)}.catalogue-infographic-facts li{padding:.75rem}.catalogue-infographic-actions{justify-items:start;display:grid}.catalogue-title-infographic-link{white-space:normal}}.catalogue-infographic-zoom{border-radius:var(--radius-md);outline-offset:4px;display:block;position:relative}.catalogue-infographic-zoom-hint{background:color-mix(in srgb, var(--forest-panel) 90%, transparent);color:var(--on-dark);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;opacity:.92;pointer-events:none;align-items:center;gap:8px;padding:8px 12px;font-weight:800;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px}.catalogue-infographic-zoom:hover .catalogue-infographic-zoom-hint,.catalogue-infographic-zoom:focus-visible .catalogue-infographic-zoom-hint{opacity:1;transform:translateY(-2px)}.catalogue-infographic-zoom:hover img{filter:brightness(1.04)}.catalogue-infographic-species{margin:0 0 4rem;scroll-margin-top:96px}.catalogue-infographic-species-groups{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem 2rem;margin-top:1.5rem;display:grid}.catalogue-infographic-species-group h3{color:var(--forest-panel);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .5rem;font-weight:850;display:flex}.catalogue-infographic-species-group h3 small{color:var(--forest-550);font-size:var(--text-xs);font-weight:750}.catalogue-infographic-species-swatch{border-radius:var(--radius-sm);flex:none;width:26px;height:8px}.catalogue-infographic-species-group ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.catalogue-infographic-species-group li a{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:var(--radius-pill);background:var(--surface-warm);color:var(--forest-panel);font-size:var(--text-sm);align-items:center;gap:.25rem;padding:.25rem .75rem .25rem .25rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.catalogue-infographic-species-group li a:hover{border-color:var(--forest-panel);background:var(--surface-muted)}.catalogue-infographic-species-icon{object-fit:contain;flex:none;width:28px;height:28px}