.blog-art[data-v-c74ead08]{isolation:isolate;background:var(--color-surface-muted);height:100%;min-height:15rem;color:var(--color-primary);position:relative;overflow:hidden}.art-caption[data-v-c74ead08],.art-number[data-v-c74ead08]{letter-spacing:.13em;z-index:2;font-size:.56rem;font-weight:600;position:absolute;left:1.5rem}.art-caption[data-v-c74ead08]{top:1.4rem}.art-number[data-v-c74ead08]{bottom:1.4rem}.blog-art--signal[data-v-c74ead08]{background:var(--color-success-tint)}.signal-chart[data-v-c74ead08]{border-bottom:1px solid var(--color-border-strong);align-items:end;gap:2%;display:flex;position:absolute;inset:25% 12% 23%}.signal-chart i[data-v-c74ead08]{background:color-mix(in srgb,var(--color-primary) 19%,transparent);border-radius:3px 3px 0 0;flex:1}.signal-chart i.standout[data-v-c74ead08]{background:var(--color-primary)}.signal-orbit[data-v-c74ead08]{border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:50%;width:115%;height:105%;position:absolute;top:1%;left:-10%;transform:rotate(-22deg)}.orbit-two[data-v-c74ead08]{width:150%;height:140%;top:-20%;left:-28%}.signal-tag[data-v-c74ead08]{background:var(--color-surface);box-shadow:var(--shadow-xs);border-radius:2rem;padding:.5rem .8rem;font-size:.7rem;position:absolute;top:18%;right:10%;transform:rotate(-5deg)}.blog-art--hook[data-v-c74ead08]{background:var(--fmt-comedy-bg);color:var(--fmt-comedy-fg)}.quote-mark[data-v-c74ead08]{font:9rem/1 var(--font-display);opacity:.12;position:absolute;top:9%;left:8%}.hook-note[data-v-c74ead08]{font:400 clamp(1.4rem,2.4vw,2rem)/1.35 var(--font-display);letter-spacing:-.04em;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotate(-4deg)}.note-underline[data-v-c74ead08]{border-bottom:2px solid;border-radius:50%;width:56%;height:.7rem}.blog-art--remix[data-v-c74ead08]{background:var(--fmt-review-bg);color:var(--fmt-review-fg)}.idea-note[data-v-c74ead08]{border:1px solid color-mix(in srgb,currentcolor 25%,transparent);background:var(--color-surface);width:54%;height:48%;box-shadow:var(--shadow-md);font:1rem var(--font-display);border-radius:.3rem;padding:1rem;position:absolute}.idea-note span[data-v-c74ead08]{font:2.5rem var(--font-sans);margin-top:.5rem;display:block}.note-back[data-v-c74ead08]{top:19%;left:13%;transform:rotate(-10deg)}.note-front[data-v-c74ead08]{bottom:17%;right:10%;transform:rotate(9deg)}.blog-art--experiment[data-v-c74ead08]{background:var(--color-surface-muted)}.experiment-loop[data-v-c74ead08]{justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:absolute;inset:30% 9%}.experiment-loop span[data-v-c74ead08]{font-size:.65rem;line-height:2}.experiment-loop b[data-v-c74ead08]{font:1.2rem var(--font-display)}.experiment-loop i[data-v-c74ead08]{opacity:.5;font-style:normal}.loop-line[data-v-c74ead08]{border:1px solid var(--color-border-strong);border-top:0;border-radius:0 0 50% 50%;position:absolute;inset:62% 16% 21%}.signal-chart i[data-v-c74ead08]{transform-origin:bottom}.hook-note[data-v-c74ead08],.idea-note[data-v-c74ead08],.idea-note span[data-v-c74ead08],.quote-mark[data-v-c74ead08],.signal-chart i[data-v-c74ead08],.signal-orbit[data-v-c74ead08],.signal-tag[data-v-c74ead08]{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s,box-shadow .4s}.experiment-loop i[data-v-c74ead08]{display:inline-block}.loop-line[data-v-c74ead08],.note-underline[data-v-c74ead08]{clip-path:inset(0)}.blog-art:hover .signal-chart i[data-v-c74ead08]{animation:.7s cubic-bezier(.22,1,.36,1) both bar-wave-c74ead08;animation-delay:calc(var(--i)*28ms)}.blog-art:hover .signal-chart i.standout[data-v-c74ead08]{box-shadow:0 0 18px color-mix(in srgb,var(--color-primary) 55%,transparent)}.blog-art:hover .signal-tag[data-v-c74ead08]{transform:rotate(-2deg)translateY(-6px)}.blog-art:hover .orbit-one[data-v-c74ead08]{transform:rotate(-6deg)}.blog-art:hover .orbit-two[data-v-c74ead08]{transform:rotate(8deg)}.blog-art:hover .quote-mark[data-v-c74ead08]{opacity:.3;transform:translateY(-6px)scale(1.08)}.blog-art:hover .hook-note[data-v-c74ead08]{transform:rotate(-1deg)scale(1.03)}.blog-art:hover .note-underline[data-v-c74ead08]{animation:.65s cubic-bezier(.22,1,.36,1) both underline-draw-c74ead08}.blog-art:hover .note-back[data-v-c74ead08]{transform:translate(-7%,-5%)rotate(-15deg)}.blog-art:hover .note-front[data-v-c74ead08]{transform:translate(7%,5%)rotate(13deg)}.blog-art:hover .note-front span[data-v-c74ead08]{animation:.9s cubic-bezier(.22,1,.36,1) both star-spin-c74ead08}.blog-art:hover .note-back span[data-v-c74ead08]{transform:translate(5px,-5px)}.blog-art:hover .experiment-loop i[data-v-c74ead08]{animation:.9s ease-in-out infinite loop-nudge-c74ead08}.blog-art:hover .loop-line[data-v-c74ead08]{animation:.7s cubic-bezier(.22,1,.36,1) both underline-draw-c74ead08}@keyframes bar-wave-c74ead08{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes underline-draw-c74ead08{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes star-spin-c74ead08{0%{transform:rotate(-180deg)scale(.4)}to{transform:none}}@keyframes loop-nudge-c74ead08{50%{opacity:.9;transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.blog-art[data-v-c74ead08] *{transition:none!important;animation:none!important}}
