.recipe-art{background:var(--art-bg);height:290px;color:var(--art-ink);isolation:isolate;font-family:var(--font-bricolage), sans-serif;place-items:center;display:grid;position:relative;overflow:hidden}.art-orbit{opacity:.1;pointer-events:none;z-index:-1;border:1px solid;border-radius:50%;width:380px;height:380px;position:absolute}.art-orbit-one{top:-170px;left:-90px}.art-orbit-two{bottom:-190px;right:-100px}.art-paper{background:var(--art-paper);border:1px solid #00000017;border-radius:3px;width:235px;padding:22px;position:relative;transform:rotate(-5deg);box-shadow:0 14px 22px -12px #0000004d}.art-paper strong,.art-poster strong{letter-spacing:-.8px;margin:14px 0;font-size:25px;font-weight:650;line-height:1.05;display:block}.art-kicker{letter-spacing:1.5px;font-size:8px;font-weight:600;display:block}.art-foot{opacity:.65;margin-top:15px;font-size:8px;display:block}.art-paper-back{opacity:.65;height:225px;position:absolute;transform:translate(12px,4px)rotate(5deg)}.art-matrix{border-top:1px solid #ddd;grid-template-columns:repeat(3,1fr);font-size:8px;display:grid}.art-matrix span{border-bottom:1px solid #ddd;padding:7px 2px}.art-sticker{background:var(--art-ink);color:var(--art-paper);border-radius:6px;align-items:center;gap:6px;padding:10px 12px;font-size:10px;display:flex;position:absolute;bottom:22px;right:6%;transform:rotate(4deg);box-shadow:0 5px 12px #0002}.art-report{transform:rotate(4deg)}.art-progress{align-items:end;gap:7px;height:45px;margin:15px 0;display:flex}.art-progress i{background:var(--art-bg);border-radius:3px 3px 0 0;flex:1;height:55%}.art-progress i:nth-child(2){height:70%}.art-progress i:nth-child(3){height:50%}.art-progress i:nth-child(4){height:85%}.art-progress i:nth-child(5){height:100%}.art-report-row{border-bottom:1px solid #ddd;align-items:center;gap:7px;padding:7px 0;font-size:10px;display:flex}.art-dot{background:var(--art-accent);border-radius:50%;width:9px;height:9px}.art-code{color:#f1f4e8;background:#092417;border:1px solid #ffffff35;border-radius:10px;width:86%;max-width:330px;transform:rotate(-3deg);box-shadow:0 20px 40px #0004}.art-code-bar{border-bottom:1px solid #fff2;justify-content:space-between;padding:12px;font:9px monospace;display:flex}.art-code-body{padding:20px 15px}.art-code code{margin-top:8px;padding:10px;font-size:13px;display:block}.art-minus{color:#e7a18e;background:#d06e531c}.art-plus{color:#bed77b;background:#bed77b1c}.art-code-check{gap:7px;margin-top:18px;font:10px monospace;display:flex}.art-code-badge{color:#bed77b;border-top:1px solid #fff2;padding:12px 20px;font-size:11px;display:block}.art-campaign{width:270px;height:235px;position:relative}.art-poster{background:var(--art-ink);width:170px;height:218px;color:var(--art-paper);flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute;top:5px;left:5px;transform:rotate(-9deg);box-shadow:0 10px 20px #0003}.art-poster span{letter-spacing:1px;font-size:7px}.art-poster strong{font-size:28px}.art-poster-back{color:var(--art-ink);background:var(--art-paper);top:10px;left:90px;transform:rotate(10deg)}.art-meeting{transform:rotate(-4deg)}.art-spend{width:255px;transform:rotate(4deg)}.art-spend-row{border-bottom:1px solid #ddd;align-items:center;gap:6px;padding:10px 0;font-size:9px;display:flex}.art-spend-row span:last-child{background:var(--art-bg);border-radius:3px;margin-left:auto;padding:3px 5px}.recipe-art-compact{height:200px}.recipe-art-compact>:not(.art-orbit){scale:.72}.recipe-art-compact .art-sticker{bottom:8px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.art-paper,.art-code,.art-campaign{transition:transform .24s cubic-bezier(.16,1,.3,1)}.recipe-visual-card:hover .art-paper,.recipe-artifact:hover .art-paper,.recipe-visual-card:hover .art-code,.recipe-artifact:hover .art-code{transform:rotate(0)}}