.credit-field{--credit-figure: clamp(4rem, 2.6rem + 4.4vw, 6rem);position:relative;display:grid;align-content:space-between;gap:clamp(2rem,1rem + 3vw,4rem);min-width:0;min-height:clamp(15rem,10rem + 11vw,21rem);padding:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);overflow:hidden;isolation:isolate;border-radius:18px;background:radial-gradient(90% 75% at 100% 0%,rgba(156,133,255,.55),transparent 62%),linear-gradient(155deg,#6a4ff0,#4a31c4 46%,#23185f);box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;text-decoration:none;text-underline-offset:100vh;transition:filter .3s var(--ease-out-expo)}.credit-field:hover{filter:brightness(1.08)}.credit-field:focus-visible{outline:2px solid var(--color-lime);outline-offset:3px}.credit-field-makers{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:var(--step-sm);font-weight:500;line-height:1.2;color:#ffffffdb}.credit-field-maker{display:inline-flex;align-items:center;gap:.5rem}.credit-field-mark{flex:none;width:1.75rem;height:1.75rem;color:#fff}.credit-field-fact{display:grid;gap:clamp(.875rem,.6rem + .8vw,1.25rem)}.credit-field-figure{font-family:var(--font-sans);font-size:var(--credit-figure);font-weight:500;font-variant-numeric:tabular-nums;line-height:.88;letter-spacing:-.04em}.credit-field-line{max-width:36ch;padding-inline-end:2.5rem;font-size:var(--step-body);line-height:1.45;color:#ffffffdb;text-wrap:pretty}.credit-field-whole{white-space:nowrap}.credit-field-arrow{position:absolute;right:clamp(1.25rem,1rem + 1vw,2rem);bottom:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);width:1.75rem;height:1.75rem;color:#fff;transition:transform .3s var(--ease-out-expo)}.credit-field:hover .credit-field-arrow{transform:translate(3px,-3px)}@media(prefers-reduced-motion:reduce){.credit-field,.credit-field-arrow{transition:none}}
