.tl-figure{--tl-figure-badge-accent:var(--color-accent,#21c45d);color:var(--color-ink,#1a1a1a);margin:48px 0}.tl-figure__frame{background:var(--color-paper,#f9f8f6);border:1px solid rgba(0,0,0,.12);box-shadow:0 6px 16px rgba(0,0,0,.08);overflow:hidden;position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.tl-figure__media{display:block;position:relative}.tl-figure__image{display:block;height:auto;object-fit:cover;width:100%}.tl-figure__button{appearance:none;background:none;border:none;color:inherit;cursor:zoom-in;display:block;padding:0;text-align:inherit;width:100%}.tl-figure__button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent,#21c45d) 70%,transparent);outline-offset:2px}.tl-figure__badge{align-items:center;background:color-mix(in srgb,var(--color-paper,#f9f8f6) 90%,transparent);border:1px solid color-mix(in srgb,var(--color-ink,#1a1a1a) 12%,transparent);color:var(--color-ink,#1a1a1a);display:inline-flex;font-family:var(--font-mono,monospace);font-size:10px;font-weight:700;letter-spacing:.2em;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:2}.tl-figure__overlay{align-items:center;background:transparent;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease,background .2s ease}.tl-figure__overlay-pill{align-items:center;background:rgba(0,0,0,.7);border-radius:999px;color:#fff;display:inline-flex;font-family:var(--font-mono,monospace);font-size:10px;gap:6px;letter-spacing:.2em;padding:6px 12px;text-transform:uppercase;transform:translateY(6px);transition:transform .2s ease}.tl-figure__overlay-icon svg{fill:currentColor;height:12px;width:12px}.tl-figure__caption{margin-top:16px;padding:0 16px;text-align:center}.tl-figure__number{color:color-mix(in srgb,var(--color-ink,#1a1a1a) 50%,transparent);font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.25em;text-transform:uppercase}.tl-figure__caption-text{color:color-mix(in srgb,var(--color-ink,#1a1a1a) 80%,transparent);font-family:var(--font-serif,"Times New Roman",serif);font-size:14px;font-style:italic;line-height:1.6;margin:4px auto 0;max-width:680px}.tl-figure__credit{color:color-mix(in srgb,var(--color-ink,#1a1a1a) 40%,transparent);font-size:10px;letter-spacing:.2em;margin-top:4px}.tl-figure__credit,.tl-figure__placeholder{font-family:var(--font-mono,monospace);text-transform:uppercase}.tl-figure__placeholder{border:1px dashed rgba(0,0,0,.2);color:color-mix(in srgb,var(--color-ink,#1a1a1a) 60%,transparent);font-size:12px;padding:24px;text-align:center}.tl-figure--lightbox .tl-figure__frame:focus-within,.tl-figure--lightbox .tl-figure__frame:hover{border-color:color-mix(in srgb,var(--color-accent,#21c45d) 35%,transparent);box-shadow:0 10px 24px rgba(0,0,0,.12)}.tl-figure--lightbox .tl-figure__frame:focus-within .tl-figure__overlay,.tl-figure--lightbox .tl-figure__frame:hover .tl-figure__overlay{background:rgba(0,0,0,.1);opacity:1}.tl-figure--lightbox .tl-figure__frame:focus-within .tl-figure__overlay-pill,.tl-figure--lightbox .tl-figure__frame:hover .tl-figure__overlay-pill{transform:translateY(0)}.tl-figure--frame-shadow .tl-figure__frame{border:none;box-shadow:0 16px 32px rgba(0,0,0,.16)}.tl-figure--frame-none .tl-figure__frame{border:none;box-shadow:none}.tl-figure--caption-left .tl-figure__caption{text-align:left}.tl-figure--caption-right .tl-figure__caption{text-align:right}.tl-figure--caption-left .tl-figure__caption-text,.tl-figure--caption-right .tl-figure__caption-text{margin-left:0;margin-right:0}.tl-figure--type-sketch .tl-figure__frame{margin:0 auto;max-width:520px;overflow:visible;padding:24px;transform:rotate(1deg)}.tl-figure--type-sketch .tl-figure__badge{background:var(--tl-figure-badge-accent);border-color:transparent;color:var(--color-paper,#f9f8f6);left:-12px;right:auto;top:-12px;transform:rotate(-2deg)}.tl-figure--type-sketch .tl-figure__image{mix-blend-mode:multiply;opacity:.9}.dark .tl-figure--type-sketch .tl-figure__image{filter:invert(1);mix-blend-mode:normal;opacity:.95}.tl-figure--type-photo .tl-figure__image{filter:grayscale(100%) contrast(1.25) brightness(.95)}.tl-figure--type-diagram .tl-figure__frame{background-color:color-mix(in srgb,var(--color-paper,#f9f8f6) 88%,#fff);background-image:linear-gradient(to right,color-mix(in srgb,var(--color-grid,#d5d9dd) 20%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-grid,#d5d9dd) 20%,transparent) 1px,transparent 1px);background-size:28px 28px;border-top:2px solid color-mix(in srgb,var(--color-accent,#235c3b) 60%,transparent);padding:18px}.tl-figure--frame-none.tl-figure--type-diagram .tl-figure__frame{border-top:none}.tl-figure--type-diagram .tl-figure__image{filter:saturate(.9) contrast(1.05)}.tl-figure--type-chart .tl-figure__frame{background-color:color-mix(in srgb,var(--color-paper,#f9f8f6) 82%,#fff);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--color-grid,#d5d9dd) 18%,transparent) 1px,transparent 1px);background-size:100% 22px;border-color:color-mix(in srgb,var(--color-grid,#d5d9dd) 30%,transparent);padding:14px 16px}.tl-figure--type-chart .tl-figure__image{filter:saturate(.9) contrast(1.1);mix-blend-mode:multiply}@media (max-width:640px){.tl-figure{margin:32px 0}.tl-figure__caption{padding:0 8px}.tl-figure--type-sketch .tl-figure__frame{max-width:100%;transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){.tl-figure__frame,.tl-figure__overlay,.tl-figure__overlay-pill{transition:none}}